在庫管理・買い物メモを作成中/creating-inventory-management-shopping-list

Transcript

1. 在庫管理・買い物メモを 作成中 Kanazawa.rb meetup 168 2026年08月22日
2. @cotton̲desu Webエンジニア/元不眠症エンジニア
3. アジェンダ 1. きっかけ 2. 開発環境・構成 3. 機能説明 4. Demo 5. 所感
4. きっかけ
5. きっかけ • 以下の在庫状況を把握したい • パントリー • 冷蔵庫 • 冷凍庫 • 日用品
6. ついでに買い物メモも 欲しい
7. きっかけ • メモに書いたが持ち歩いていない • 何か買わないといけないが何か覚えていない • 何か買わないといけないが家に帰って思い出す • 特定の人と共有したい、気が付いたら買うがいい
8. 開発環境・構成
9. 開発環境・構成 • コンテナ基盤：Docker • ベースイメージ：ruby:4.0.6-slim • データベース: PostgreSQL 15 • Webサーバー: Puma 7.2.0
10. 開発環境・構成 • Framework：Rails 8.0.4 -> 8.1.3.1 • CSS：Tailwind CSS 4.1.18 • JavaScript：Hotwire Turbo、Stimulus • Language：Ruby 3.3.10 -> 4.0.6 • Test：Minitest
11. 開発環境・構成 • Framework：Rails 8.0.4 -> 8.1.3.1 • CSS：Tailwind CSS 4.1.18 • JavaScript：Hotwire Turbo、Stimulus • Language：Ruby 3.3.10 -> 4.0.6 • Test：Minitest 採用理由 • Kanazawa.rbだからね
12. コード説明は割愛
13. 機能説明
14. 機能 • 在庫一覧 • 在庫登録 • 買い物一覧 • 買い物登録 • 在庫一覧から買い物登録 • 買い物一覧から在庫登録 • ログアウト
17. 遷移図 買い物登録 在庫一覧 買い物一覧 在庫登録
20. Demo
21. 所感 • これで買い忘れが少し減ると思う • あれ買ってきてなどの買い忘れが減るといいな • 実運用はこれから
22. おまけ
23. 0円運用を検討すると
24. fl デプロイ先は Cloud are
25. Cloud are Containers fl は使いたくない
26. TypeScript/ Honoに移植します
27. 在庫管理・買い物メモを 作成中 Kanazawa.rb meetup 168 2026年08月22日