献立プランナーアプリの作り方：週間計画、買い物リスト、栄養

献立プランナーアプリは、「今週は何を食べようか？」を、計画と買い物リストに変えます。中心にあるのは3つです。レシピ、食事の枠を持つ週間カレンダー、そして計画に入っている内容から自動で作られる買い物リストです。それ以外の、家族での共有、作り置き、食材の在庫管理、栄養の合計、AIによる提案は任意です。基本の流れが自分の台所で機能してから、後で追加するのが最善です。

献立プランナーに必要なもの

画面

• 週間表示：月曜から日曜までを、朝食、昼食、夕食、間食の枠で並べ、レシピを枠に配置します。これがメインの画面です。
• レシピのライブラリ：自分のレシピを、検索とタグ付けができるようにします。
• レシピのページ：材料、手順、人数分。
• 買い物リスト：週の計画から生成され、売り場ごとにまとめられ、チェックしやすいもの。
• 設定：世帯の人数、食事の好み、週の始まりの曜日、単位。

データ

• レシピと、それに対応する材料。材料は、別々の行として保存します（分量、単位、名前）。この構造がなぜ重要かは、レシピアプリの作り方で解説しています。
• 計画：世帯、週の開始日。
• 計画の項目：計画、曜日、食事の枠、レシピ（または「外食」などの自由記述）、人数分。
• 買い物リストの項目：世帯、材料、分量、単位、売り場、チェック済みかどうか、出所（計画から、または手入力）。
• 在庫の食材（任意）：塩や油など、いつも家にあり、リストから除外するもの。
• 世帯とメンバー：計画を共有する人。

権限

個人用のプランナーなら、アカウントは1つで十分です。家族やルームメイトの場合は、レシピ、計画、リストを所有する世帯を作り、メンバーは招待で参加できるようにします。世帯の全員が編集でき、外部の人は何も見られないようにしてください。

判断事項とトレードオフ

固定の枠か、自由な日程か。 朝食、昼食、夕食の固定の枠は、作るのも読むのも簡単です。夕食だけを計画する世帯もあるので、使わない枠は非表示にできるようにしてください。

買い物リストの賢さ。 「玉ねぎ200g」と「玉ねぎ1個」をまとめるには、玉ねぎ1個がおおよそ何グラムかを知っている必要があり、深みにはまります。最初のバージョンでは、単位が一致するものだけをまとめ、それ以外は並べて表示するのがよいでしょう。それは誠実で、なお役に立ちます。

1件ごとの人数分。 4人分のレシピを2人分として計画した場合、買い物リストも按分されるべきです。作り置きで多めに作った場合は、別の日に「残り物」の項目を入れ、買い物リストには何も加えないようにします。

栄養。 栄養の合計には、各材料の栄養素の値が必要です。USDAのFoodData Centralのような公開データベースがありますが、自由記述の材料をデータベースの項目に対応させるには手間がかかり、結果は推定値です。栄養は後の機能として扱い、食事の助言として提示しないでください。

AIによる献立の提案。 「今週の献立を立てて」はAIの自然な機能です。安全に保ってください。

1. モデルには、世帯がすでに持っているレシピと、好み（「魚はなし、週に1回は菜食の夜、平日は手早く」など）だけを送ります。
2. 構造化された回答（枠ごとのレシピIDの一覧）を求め、各IDが存在するかを通常のコードで確認します。
3. アレルギーの判断をモデルに任せないでください。アレルゲンを含むレシピは、AIの処理の前後で、通常のコードで除外します。
4. APIキーはサーバー側に置き、各ユーザーが呼び出せる回数に上限を設けます。

この仕組みの組み込み方は、アプリにAI機能を追加する方法を参照してください。

最初のプロンプトの例

自分の世帯のための献立プランナーのWebアプリを作ってください。スマホを優先してください。私たちは共有のレシピのライブラリを持っています。各レシピには、タイトル、写真、人数分、タグ、手順、そして分量、単位、名前を別々の行として保存した材料があります。メイン画面は週間表示（月曜始まり）で、曜日ごとに朝食、昼食、夕食の枠があります。使わない枠は非表示にできるようにしてください。私は検索でレシピを枠に追加し、その枠の人数分を設定したり、「外食」などの自由記述を追加したりします。食事に「作り置き」をマークすると、別の日に残り物の項目を作成できます。その項目は買い物リストに何も加えません。買い物リストは週の計画から生成します。人数分に応じて按分し、同じ単位の同じ材料をまとめ、私がマークした在庫の食材は除外し、売り場ごとにまとめ、項目をチェックしたり、手で追加したりできるようにしてください。世帯のメンバーは招待リンクで参加し、すべてを共有します。メールとパスワードのログイン、データベースを使ってください。サンプルのレシピを10件入れてください。

構築の手順

1. サンプルのレシピで週間表示を作る。 スマホでレシピを配置したり移動したりするのを、素早くできるようにします。
2. 買い物リストの生成。 実際の1週間を計画し、リストを実際に買うものと比べます。按分とまとめ方を直します。
3. 在庫の食材。 一度も買う必要がないものをマークできるようにします。
4. 作り置きと外食。 どちらも買い物リストに項目を加えないことを確かめます。
5. 世帯とログイン。 2つ目のアカウントを招待し、両方から計画を編集します。アプリにログインを追加する方法を参照してください。
6. 同じ週を繰り返す。 「先週をコピー」は小さな機能ですが、人々が絶えず使います。
7. 2週間使ってみる。 その後、栄養やAIの提案を追加する価値があるかを判断します。
8. インストールする。 ホーム画面に追加します。スマホ対応のWebアプリの作り方を参照してください。

よくある失敗

• 材料を文字として持つ。 構造化された材料がなければ、買い物リストを自動で作れません。
• 単位のまとめすぎ。 「パセリひと束」を「30g」とみなすと、誤ったリストになります。単位の違うものは別々に保ってください。
• 人数分を無視する。 計画された人数分を無視したリストは、2倍または半分を買うことになります。
• アレルギーをAIに任せる。 アレルゲンは、毎回、通常のコードで除外しなければなりません。
• 栄養を正確であるかのように示す。 合計には推定値と明記し、出典を書いてください。
• オフラインのリストがない。 店内では電波が弱いことが多いです。少なくとも、一度読み込んだリストは読めるようにし、チェックした内容は失わないようにしてください。
• 1週目に機能を詰め込みすぎる。 計画とリストが機能することのほうが、中途半端な機能を十数個並べるよりずっと大事です。

既製の献立プランナーのほうが適している場合

多くの献立プランナーアプリは、すでにウェブサイトからレシピを取り込み、リストを生成し、国によっては食料品の配達サービスと同期できます。最小限の手間で自分の食事を計画したいなら、作る前にいくつか試してみてください。

自分で作るのは、世帯に既製のアプリでは扱えないルールがある場合、自分のレシピのコレクションと構造をプランナーに使わせたい場合、または特定の集団のために作る場合です。たとえば、顧客のために食事を計画する作り置きの事業、栄養士が計画を共有する場合、介護施設やスポーツチームなどです。個人的な作品としても満足度の高いプロジェクトです。その他のアイデアは、AIで作れる個人プロジェクトのアイデアにあります。

Mythexで作る

Mythexは、献立プランナーをWebアプリとして作ります。チャットでプランナーを説明し、ライブプレビューのスマホサイズの枠で週間表示を確認し、家族が自分のホーム画面に追加できる公開アドレスに公開します。必要になると、専用のPostgresデータベースと、レシピの写真用のファイルストレージを追加します。世帯のログインは持ち込み方式で、認証の方法を選ぶと、エージェントが組み込みます。AIによる献立の提案には、AIプロバイダーのAPIキーを持ち込み、プロジェクトのシークレットとして保存します。手順はAIをアプリに追加するレシピで解説しています。Proでは、Mythexで Android と iPhone のアプリとしてラップすることもできます。その場合は、Google Playの内部テストとTestFlightに送られます。

よくある質問