マーラータンジェネレーター楽しく作れました

2025年夏ごろにマーラータンジェネレーターというアプリを作った際のスライドです

Transcript

1. マーラータン の シミュレーションアプリ namerouboy たのしくできました！
2. 自己紹介 ・名前 ・なめろうボーイ(なめろうが好きなので) ・普段の業務と三浦半島.rbへの参加意図 ・公共系のプロジェクト管理など ・web系の開発をやってみたい！！
3. マーラータンが好きです ・中国四川省発祥のたべもの ・辛いスープで好きな具材を煮込んで食べる ・辛くておいしい ・とにかくおいしい
4. マーラータンはむずかしい マーラータンの流れ ①具材がずらっと並んだショーケースから好きなものを選んで皿に盛る ②具材選びが完了したら計量＆お会計。 100グラムあたり400円。 このシステムだと・・・ 値段の調整が難しい！！ 欲望のままに盛り付けるとお会計が3000円になってしまったりする…
5. マーラータンをシミュレーションできるアプリが欲しい ・要件 ・選べる食材が一覧で確認できること ・「この具材もっと追加しよう」が直感的にできること ・計量結果と金額が最後にまとめて表示されること お店の流れを何度もシミュレーションできる をテーマに開発開始
6. できました
7. 使用した技術 フロントエンド JavaScript バックエンド Ruby on Rails インフラ Render.com DB PostgleSQL CI/CD Github Actions
8. こだわりポイント お店と同じ流れ！を意識 クリック一つで具材の個数を変更できるようにした。 (あれもこれも！とどんどんお皿に追加していくイメージ。)
9. 課題 ①コードがくちゃくちゃになってしまった ・一旦デザイン無視で実装 → あとからスタイルを適用 の流れだったので、無駄・見づらい記述だらけ。 ②フロントエンドを chatGPTに頼り過ぎた ・cssとJavaScriptへの苦手意識と、「はやくリリースしたい！」という焦り 今後の開発で意識したいこと UI設計に時間をかける。 → イメージを固めることで結果的に見やすいコードを書くことにつながるはず。
10. 今後の展望 もっと機能を追加したい！ ・選んだ具材のアイコンがお皿にポイポイ投げ込まれていくアニメーション ・お気に入りレシピを保存・共有・いいねできるSNS要素 ・金額を指定するとおすすめ具材をランダムで表示してくれるガチャ要素
11. 初webサービス完成しての感想 ・楽しかった！ 考えて手を動かしたことが形になる喜び デプロイが完了して、スマホからURLをタップした瞬間の達成感 ・chatGPTありがとう 環境構築・デプロイを一人でやると膨大なエラーで心が折れてしまう……。 今回はchatGPTにひたすら聞きまくることでメンタルの安定を保てた。 ・今回のスライドは上流寄りになってしまったので、次のLTは技術の話をする！