Technical Blog
技術ブログ
WordPressで継続して書いてきた技術記事・開発記録をまとめています。 学習内容、開発で詰まったこと、実装の理解を言葉に残しています。
docker compose up –buildは何をしているのか？
現職で以下の技術を使用する可能性があるため、買い物リスト作成アプリをオリジナルでChatGPT 5の力も借りながら作成している。 基礎知識は多岐に渡るが、この記事では、アプリを起動する時のコマンド「docker compose up –build」について書いていく。 仮説 AIに聞く前に、自分なりの仮説を立ててみる。 これは、大AI時代にとても大事なこと。 自分の …
現状のオフライン対応の仕組み
以下のプロジェクトを「docker compose up –build」で起動した後、 同一IPアドレス:ポート番号でスマホでアクセスできる。 機内モードに変更 機内モードにすると、以下のようになる。 オフラインモード（変更は後で同期）が表示されている。 機内モードを外す 機内モードを外すと、オフラインモードの文字が消える。 現状の問題点 5Gのモバイル通信で、オフ …
実際にアプリを使ってみる
Docker Desktopで起動中のサービスの状況が確認できている。 アプリを開く スマホのトップ画面に置いたアイコンをクリックする。 バローと無印のセクションを作成している。 dockerのbackendのログは、以下のようになっていた。 商品を追加する それでは早速、これから私がルピットタウン刈谷に買いに行く商品を追加しよう。 ヨーグルトを追加した。 その時、backen …
商品が削除される時に何が起こっているのか？
例えば、トマト水煮を削除するには、 チェックボックスを押す。 削除された。 この理由をソースコードドリブンで解明していこう。 フロントエンド 要素の検証で確認すると、チェックボックスは、inputタグになっている。 frontend/src/components/ShoppingList.vueでは、以下のあたりが関係してきそうだ。 @change=”toggleI …