Photo Memo
写真と一緒に、撮影日・カテゴリ・撮影場所・メモを記録できるWebアプリです。写真の検索や絞り込み、お気に入り登録にも対応しています。
主な機能
- 写真の登録・編集・削除
- 撮影日・カテゴリ・撮影場所・メモの記録
- キーワード検索・カテゴリなどによる絞り込み
- お気に入り登録
- ログイン機能とユーザーごとのデータ管理
- パスワード再設定機能【2026年9月 追加機能】
パスワードを忘れた場合に、登録メールアドレスへ再設定メールを送信し、メール内のリンクから新しいパスワードを設定できる機能を追加しました。
使用技術
HTML / CSS / JavaScript / Vite / Supabase / Electron
AI活用
ChatGPTとCodexを開発支援に活用し、仕様の検討、実装、エラー対応、UIの改善を行いながら制作。生成された内容を確認・修正し、動作検証を重ねながら完成させました。
工夫した点
- 写真を見やすくするため、紙やポラロイドをイメージしたデザインに。
- 実際に操作しながら、検索・お気に入り・編集などの使いやすさを調整。
- ChatGPTやCodexに相談しながら、エラーが出た箇所を一つずつ確認して修正。
- Webブラウザだけでなく、Windowsアプリとしても使える形に。
制作を通して学んだこと
AIを活用することで、知識が十分でない部分も一つずつ確認しながら制作を進められました。一方で、AIの提案をそのまま使うのではなく、実際に動かして確認し、問題があれば修正を重ねることの大切さを学ぶ事ができました。
まとめ
このアプリをChatGPTやCodexと一緒に制作したことで、初めてアプリ開発の大変さと、コードを書く仕事の奥深さを実感しました。
小さな機能ひとつでも、考え、実装し、エラーを修正し、実際に動くことを確認するまでには多くの工程があります。
同時に、生成AIの力を借りなければ、一つのアプリを完成させるまでにどれほどの時間と知識が必要なのか、想像以上であることにも気づきました。
AIを使えば簡単に作れるということではなく、AIと対話しながら試し、失敗し、修正を重ねることで、少しずつ形にしていく。その過程そのものが、今回の制作で得た大きな学びです。