AI テンプレート

旅のしおりのテンプレート|日ごとの予定

行き先と日数を書くと、日ごとの予定と集合場所が入った旅程の下書きができます。リンクで同行者と共有できます。

travel-itinerary.html
生成り色の背景に「京都 1 泊 2 日の旅程(仮)」の見出し、深緑の「リンクをコピーする」ボタン、集合の日時と場所、1 日目の時刻つきタイムラインが並ぶ旅程ページの例
Convika がこのテンプレートでつくった見本

旅のしおりの見本

このテンプレートで Convika がつくった見本です。そのまま操作できます。

自分用につくる

見本と同じ形で、書いた内容に合わせて AI がページをつくります。登録なしで、その場でスマホで試せます。

空のままなら、見本と同じ形で新しいテーマのものをつくります。

試すだけなら登録はいりません。できたページは、数分だけ見られるお試し表示です。

ここでつくるのは無料で、AI クレジットも使いません。登録してダッシュボードで AI につくってもらうと、1 ページに AI クレジットを 1 使います。新しいアカウントには、はじめから 10 クレジットあります。

集合場所も雨の日の代わりも、グループのチャットではすぐ流れていきます。このテンプレートは、日ごとの予定・集合・移動と宿・持ち物・雨の日の案を1ページに並べ、リンク1本で渡せる旅程にします。

Claude・Codex など、お使いの MCP クライアントから、または Convika の内蔵 AI に頼めます。宿が決まった、雨の予報が出た——そのたびに AI に直してもらい、確かめてから同じリンクのまま公開し直せます。

つくり方

  1. 1

    どんなものにしたいか書く

    題材や数、色など、見本から変えたいところを書きます。ヒントを押すと、その内容が入ります。

  2. 2

    AI がページをつくる

    数分で Convika の AI がページをつくり、プレビューが表示されます。直したいところは、ふだんの言葉で頼めます。

  3. 3

    公開してリンクをシェア

    公開するとページのアドレスができます。X や LINE、授業でそのままシェアできます。

料金

ページを 1 つつくるのに AI クレジットを 1、修正を頼むたびに 1 使います。新しいアカウントには 10 クレジット付いているので、支払いなしで試せます。Free プランでの公開は無料です。

実在する作品やキャラクター、商標の名前・画像・文章は使わないでください。AI は同じテーマで、オリジナルのページをつくります。

ChatGPT や Claude で使うときの指示文

このテンプレートの見本の説明を、AI に渡しているとおりに載せています。最後の「つくりたいもの」に自分の希望を書いて ChatGPT や Claude などに貼り付けると、HTML ファイル 1 つのページを書いてくれます。

次の旅の内容から、旅程ページ(旅のしおり)を1ページで作ってください。

旅の内容:
京都に1泊2日、友だち3人で行きます。1日目は10時に京都駅の中央口に集合して、京都鉄道博物館と、夕方の鴨川の散歩。2日目は伏見稲荷大社と錦市場をまわって、16時ごろ京都駅で解散。宿はまだ決めていません。雨の日の代わりと、持ち物チェックも入れてください。

入れるもの(依頼に合わせて、足したり外したりしてかまいません):
- 見出し: 行き先と日数。短い紹介と、「時刻は予定の目安で、営業時間・料金・所要時間は未確認」という注記
- 集合: 日時、場所、遅れるときの連絡方法
- 日ごとのタイムライン: 予定の時刻、場所、すること。場所と場所のあいだに移動手段と所要時間
- 移動と宿: 行き、現地での移動、帰り、宿
- 持ち物チェックリスト: チェックはこの端末のブラウザに保存
- 雨の日の案: 屋外の予定ごとに、雨のときの代わり
- 公開されている施設や名所には、Google マップの検索リンク

事実の扱い:
- 行き先・日数・日付・人数・旅のスタイルは、依頼の内容に合わせてください。
- 別の AI で作った旅程が貼られていたら、それを元に整えてください。日付、予約済みの列車・飛行機・宿、決まっている時刻は変えずに使います。
- わからない日付・住所・営業時間・料金・所要時間・予約は作らず、「未定」「要確認」と書いてください。予定の時刻と、確かめた営業時間は見分けがつくようにします。
- 営業時間・料金・運行は、施設や交通機関の公式サイトで確かめるよう一言添えてください。
- 予約番号、電話番号、個人の住所は、公開ページに載せないでください。

見た目と動き:
- スマートフォンを先に考え、パソコンでは予定の横に集合や移動、持ち物を並べます。最初の画面に、見出し・紹介・集合・1日目の始まりが入るようにします。
- 雰囲気の指定がなければ、生成り・深緑・くすんだオレンジの旅帳のような配色にします。
- 主なボタンは「リンクをコピーする」1つ。押せるところは 44px 以上にします。
- 画像、外部のフォントやスクリプト、地図の埋め込みは使いません。JavaScript が動かなくても旅程は全部読めるようにし、JavaScript はチェックの保存とリンクのコピーにだけ使います。

ページの文章は、依頼で指定された言語で書いてください。中国語や韓国語も含め、指定がなければ依頼が書かれている言語にします。
(min-height: 44px。Tailwind なら min-h-[44px])

HTML ファイル 1 つで、CSS と JavaScript もその中に書いてください。入力された内容はどこにも送らず、画像ファイルは使わないでください。スマホの縦画面でも使えるようにしてください。画面のいちばん下の右側はあけておいてください。応援ボタンが出ることがあります。

上の内容は見本です。しくみや画面の組み立て、雰囲気はそのままに、次の希望に合わせて中身を変えてください。
つくりたいもの:___

よくある質問

営業時間や料金は、そのまま信じていいですか?

AI には、確かめられない営業時間・料金・所要時間を「要確認」と書くよう指示していますが、すべてを正しく見分けられるとは限りません。出発前に、施設や交通機関の公式サイトで必ず確かめてください。

予定が変わったら、どう直しますか?

お使いの MCP クライアントか Convika の内蔵 AI に「2日目の午前を雨の日の案に入れ替えて」のように頼むと、下書きが直ります。確かめて公開し直せば、共有済みのリンクのまま新しい予定になります。

旅の仲間だけに見せられますか?

一般公開は、だれでも開けます。限定公開(Pro・1年パス)は一覧や検索に載りませんが、リンクを知っている人ならだれでも開けます。パスワードを知っている人だけ(Pro)にすると、開くときに共有したパスワードも必要です。

ほかのテンプレート

  • クラス対抗クイズ

    教科と範囲を入れるだけで、教室のスクリーンに映して使えるチーム対抗のクイズのページを AI がつくります。

  • タイプ診断

    テーマを決めるだけで、質問に答えるとタイプがわかる診断のページを AI がつくります。結果はシェアできます。

  • 名前で〇〇診断

    診断の名前と結果を並べるだけで、名前を入れると結果が出る診断のページを AI がつくります。同じ名前ならいつも同じ結果です。

  • 単語カードと小テスト

    覚えたい単語を「表 / 裏」で並べるだけで、めくれる単語カードと 4 択の小テストのページを AI がつくります。

  • 神経衰弱(絵合わせ)

    そろえたい組を並べるだけで、カードをめくって 2 枚をそろえる神経衰弱のゲームのページができます。

  • 反射神経テスト

    画面が変わった瞬間にタップして、反応の速さをミリ秒ではかるゲームのページができます。

  • 落ちものキャッチ

    キャッチするものとよけるものを決めるだけで、上から落ちてくるものを受け止めるゲームのページができます。

  • 理科・数学シミュレーション

    試したい現象と学年を入れるだけで、スライダーで条件を変えて動きを確かめられるシミュレーションのページを AI がつくります。

  • タイマー・計算・記録表

    タイマー、計算ツール、記録表のどれかを選んで使いみちを書くだけで、開いてすぐ使えるツールのページを AI がつくります。

  • イベント告知と参加フォーム

    イベントの名前と日時、場所を書くだけで、告知と参加の申し込みを受け付けるページを AI がつくります。

  • お店のメニュー・紹介

    お店の名前とメニューを書くだけで、メニューと値段、営業時間をスマホで見やすくまとめたページを AI がつくります。

  • 何億分の1ガチャ

    項目と選択肢を並べるだけで、ランダムに引いた組み合わせが何人に 1 人かを計算して、結果をシェアできるページができます。

  • 10秒スコアアタック

    タップする絵文字と秒数を決めるだけで、出てくる的を時間内にどんどんタップして点数を競うゲームのページができます。

  • クイズバトル

    問題を並べるか、テーマを伝えるだけで、早押しの 4 択で点数を競い、結果をシェアして友だちと勝負できるクイズのページができます。

  • つみあげタワー

    てっぺんに乗せる絵文字と難しさを決めるだけで、動くブロックをタップで積み上げて高さを競うゲームのページができます。