このアプリは、クックパッド、DELISH KITCHEN、クラシルのレシピを検索・保存し、自作メニュー表を簡単に作成するための家庭向けWebアプリです。
検索したレシピはURLの入力で自動保存でき、その他のレシピも手動で追加・編集可能で、選べるデザインでオリジナルメニュー表が作成できます。
完成したメニュー表は画像として保存できます。
日常的に行われる「何食べたい？」、「なんでもいい」という会話。
料理を作る側は、「なんでもいいが1番困るんだよ！」とイライラ。
食べたいものを聞かれる側は、「何かって漠然と聞かれても思い浮かばないよ、、、」とモヤモヤ。
食べたいものを作ってあげたいという優しさがあったり、大変なものじゃなくて作りやすいもので十分だよという気遣いがあったりするのに、お互いがイライラ、モヤモヤする結果になってしまう。
そんな状況を少しでも楽しく改善できたらと思い、このサービスを考えました。
- 家族や友人に料理を作る人
- 自炊している人
このサービスを利用することで、ユーザーは自宅で簡単にレシピを検索・保存し、オリジナルのメニュー表を作成することができます。また、それを画像としてSNS等で共有することができます。
これらにより、「レシピ管理の手間軽減」や、「オリジナルメニュー表で、料理を考える段階から楽しめる」など、料理の計画から実際の食事の提供まで、ユーザーに楽しくて便利な体験を提供します。
-
アカウントを作成してログインします。
-
レシピを保存または作成します。
-
自動保存の場合
- 【レシピ検索】からレシピを検索し、保存したいレシピのレシピページのURLをコピーします。
- 【レシピ保存】から「自動で保存」を選択し、コピーしたURLを入力してレシピを保存します。
-
手動保存の場合
- 【レシピ保存】から「手動で保存」を選択して、レシピ情報を入力して保存（作成）します。
-
-
【メニュー表作成】から、メニュータイトルやコメントの入力、レシピ、デザインを選択してオリジナルのメニュー表を作成できます！
| トップ画面 | レシピの自動保存 |
|---|---|
 |
 |
| アプリの説明と、簡単な使い方の説明をしています。 詳しい使い方（画像付き）のページへのリンクもあります。 |
【レシピ保存】から「自動で保存」を選び、あらかじめコピーしておいたレシピページのURLを貼り付けるだけで、レシピを保存することができます。 |
| レシピの手動保存（作成） | レシピ一覧 |
| :--: | :--: |
 |
 |
| 【レシピ保存】から「手動で保存」を選び、レシピタイトル・材料・作り方を入力して手動でレシピを作成することができます。 | 【レシピ一覧】から保存・作成したレシピの一覧を確認することができます。 |
| レシピ詳細 | レシピ編集 |
| :--: | :--: |
 |
 |
| レシピ一覧画面に表示されているレシピ名をクリック（タップ）することで、そのレシピの詳細を確認することができます。 | レシピ一覧ページ、レシピ詳細ページの「編集」ボタンから、レシピの編集をすることができます。 |
| メニュー表作成 | メニュー表一覧 |
| :--: | :--: |
 |
 |
| 【メニュー表作成】を選択し、メニュータイトル・コメント（空白でも可）を入力、メニュー表に載せるレシピと、メニュー表のデザインを選択することで、オリジナルのメニュー表を作成することができます。 | 【メニュー表一覧】から、作成したメニュー表を確認することができます。 |
| メニュー表詳細 | メニュー表編集 |
| :--: | :--: |
 |
 |
| メニュー表一覧画面に表示されているメニュータイトルをクリック（タップ）することで、そのメニュー表の詳細を確認することができます。 | メニュー表一覧ページ、メニュー表確認ページの「編集」ボタンからメニュー表の編集をすることができます。 |
- 家族や友人等に紹介して触ってもらう
- アプリをSNSでシェアしやすい仕様にして、SNS経由でユーザーを獲得
レシピを検索して保存できるアプリ自体は多数あります。
対して、当サービスの差別化ポイントは、保存したレシピからオリジナルのメニュー表を作って提供できることです。
これによって、作る料理を選んでもらうことができ、相手が食べたいと思っている料理を提供することができます。
また、メニューを提示された側も選びやすくなります。
- ユーザー認証（ユーザー登録、ログイン、ログアウト、パスワードリセット）
- レシピ検索（クックパッドのサイトへのリンクを表示）
- レシピの自動保存機能（URL入力、クックパッドのみ）
- レシピの手動保存（作成）機能
- 保存したレシピの編集、削除機能
- メニュー表の作成機能
- メニュー表の編集機能
- レシピ検索（DELISH KITCHEN、クラシルへのリンク表示を追加）
- レシピの自動保存機能（URL入力、DELISH KITCHEN、クラシルを追加）
- 保存したレシピの検索機能
- 作成したメニュー表の検索機能
- メニュー表のデザイン選択機能
- メニュー表作成、編集時に各レシピにコメントを追加できる機能
- メニュー表の画像化機能
- アプリのSNSシェア機能（X,LINE）
- SNSログイン機能（Google）
- フロントエンド
- JavaScript：@hotwired/stimulus, @hotwired/turbo-rails
- CSSフレームワーク：Bootstrap 5
- ビルドツール：esbuild
- バックエンド
- Ruby: 3.3.2
- Ruby on Rails: 7.1.3
- データベース
- PostgreSQL
- CI/CL
- GitHubActions
- インフラ
- Fly.io
- ストレージ
- AWS S3
- 認証
- Sorcery
- その他
- Mechanize
- html2canvas.js
