consolelogfuku / ai-oryouri-naming

「名もなき日常料理」に名前を付けてくれるサービス

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

OGP

AIお料理ネーミング

https://www.ai-oryouri-naming.com/

AIお料理ネーミングは、「名もなき日常料理」に名前をつけるアプリです。

※「名もなき日常料理」とは、冷蔵庫の余り物やアドリブで作った料理など、特定のレシピに従わない独自の料理を指します。

🥕メインのターゲットユーザー

  • 余り物で料理を作るのが得意な方
  • 「いつものアレ」に名前をつけたい方
  • SNSで料理をシェアしている方
  • 家族や友人との会話のネタにしたい方

🥕ユーザーが抱える問題

  • 余り物で美味しい料理が作れても、名前がないため、料理の特徴や味を上手く伝えられずに困る
  • 料理に名前がないことで、過去に作った料理や食べた料理を思い出しにくくなる
  • 「名もなき日常料理」に適切な名前が付けられず、SNSでシェアしにくい
  • 他人に自分の得意料理を説明する際に、名前がなくて困ることがある

🥕解決方法

  • アプリが自動的に「名もなき日常料理」にユニークで面白い名前をつける機能を提供
  • 付けられた名前を使って、SNSでシェアしやすくする
  • 話題性のある名前をつけることで、家族や友人との会話のネタにもなる

🥕主な機能

料理名生成機能

  • 当アプリのメイン機能です。あなただけのユニークな料理名を生成できます。
1️⃣ フォームに入力 2️⃣ 生成ボタンを押す 3️⃣ 料理名が生成
料理情報を入力しましょう。
感覚的に操作できます。
料理写真を添付(任意)して「生成ボタン」を押しましょう。 お気に入りの料理名が出るまで遊びましょう〜!(1日5回まで)

料理写真生成機能

  • フォームに料理写真を添付しなかった場合に、自動で料理写真を生成します。この食材で料理を作ったらどうなるか?など、架空の料理を作って遊んでみてください!
1️⃣ フォームに入力 2️⃣ 写真を添付せずに
生成ボタンを押す
3️⃣ 料理名と料理写真が生成
料理情報を入力してください。 料理写真を添付せずに「生成ボタン」を押して、架空の料理を作りましょう! お気に入りの料理ができ上がるまで、遊んでみましょう!

似た料理表示機能

  • 自分が作成した料理と、似た料理を表示してくれます。自分と似た料理を作っていた人がいないか、見てみましょう!料理名生成結果画面から確認できます。
1️⃣ 生成結果画面へ 2️⃣ 似た料理表示ボタンを押す 3️⃣ 似た料理が表示
料理名を生成して、生成結果画面に移りましょう。 画面を少し下にスクロールすると、「似た料理表示ボタン」があります。 似た料理が表示されます!

掲示板機能

  • 作成した料理を投稿して、みんなに自慢しましょう!料理名を生成後、生成結果画面からそのまま公開設定ができます。また後から公開したい場合は、料理編集画面から設定ができます。以下では作成した料理を掲示板で公開する手順を示しています。
1️⃣ 生成結果画面へ 2️⃣ 掲示板で公開する
ボタンを押す
3️⃣ ヘッダーのタブから
掲示板に遷移しよう
料理名を生成して、生成結果画面に移りましょう。 下部にある「掲示板で公開するボタン」を押して公開しましょう! 公開できたら、上部のタブから掲示板を覗いてみましょう。
4️⃣ 掲示板を見てみよう 5️⃣ 公開設定を変えたい場合 6️⃣ 公開設定の変更
自分で作成した料理が公開されているのが分かります。 「編集ボタン」を押して料理を編集しましょう。 編集画面から、公開設定を変更することができます。

🥕なぜこのサービスを作ろうと思ったのか?

😖「得意料理は何?」と聞かれた時に、何て答えたらいいか困ることが多かったから

私 「趣味は料理です!」
相手「いいですねー!得意料理は何ですか?」
私 「(得意料理は、冷蔵庫の余り物からアドリブで作る「名もなき日常料理」なんだよな...なんて答えたらいいのか...)」

のように、いつも回答に困っていました。「名もなき日常料理」が得意とも言えず、回答を濁すことが多かったため、一層のこと「名もなき日常料理」に名前をつけてしまえばいいのでは? と考えました。

🥳「名もなき日常料理」に日の目を浴びせてあげたいから

SNSでは、綺麗に盛り付けられた「名前のある料理」たちがズラリと並ぶ中、「名もなき日常料理」はその影に隠れがちです。一生で食べる食事のうち、食べる回数が多いのはきっと「名もなき日常料理」であり、間違いなく我々の胃袋を支えている彼らが、SNS上で肩身の狭い思いをしていることが不憫でなりません。そこで彼らに、ユニークな名前をつけてあげることで、「名もなき日常料理」をシェアするきっかけや、話題に上る機会与えてあげたいと考えました。

🧑‍💻技術選定

バックエンド

  • Ruby 3.2.2
  • Rails 7.0.4
  • ActionCable...料理名生成中のローディング画面表示に使用

フロントエンド

  • Hotwire(Turbo, Stimulus)
  • JavaScript
  • BootStrap

外部API

  • Open AI API...料理名の生成に使用
  • Stability AI API...料理写真の生成に使用
  • DeepL API...Stability AI APIに送るプロンプトの英訳に使用

インフラ

  • PostgreSQL
  • Upstash(Redis)...セッション情報及び、IPアドレスと料理名生成機能の使用回数を格納
  • Heroku
  • AWS(S3)

主なgem

  • Sorcery
  • CarrierWave
  • MiniMagick
  • TinySegmenter(形態素解析)
  • Faraday

🗓スケジュール

  • 当初計画時
  1. 企画(アイデア企画・技術調査): 5/7
  2. 設計(README作成・画面遷移図作成・ER図作成): 5/15
  3. 機能実装: 5/22〜7/3
  4. MVPリリース: 7/4
  5. 本リリース: 7/21
  • 変更
  1. 機能実装: 5/22〜8/29 (5/26〜6/30、7/8〜7/24まで諸事情により開発一時中止)
  2. MVPリリース: 9/8
  3. 本リリース: 10/9

🖥画面遷移図

  • Figmaのリンクはこちらをご覧ください。

📒ER図

ER図

About

「名もなき日常料理」に名前を付けてくれるサービス


Languages

Language:Ruby 56.6%Language:HTML 34.0%Language:SCSS 7.4%Language:JavaScript 2.0%Language:Shell 0.1%