ざいのーと 🍳 [食材レシピ管理]

操作マニュアル・機能ガイド
📢 ベータテスト実施中・AI取り込み機能のご案内

現在『ざいのーと』はベータテスト版として公開中です。
「レシピAI取込」や「レシートAI登録」などのAI連携機能を含め、ベータ期間中はすべて無料でお試しいただけます（※正式リリース後は一部Plusプラン対象機能となる予定です）。
お気づきの点や不具合がございましたら、ぜひ ご意見・不具合報告フォーム よりお気軽にお寄せください！

1. 食材レシピ管理の概要

「ざいのーと [食材レシピ管理]」は、お気に入りの料理レシピと必要な食材（分量・単位）をデータベース化し、作りたい料理の採用数に合わせて必要な食材の合計買い出し数量を一括自動計算できるシステムです。

特徴 詳細
食材と分量の構造化 料理名だけでなく、使う素材・調味料の数量と単位をきめ細かく記録できます。
購入計算（献立合計） 今週作るレシピと採用数を選ぶだけで、必要な全食材の合計必要数を瞬時に集計します。
✨ レシピAI取込 Webのレシピ文章や画像を貼り付けるだけで、AIが材料や手順を自動判別して登録します。
▲ 目次へ戻る

2. 画面レイアウトの見方

メイン画面は上部から順に以下の構成になっています。

  1. ヘッダーバー: 各種アプリへの切り替えと総合トップへのナビゲーション。右端の「🖥️/📱」ボタンでPCモードとスマホモードを切り替えられます（※誤操作防止の確認ダイアログが表示されます）。
  2. 上部タブメニュー: 🔍 検索、 ➕ 新レシピの追加、 ⚙️ データ管理 を切り替えます。 💡 PC操作ガイド: パソコン画面では、各ボタンや入力欄、テーブル見出しにマウスを合わせると、タブの右横に分かりやすい説明がスッキリと1行で表示されます。
  3. アクションバー: 4種類の並び替え（選択するだけで即時反映）、「一括保存」、最新保存時刻が常時利用可能です（※「購入計算」ボタンは「⚙️ データ管理」タブ内に配置されています）。
  4. レシピ一覧テーブル: レシピ名、人前、ジャンル、素材リスト、参考Web、倍率、採用数、操作ボタンが一覧表示されます。（※スマホモードでは No をタップすると詳細編集シートが開きます）
▲ 目次へ戻る

3. レシピの登録方法（手動・AI取込）

① 手動で新レシピを登録する

  1. 画面上部の 「➕ 新レシピの追加」 タブを開きます。
  2. 「素材の分類」を選び、「素材名」「数量」「単位」を選択して 「素材リストへ追加」 を押します（必要な食材分だけ繰り返します）。
  3. 画面下の「レシピ名」「人前（初期値: 2）」「ジャンル」「Web（参考URLやメモ）」を入力します。
    ※レシピ名に「(2人前)」などと入力した場合でも、自動的に人前欄へ分離・移行されます。
  4. 「完成レシピ追加」 ボタンを押すと一覧に登録されます（※追加時は倍率1・採用数1で初期登録されますので、登録後に一覧表上で必要な採用数を調整します）。

② ✨ レシピAI取込を活用する

🔑 事前準備（初回のみ）
レシピAI取込機能のご利用にはGoogleの無料APIキーが必要です。「⚙️ データ管理」タブ内の「Gemini API設定」カードから、Google AI Studioで取得したGemini APIキー（無料）を登録してください。
「⚙️ データ管理」タブ ＞ 「✨ レシピAI取込」（recipeImport.html）から、レシピサイトのテキストや画像を一括自動解析して手軽に登録できます。

▲ 目次へ戻る

4. 一覧テーブルの操作・編集・保存

一覧表では、以下の項目を直接編集して保存できます。

項目名 説明・操作方法
レシピ名 / 人前 / ジャンル 料理名や分類（主菜、副菜、汁物など）を直接選択・編集できます。「人前」列では「-」「+」ステッパーで何人前のレシピ分量かを簡単に調整できます。
素材名,数量,単位 レシピに必要な材料一覧です。クリックして材料の修正や追加が可能です。
参考Web 参考にしたWebサイトや料理動画のURL、調理メモを入力（クリックでWebサイトを開けます）。
倍率 / 採用数 何人分作るか（倍率）や、今週何回作るか（採用数）を入力します。
操作メニュー 「単独更新」「変更取消」「削除」などの個別操作が行えます。
📱 スマホモード時のレコード詳細・直接編集（Noのタップ）
スマホモード（画面幅が狭い場合やヘッダーの「📱スマホ」切替時）では、一覧表の左端にある「No」の数字（下線付き）をタップすると、下部から「レコード詳細・直接編集シート」が開きます。
レシピ名・ジャンル・倍率・採用数・最大8素材・メモを横画面でもスクロール不要で快適に確認・編集・更新できます。
📏 Excelライクな列幅ドラッグ調整機能
PCモードでは、テーブル見出し（ヘッダー）の境界線をマウスドラッグすることで、列の幅を自由に伸縮・調整できます。
境界線をダブルクリックすると、いつでも元の既定幅に瞬時にリセットされます。
💡 一括保存
変更を加えたセルは背景がハイライトされます。編集が終わったら、アクションバーの 「一括保存」 ボタンを押して確定してください。
▲ 目次へ戻る

5. 最終チェック・集計（final_check / 購入計算）完全ガイド

「最終チェック・集計（final_check.html）」は、レシピ側で決めた献立に必要な全食材と、在庫管理（zaiko）の現在のストック残量を自動照合し、過不足のない買い出しリストを作成・在庫側へ一括反映できる本システムの最重要連携機能です。

① 画面の3大セクション構成

セクション名 表示内容・機能
① レシピ採用素材一覧 採用された全レシピの材料を自動合算した一覧です。在庫側の「在庫数量」「内容量」「推定残量」「保管場所」が自動で横並びに表示され、どの料理に何g/個使うかの内訳も展開確認できます。
② 採用レシピ一覧 今週採用した料理名・人前・ジャンル・参考Webが一覧表示されます。調理時のカンペやレシピWebサイトへのアクセスに便利です。
③ レシピ外購入予定一覧 在庫管理（zaiko）側で「購入数」が登録されている日用品やストック品（調味料、洗剤など）を表示します。食材と日用品を合わせた総合買い物リストが完成します。

② 買い出し決定から在庫反映までのステップ（推奨ワークフロー）

  1. 献立の採用数を設定: レシピ一覧（index.html）で、今週作る料理の「倍率（何人分）」と「採用数（何食分）」を入力し、「一括保存」します。
  2. 購入計算を開く: 「⚙️ データ管理」タブ内の 「🛒 購入計算（final_check）」 ボタンを押して final_check.html を開きます。
  3. 在庫と必要量の照合: 各素材の「合計必要量」と在庫の「推定残量」を見比べます。
    （例: 豚肉が合計 400g 必要で、冷蔵庫の在庫が 0g の場合 → 不足分を確認）
  4. 購入数の調整: 不足している素材の「購入数」欄で + / - ステッパーまたは数値入力し、「購入予定（出力）」にチェックを入れます。変更したセルはオレンジ色にハイライトされます。
  5. 全更新で在庫へ一括反映: セクション上部の 「全更新」（または行ごとの「更新」）ボタンを押すと、入力した購入数が在庫管理システム（zaiko）へ即座に一括反映・同期されます！

③ 便利な機能とチェックのポイント

💡 どの料理に使うかの内訳確認（used in recipes）
素材名の横に表示されるレシピ展開リンクをクリックすると、「カレー（200g）」「肉じゃが（200g）」のように、その素材をどの料理でどれだけ使うかを瞬時に確認できます。
💡 レシピ外の日用品も一緒に買い物リスト化
下部の「レシピ外購入予定一覧」にも購入数ステッパーと「全更新」ボタンがあり、スーパーやドラッグストアで買う日用品の購入数もここから在庫データへ同期できます。
▲ 目次へ戻る

6. 項目リスト設定（マスタ設定）

「⚙️ データ管理」タブ ＞ 「項目リスト設定」（または customizeLists.html）から設定します。

▲ 目次へ戻る

7. データ管理・バックアップ

「⚙️ データ管理」タブは「保存・復元・初期化（第1グループ）」と「設定他（第2グループ）」の2グループに整理されており、「🛒 購入計算」や「⚙️ 項目リスト設定」へもスムーズにアクセスできます。

機能 説明
💾 データの保存 登録した全レシピと食材マスタを保存します。Google ドライブ（クラウド保存・推奨）による安全なバックアップ、または端末への .json ファイル保存から選択できます。
📥 データの復元 Google ドライブ上の最新バックアップ、または保存しておいた端末の .json ファイルを選択してデータを完全に復元します。
🔑 Gemini API設定 「✨ レシピAI取込」を利用するためのGoogle無料APIキーを設定・保存します（Google AI Studioから完全無料で簡単に取得可能です）。
レシピ情報全削除 データを初期化します（確認画面あり）。
▲ 目次へ戻る

8. よくある質問・活用のコツ

❓ 在庫管理（zaiko）と連携するには？
購入計算で算出した必要食材リストと「在庫管理」のストック数を照らし合わせることで、家にある食材を無駄にせず、不足分だけを的確に買い物できます。
▲ 目次へ戻る

💬 9. ご意見・不具合報告（ベータ版フィードバック）

『ざいのーと』をお試しいただき誠にありがとうございます！
操作で気になった点、表示崩れや不具合、新機能のご要望や使ってみた感想など、どんな些細なことでもお気軽にお寄せください。
※ Googleログイン不要・完全匿名でいつでも送信いただけます。

📝 フィードバック・不具合報告フォームを開く（Googleフォーム）

URL: https://forms.gle/wKALv56QEVmX44r69

▲ 目次へ戻る