jama

iPhoneアプリを作り続けて早10年。 ソフトのエンジニアからハードよりにシフトして…

jama

iPhoneアプリを作り続けて早10年。 ソフトのエンジニアからハードよりにシフトしてみたい。 けど道のりは険しい。 最近は自作のキッチンカーをゼロから製作して、なんとか完成までこぎつけた。 今後は保健所で営業許可を取り、都内、千葉あたりで稼働させることを目指す。

  • キッチンカーアーティスト

    キッチンカーの自作をアートにする。キッチンカーアーティストの活動をまとめたマガジンです。

Vue packages version mismatchを解消する考え方

キッチンカーアーティストのジャマです。 不用意にnpm updateをしたら突然npm run buildがエラーになり、nuxtのプロジェクトが動かなくなりました。 Vue packages version mismatch: - vue@3.2.31 - vue-server-renderer@2.6.14This may cause things to work incorrectly.Make sure to use the same version fo

jama

    • nuxt generateした時のリンク先にご注意下さい。

      キッチンカーアーティストのジャマです。 キッチンカー2台目用の軽トラを買ったのですが、受託開発が忙しくてまだ製作着手ができません。 背景nuxtでwebシステムを作ったら、さてdeploy！となります。今回のdeployはnuxt generate(npm run generate)して、吐き出されたdistディレクトリのファイルをサーバにアップすることで行います。 今回初めてnuxt generateでdeployするのですが、そういう場合は大体色んな問題にぶち当たる

      jama

      • iOSのMapViewの吹き出しタップ処理は初見殺し

        こんにちはキッチンカーアーティストのジャマです。 最近はプログラミングの仕事に忙殺されて、ものづくり脳ではなくて、プログラミング脳になってます。 iOSのマップに吹き出しが出せるのですが、それのタップ処理を初めて実装したのですが、初見殺しすぎるので後世の方々が殺されないようにまとめたいと思います。 iOSのマップの吹き出しとは? 上の画像の吹き出しのことです。 赤枠の「タップ」と書かれているタイトル部分 右側の「?」の部分に分かれます。 今回は表示していないですが「タ

        jama

        • 自分で作るドネルケバブ機〜後半戦の舞台裏〜

          こんにちはキッチンカーアーティストのジャマです。 過去2回にわたり自作のドネルケバブについて語って参りました。 自作で苦労したところを語る舞台裏の後半戦になります。 自作工程(おさらい) 1. アルミ板の加工テスト 2. ヒーターの分解 3. アルミ板の加工 4.モーターとAC電源の接続 5. 仮組み立て 6. 円盤の中央に穴をあける 7. モリ用の穴をあける 8. 最終組み立て 9. テスト稼働 10. 本番稼働 6〜10が今回の内容になります。 6. 円盤の中央

          jama

        Vue packages version mismatchを解消する考え方

        jama

        • nuxt generateした時のリンク先にご注意下さい。

          jama

        • iOSのMapViewの吹き出しタップ処理は初見殺し

          jama

        • 自分で作るドネルケバブ機〜後半戦の舞台裏〜

          jama

        マガジン

        • キッチンカーアーティスト
          11本

        記事

          自分で作るドネルケバブ機〜前半戦の舞台裏〜

          こんにちはキッチンカーアーティストのジャマです。 前回ドネルケバブ機の自作について全体像を語らせてもらいました。 今回はもう少し製作の細かい内容や注意点、あとは個人的にドタバタした点だったり製作の舞台裏的なことをお伝えしたいと思います。 表側はyoutubeにアップしているのでそちらをご覧下さい。 自作工程(おさらい)1. アルミ板の加工テスト 2. ヒーターの分解 3. アルミ板の加工 4.モーターとAC電源の接続 5. 仮組み立て 6. 円盤の中央に穴をあける 7

          jama

          自分で作るドネルケバブ機〜前半戦の舞台裏〜

          jama

          自分で作るドネルケバブ機〜全体像〜

          こんにちはキッチンカーアーティストのジャマです。 久々にキッチンカーアーティストっぽい活動としてドネルケバブ機を自作しました。今後キッチンカーでケバブを出したりできるかを検証するために作成してみました。 完成品 こういったマシーンが完成しました。 思ったよりドネルケバブマシーンっぽい雰囲気を醸し出してます。 製作に関する細かい内容今回は製作に関して俯瞰した内容になっています。もう少し製作の細かい内容を知りたい方は以下2つの記事をご覧下さい。 参考文献こちらの記事を参

          jama

          自分で作るドネルケバブ機〜全体像〜

          jama

          WKWebViewのCookieがどうやっても設定できなくなって困った話

          こんにちはキッチンカーアーティストのジャマです。 最近SwiftとNuxt + Vue + TypeScriptの連携話ばかりで恐縮です。 今日もまたそんな連携話になります。 アプリの流れはチュートリアル画面→ユーザ登録画面→トップ画面となっています。 チュートリアル画面→ユーザ登録画面はVueで作成してWKWebViewで表示します。トップ画面はネイティブで、お知らせ画面というのがまたWKWebViewの画面になります。 今回大変困ったのが、最初のWKWebViewで

          jama

          WKWebViewのCookieがどうやっても設定できなくなって困った話

          jama

          SafariだけDateフォーマットが動かない話

          こんばんわ。キッチンカーアーティストのジャマです。 今日はもうnoteを書きたくなかったのですが、jsの新たなネタができてしまったので、書いておきます。 SafariはDateのフォーマットが他のブラウザと違うようで、変な動きをするそうです。 それにしっかりハマりました。 こちらの記事にあるように、 1.momentを使ってDate化。 2.Dateを好きな形式でフォーマット することでDateフォーマットができるとあります。 がしかし！！ 私の場合は1はできるので

          jama

          SafariだけDateフォーマットが動かない話

          jama

          SwiftからWKWebview経由でTypeScriptのメソッドを叩く時に気をつけること

          こんばんわ。キッチンカーアーティストのジャマです。 最近Typescript + Nuxtの開発もだいぶ、こなれてきました。TypeScriptの開発もキリが良くなってきたので、次はSwiftからWKWebviewを使って、TypeScriptと連携をする処理に取り掛かりました。 let js = "this.メソッド名;"wkWebView.evaluateJavaScript(js, completionHandler: { (object, error) -> Vo

          jama

          SwiftからWKWebview経由でTypeScriptのメソッドを叩く時に気をつけること

          jama

          Nuxt.js + axios + TypescriptでRepositoryパターンを実現する

          こんにちはキッチンカーアーティストのジャマです。 キッチンカーアーティストをやる傍らプログラマーをやっています。 最近は表題の通りNuxt.js + axios + TypescriptでRepositoryパターンを実現しました。 備忘録を兼ねて実装方法を残しておきたいと思います。 まずはこのブログをもとに実装を行いました。 しかし！！！ 色々頑張っても動きませんでした。 誤植なのか開発環境のバージョンが違うのか、とにかく動かなかったです。 動かすために修正した内

          jama

          Nuxt.js + axios + TypescriptでRepositoryパターンを実現する

          jama

          あわてんぼうのワニが急患で我が家にやってきた！(Obnizで始めるなんちゃってIoT)

          まさか自分がワニの治療をすることになるとは思ってもみなかったです。 我が家に1匹の急患が運び込まれました。 どこからどう見てもワニです。 この子、知り合いの家で買われたワニなんですが、電池を入れてもピクリとも動かなかったです。買って放置していたようで返品期限も過ぎてしまったようなので、急遽我が家に急患として搬送されました。 緊急切開したところワニの構造が明らかに。 中国原産のワニだそうで、臓器が売っぱらわれてるのではと思い切開してみたら、ちゃんと臓器はありました。 原因は

          jama

          あわてんぼうのワニが急患で我が家にやってきた！(Obnizで始めるなんちゃってIoT)

          jama

          出店場所を求めて。都立公園への出店を試みるも撃沈【キッチンカーアーティスト】

          こんにちは、キッチンカーアーティストのジャマです。キッチンカーを自作して、自作の過程や出店した際の様子を公開しています。 さて、前回初めての大型イベントに出店しました。キッチンカーアーティストとして次に目指すべきは、定常的に出店できるところを見つけて、自分の出したい時に出店できる体制を整えることにあります。 ということで出店できる場所を探してみました。 そしたら 都立公園で申請すればキッチンカーが出せるとの情報を発見！！ 出店可能な荒川区の公園を見ると尾久の原公園と

          jama

          出店場所を求めて。都立公園への出店を試みるも撃沈【キッチンカーアーティスト】

          jama

          キッチンカーで初の大型イベント出店！気になる売上を大公開【キッチンカーアーティスト】

          こんにちは、キッチンカーアーティストのジャマです。キッチンカーを自作して、自作の過程や出店した際の様子を公開しています。 【概要】今回は縁があり、六本木ヒルズで開催されたラトビアとの国交スタート100周年を記念したフェスティバル、ラトビアフェスにキッチンカーアーティストとして参加しました。 なんと公式ページにキッチンカーアーティスト ジャマの名前が！ 私がキッチンカーを六本木ヒルズに持っていき、キッチンカーの保守と販売の補助。お弁当屋さんがキッチンカーの中でラトビア料理

          jama

          キッチンカーで初の大型イベント出店！気になる売上を大公開【キッチンカーアーティスト】

          jama

          docker-compose up -d がニッチパターン

          こんにちは、キッチンカーアーティストのジャマです。 今日はdocker-compose up -d を実行して謎のエラーが出たので回避法をメモっておきます。相当マニアックなエラーなので、ひっかかる人がいるのかわかりませんが。 エラーは以下になります。 create _node_modules_volume: "_node_modules_volume" includes invalid characters for a local volume name, only "

          jama

          docker-compose up -d がニッチパターン

          jama

          Nuxt+Typescript+dockerで作る開発環境【2021年11月版】

          キッチンカーアーティスのジャマです。 キッチンカー周りの処理も色々やりたいことがあるのですが、プログラミングの仕事がたまってるので、技術系の話題ばかりで恐縮です。 今Nuxt+Typescriptの案件の対応中なのですが、開発環境をdockerで構築しました。それにしてもNuxt+Typescript+dockerの開発環境の作り方をアップしてる人が非常に少ないです。しかも全然見つからない上に情報が古かったりします。2021年11月版として環境を作ってみたのでメモを残して

          jama

          Nuxt+Typescript+dockerで作る開発環境【2021年11月版】

          jama

          SourceTreeからのプッシュ時にパーソナルアクセストークンの期限切れにご注意下さい。

          どうもキッチンカーアーティストのジャマです。 2021年の8月にSourceTreeからのGithubの認証方式が、パーソナルアクセストークンの使用に変更されて阿鼻叫喚された皆さんこんにちは。 私も阿鼻叫喚したうちの一人です。 上記の記事のように対応したかと思います。 3ヶ月経って、またもや阿鼻叫喚な事態に巻き込まれました。 ソースコードをプッシュしようとしたら、前回同様認証エラーが発生。トークンがおかしいのかと思って、sourceTreeのユーザを削除して再作成な

          jama

          SourceTreeからのプッシュ時にパーソナルアクセストークンの期限切れにご注意下さい。

          jama