AI 献立ジェネレーター ／ フルスタック構成 ／ 生成 AI × Cloudflare Pages Functions。これまでの「店舗・事務所のブランドサイト」とは毛色の違う、Web ツール型のデモサイトです。
「平日の夜、献立を考える数十分が一番疲れる」── そんな共働き家庭の小さな悩みに対して、生成 AI が 1 週間 21 食分（月〜日 × 朝・昼・夕）を一括で提案する架空の Web ツールです。NG 食材・予算・調理時間といった条件を選ぶだけで、3 秒で「今週の献立 + 買い出しリスト」がまとめて手に入る体験を狙っています。
ホームページや LP のような「読ませて行動を促す」サイトではなく、訪問者がその場で 動かす・使う・持ち帰る ことが目的の ツール型 Web サービス として設計しています。雪工房がこれまで公開してきた店舗・事務所のブランドサイトとは少し毛色の違う、フルスタック構成のデモです。
深いフォレストグリーン（#2C5F4F）× 温かみのあるオフホワイト（#FAF7F2）を基調に、台所まわりの「素材感」を感じさせる落ち着いたツーンに。ヒーローには 1 週間プランのミニチュアを SVG / 絵文字だけで構成し、画像素材ゼロの軽量なファーストビューを実現しています。
ジェネレーター本体（条件入力 → 生成 → 結果表示 → 履歴・買い出しリスト）は 1 ページ完結の縦動線で、フォーム送信から結果描画までの「待ち時間」もスケルトン UI で違和感なくつなぐ設計です。
#2C5F4F#FAF7F2Noto Sans JP × Inter の組み合わせで、ツール特有の「テンポよく操作する」読み味を優先。見出しは詰め気味、ボタン・タグ類は余白広めにして、入力 → 結果という双方向の操作を妨げないバランスにしています。
静的サイトとしての配信に加え、生成 AI の API 呼び出し・レート制限・履歴保存までを Cloudflare の無料枠だけ で完結させた、いわゆるサーバーレスのフルスタック構成です。
結果として、訪問者にとってはログイン不要・完全無料で 1 日 5 回まで使え、運営側にとっては 月額コスト原則 0 円 で運用できる、現実的なツール構成のサンプルになっています。
本デモは雪工房ポートフォリオ用の 架空サービス です。「ウィークル」という屋号・運営者・実績はすべて創作で、生成される献立・栄養価・コストは AI による推定値であり、医学的・栄養学的な助言ではありません。
「ホームページや LP ではなく、Web ツール / 生成 AI を使った無料サービスを作りたい」「Cloudflare の無料枠の範囲で SaaS のような形にしたい」といったご相談の参考事例としてご覧ください。
公開 URL ─ weekul.pages.dev →
生成 AI を使ったツール・ジェネレーター・社内向けユーティリティを、Cloudflare の無料枠の範囲でお作りできます。料金・納期・進め方をご紹介します。
