AI テンプレート

タイマー・計算ツール・記録表を AI でつくる

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

handy-tool.html
割り勘計算ツールの結果。25,000 円を 5 人で分けて、幹事が 1,000 円多く払うと、1 人分 4,800 円、幹事の支払い 5,800 円と出ている
Convika がこのテンプレートでつくった見本

タイマー・計算・記録表の見本

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

自分用につくる

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

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

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

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

話し合いの時間をはかるタイマー、割り勘や点数の合計を出す計算ツール、練習の回数や当番を書き込む記録表のような、1 画面で使えるツールのページです。

何に使うかを書くと、それに合う項目やボタンを AI が考えます。入力した内容はそのブラウザの中にだけ保存されます。Convika で公開したページでは、押されたボタンの文字(「+」や「4人」など)がクリックとして記録されます。

つくり方

  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 人分が出る
- 入れたい項目: 100 円単位で切り上げるかどうかを選べる。幹事が多めに払う金額も入れられる
  (指定なしのときは、使いみちに合う項目やボタンを考える)
- ツールは最初の画面にあり、開いてすぐ使える。説明は 1〜2 行だけ
- タイマーなら: 残り時間を大きく表示し、スタート・一時停止・リセットと、時間を選ぶボタンを置く。時間になったら画面の色を変えて知らせ、Web Audio API で短い音を鳴らす(音を消すボタン付き)。タブを切り替えても時間がずれないよう、スタートした時刻からの差で数える
- 計算ツールなら: 数字の入力欄は数字のキーボードが出るようにし(inputmode="decimal")、入力するたびに結果を更新する。計算のしかたを画面に書き、0 で割るなど計算できない入力のときは、そう表示する
- 記録表なら: 行の追加・編集・削除ができる表と、合計や回数のまとめ。CSV で保存するボタン(Blob でつくってダウンロード)と、確認つきの「すべて消す」
- 入力した内容と設定はブラウザに保存し(ほかへは送らない)、再読み込みしても残す
- スマホの縦画面で横にスクロールしない。ボタンと入力欄は、どれも高さ 44px 以上(min-height: 44px。Tailwind なら min-h-[44px])

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

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

よくある質問

タイマーと計算ツールを 1 つのページにまとめられますか?

書いた使いみちに合わせて、どれか 1 つをつくります。できたあとで AI に「下に計算ツールも付けて」のように頼めば、足せます。1 回の修正に AI クレジットを 1 使います。

入力した内容はどこに保存されますか?

使っている人のブラウザの中にだけ保存され、記録表は CSV ファイルにして保存できます。Convika で公開したページでは、押されたボタンの文字(「+」や「4人」など)がクリックとして記録されますが、入力欄に書いた内容は送られません。

タイマーの音は鳴りますか?

時間になると画面の色が変わり、短い音が鳴ります。音を消すボタンもあります。スマホでは、マナーモードのときに音が出ないことがあります。

ほかのテンプレート

  • クラス対抗クイズ

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

  • タイプ診断

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

  • 名前で〇〇診断

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

  • 単語カードと小テスト

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

  • 神経衰弱(絵合わせ)

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

  • 反射神経テスト

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

  • 落ちものキャッチ

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

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

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

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

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

  • お店のメニュー・紹介

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

  • 何億分の1ガチャ

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

  • 10秒スコアアタック

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

  • クイズバトル

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

  • つみあげタワー

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