AI テンプレート
お店のメニュー・紹介ページを AI でつくる
お店の名前とメニューを書くだけで、メニューと値段、営業時間をスマホで見やすくまとめたページを AI がつくります。
自分用につくる
見本と同じ形で、書いた内容に合わせて AI がページをつくります。登録なしで、その場でスマホで試せます。
ここでつくるのは無料で、AI クレジットも使いません。登録してダッシュボードで AI につくってもらうと、1 ページに AI クレジットを 1 使います。新しいアカウントには、はじめから 10 クレジットあります。
カフェ、美容室、教室、キッチンカーのような小さなお店の、メニューと値段、営業時間、場所をまとめたページです。レジに置いた QR コードや、SNS のプロフィールのリンクから開いてもらう使い方に向いています。
メニューは 1 行に 1 品、「名前 / 値段 / ひとこと」の形で書きます。AI には、書いていない品物や値段、営業時間、住所をつくらないように頼んでいます。
つくり方
1
どんなものにしたいか書く
題材や数、色など、見本から変えたいところを書きます。ヒントを押すと、その内容が入ります。
2
AI がページをつくる
数分で Convika の AI がページをつくり、プレビューが表示されます。直したいところは、ふだんの言葉で頼めます。
3
公開してリンクをシェア
公開するとページのアドレスができます。X や LINE、授業でそのままシェアできます。
料金
ページを 1 つつくるのに AI クレジットを 1、修正を頼むたびに 1 使います。新しいアカウントには 10 クレジット付いているので、支払いなしで試せます。Free プランでの公開は無料です。
実在する作品やキャラクター、商標の名前・画像・文章は使わないでください。AI は同じテーマで、オリジナルのページをつくります。
ChatGPT や Claude で使うときの指示文
このテンプレートの見本の説明を、AI に渡しているとおりに載せています。最後の「つくりたいもの」に自分の希望を書いて ChatGPT や Claude などに貼り付けると、HTML ファイル 1 つのページを書いてくれます。
「珈琲と焼き菓子 ひだまり舎」（住宅街の小さなカフェ）の、メニューとお店の紹介のページをつくってください。 - メニュー（1 行が 1 品。「 / 」で区切って、名前、値段、ひとこと）: ハンドドリップコーヒー / 500円 / 浅煎りと深煎りから選べます カフェオレ / 580円 チャイ / 600円 / スパイスは店で調合 レモンケーキ / 420円 バスクチーズケーキ / 520円 焼き菓子セット / 750円 / ドリンクと一緒に頼むと 100円引き - メニューの品名と値段は、書かれたとおりに使う。品物や値段を足したり変えたりしない。種類が分かれるなら、見出しで分ける（ドリンク、フードなど） - 営業時間・場所・連絡先: 11:00〜18:00 月曜・火曜定休 席は 12 席。お持ち帰りもできます （指定なしのときは、この欄をつくらない） - 書かれていない営業時間、住所、電話番号、地図、口コミ、写真はつくらない - 雰囲気: あたたかい。色と文字はお店に合わせる。画像ファイルは使わず、絵文字か CSS で飾る - いちばん上にお店の名前とひとことの紹介、その下にメニュー、最後に営業時間・場所・連絡先 - お客さんがスマホで開いて見るページ。値段は右にそろえて読みやすく。横にスクロールしない - メニューの見出しへ飛ぶボタンを上に並べる。ボタンとリンクは、どれも高さ 44px 以上（min-height: 44px。Tailwind なら min-h-[44px]） - 予約や注文のフォームは置かない HTML ファイル 1 つで、CSS と JavaScript もその中に書いてください。入力された内容はどこにも送らず、画像ファイルは使わないでください。スマホの縦画面でも使えるようにしてください。画面のいちばん下の右側はあけておいてください。応援ボタンが出ることがあります。 上の内容は見本です。しくみや画面の組み立て、雰囲気はそのままに、次の希望に合わせて中身を変えてください。 つくりたいもの：＿＿＿
よくある質問
AI が品物や値段を変えてしまうことはありますか？
書いた品名と値段をそのまま使うように AI に頼んでいます。公開する前に、プレビューでメニューと値段を確かめてください。
予約や注文を受け付けられますか？
このテンプレートのページには、予約や注文のフォームは付きません。予約を受けたいときは、「白紙から」で「予約フォームのあるお店のページ」のように書いてつくると、Convika のフォームが付いたページになります。
メニューを変えたいときは？
AI に「ブレンドコーヒーを 500 円にして」のように頼んで直し、もう一度公開します。1 回の修正に AI クレジットを 1 使います。
ほかのテンプレート
- クラス対抗クイズ
教科と範囲を入れるだけで、教室のスクリーンに映して使えるチーム対抗のクイズのページを AI がつくります。
- タイプ診断
テーマを決めるだけで、質問に答えるとタイプがわかる診断のページを AI がつくります。結果はシェアできます。
- 名前で〇〇診断
診断の名前と結果を並べるだけで、名前を入れると結果が出る診断のページを AI がつくります。同じ名前ならいつも同じ結果です。
- 単語カードと小テスト
覚えたい単語を「表 / 裏」で並べるだけで、めくれる単語カードと 4 択の小テストのページを AI がつくります。
- 神経衰弱（絵合わせ）
そろえたい組を並べるだけで、カードをめくって 2 枚をそろえる神経衰弱のゲームのページができます。
- 反射神経テスト
画面が変わった瞬間にタップして、反応の速さをミリ秒ではかるゲームのページができます。
- 落ちものキャッチ
キャッチするものとよけるものを決めるだけで、上から落ちてくるものを受け止めるゲームのページができます。
- 理科・数学シミュレーション
試したい現象と学年を入れるだけで、スライダーで条件を変えて動きを確かめられるシミュレーションのページを AI がつくります。
- タイマー・計算・記録表
タイマー、計算ツール、記録表のどれかを選んで使いみちを書くだけで、開いてすぐ使えるツールのページを AI がつくります。
- イベント告知と参加フォーム
イベントの名前と日時、場所を書くだけで、告知と参加の申し込みを受け付けるページを AI がつくります。
- 何億分の1ガチャ
項目と選択肢を並べるだけで、ランダムに引いた組み合わせが何人に 1 人かを計算して、結果をシェアできるページができます。
- 10秒スコアアタック
タップする絵文字と秒数を決めるだけで、出てくる的を時間内にどんどんタップして点数を競うゲームのページができます。
- クイズバトル
問題を並べるか、テーマを伝えるだけで、早押しの 4 択で点数を競い、結果をシェアして友だちと勝負できるクイズのページができます。
- つみあげタワー
てっぺんに乗せる絵文字と難しさを決めるだけで、動くブロックをタップで積み上げて高さを競うゲームのページができます。