自分だけのゲームを作ろう

授業用ゲームのアイデアを伝え、試してチャットで改善したら、ClassBoardに持ってきましょう。

アイデアを伝える

ゲームレシピを使うか、自分の授業アイデアを書きましょう。

ゲームレシピを見る

遊んで改善する

教室の画面で試し、文字を大きくしたり、ルールを分かりやすくしたりしましょう。

ここに持ってくる

完全なHTMLを貼り付けるか、公開リンクを追加するか、静的なゲームファイルをアップロードします。

10件のツールを表示

小さな授業用ゲーム向けに、使いやすさ、プレビュー、チャットでの改善、取り込みやすさを考慮したおすすめ順です。編集上の提案であり、性能テストではありません。

ChatGPT

ClassBoardおすすめ第1位

小さな授業用ゲームを説明してチャットで改善し、完全なHTMLファイルを頼みましょう。

HTMLを貼り付け公開リンク
ClassBoardへの取り込み方
  1. スタイルとスクリプトを含み、サーバーやAPIキーが不要な完全なHTMLファイルを頼みます。
  2. 遊んで変更を頼み、完全なHTMLをコピーします。
  3. ClassBoardで「ゲームを公開」を選び、上に表示された取り込み方法を選びます。

Sitesは対象の有料プランでリンクを公開できます。13歳未満の子どもを対象とするサイトは禁止されています。年齢やワークスペースの制限を確認してください。

公式ガイド ↗ · 共有と制限 ↗
作る

Claude

ClassBoardおすすめ第2位

Artifactsで小さなインタラクティブゲームを作り、ClassBoard用に単独で動くHTMLを出力できます。

HTMLを貼り付け
ClassBoardへの取り込み方
  1. 単独で動くHTMLゲームをArtifactとして作るよう頼みます。
  2. 試してチャットで改善し、完全なHTMLをコピーまたは出力します。
  3. ClassBoardで「ゲームを公開」を選び、上に表示された取り込み方法を選びます。

現在の共有ArtifactにはClaudeアカウントが必要です。旧形式の公開チャットArtifactは異なる場合があります。ここではHTMLが簡単です。

公式ガイド ↗ · 共有と制限 ↗
作る

Gemini Canvas

ClassBoardおすすめ第3位

Canvasでクイズや語彙ゲームを作って試し、チャットで改善できます。

HTMLを貼り付け公開リンク
ClassBoardへの取り込み方
  1. Canvasを選び、ゲームを説明してプレビューで試します。
  2. Codeを開いて完全なHTMLをコピーするか、Shareでリンクを作ります。
  3. ClassBoardで「ゲームを公開」を選び、上に表示された取り込み方法を選びます。

共有したCanvasアプリでログインを求められる場合があります。ログアウトして確認し、必要なら単独で動くHTMLを使ってください。

公式ガイド ↗
作る

Rosebud AI

ClassBoardおすすめ第4位

遊べる世界や画像、サウンドを生成する、ゲームに特化した制作ツールです。

公開リンク
ClassBoardへの取り込み方
  1. ゲームを説明して試し、遊び方、画像、サウンドを改善します。
  2. 完成したゲームを公開し、遊べるリンクをコピーします。
  3. ClassBoardで「ゲームを公開」を選び、上に表示された取り込み方法を選びます。
公式ガイド ↗
作る

Canva Code

ClassBoardおすすめ第5位

Canvaでクイズやインタラクティブな教材を作り、ウェブサイトとして公開できます。

公開リンク
ClassBoardへの取り込み方
  1. Canva Codeを開いて活動を説明し、Previewで試します。
  2. ウェブサイトとして公開し、編集用リンクではなくサイトのURLをコピーします。
  3. ClassBoardで「ゲームを公開」を選び、上に表示された取り込み方法を選びます。
公式ガイド ↗
作る

Replit Agent

ClassBoardおすすめ第6位

1つの作業環境でAgentを使い、ブラウザゲームの制作、プレビュー、公開ができます。

公開リンク
ClassBoardへの取り込み方
  1. Agentにブラウザゲームを説明し、プレビューで遊んで改善します。
  2. アプリを公開し、公開されたゲームのURLをコピーします。
  3. ClassBoardで「ゲームを公開」を選び、上に表示された取り込み方法を選びます。
公式ガイド ↗
作る

Bolt.new

ClassBoardおすすめ第7位

ブラウザゲームを説明し、プレビューで試して、遊べるリンクを公開できます。

公開リンク
ClassBoardへの取り込み方
  1. ゲームを説明してプレビューで試し、改善を頼みます。
  2. アプリを公開し、公開されたゲームのURLをコピーします。
  3. ClassBoardで「ゲームを公開」を選び、上に表示された取り込み方法を選びます。
公式ガイド ↗
作る

Lovable

ClassBoardおすすめ第8位

整ったメニュー、スコア、教師用画面を備えた教育ウェブアプリを作れます。

公開リンク
ClassBoardへの取り込み方
  1. ゲームを説明してプレビューで試し、改善を頼みます。
  2. Publishを選び、アクセスを公開に設定して、公開サイトのURLをコピーします。
  3. ClassBoardで「ゲームを公開」を選び、上に表示された取り込み方法を選びます。
公式ガイド ↗
作る

Base44

ClassBoardおすすめ第9位

チャットでクイズ、パズル、得点付きのブラウザーゲームを作り、公開リンクで共有できます。

公開リンク
ClassBoardへの取り込み方
  1. 授業用ゲームを説明し、プレビューを試してからチャットで改善します。
  2. ログイン不要で誰でも利用できる設定でゲームを公開し、そのリンクをコピーします。
  3. ClassBoardで「ゲームを公開」を選び、上に表示された取り込み方法を選びます。

アプリは Base44 がホストします。ここには公開リンクを追加してください。ダウンロードしたプロジェクトも Base44 のサービスに依存する場合があります。

公式ガイド ↗
作る

v0

ClassBoardおすすめ第10位

洗練されたインタラクティブなウェブアプリを作り、Vercelで公開できます。

公開リンク
ClassBoardへの取り込み方
  1. ゲームを説明してプレビューで試し、改善を頼みます。
  2. Vercelに公開して本番URLをコピーし、誰でもアクセスできるか確認します。
  3. ClassBoardで「ゲームを公開」を選び、上に表示された取り込み方法を選びます。
公式ガイド ↗
作る
授業用ゲームのプロンプトから始める

テーマと対象年齢を書き換え、選んだツールに貼り付けてください。

[対象年齢]向けに[テーマ]を扱う授業用ゲームを、CSSとJavaScriptをすべて含む単一のHTMLファイルで作ってください。投影で見やすい大きな文字、簡単なルール、キーボードとタッチ操作、再スタートボタンを用意してください。架空の名前のみを使い、外部ライブラリ、アカウント、サーバー、APIキーは使わないでください。
HTMLは完全なファイルを1つ用意してください。フォルダー/ZIPにはindex.htmlを含む実行可能な静的ファイルを入れます。サーバーやAPIキーが必要なプロジェクトは専用のホスティングで運用してください。

大きなプロジェクトには、プロジェクトファイルを扱える開発環境を使いましょう: Google Antigravity ↗ChatGPT Codex ↗Claude Code ↗こちらもおすすめ: OpenCode ↗

学校で許可されたツールを使い、プロンプトに児童・生徒の個人情報を入れないでください。アカウント、年齢、プラン、地域の制限はサービスごとに確認してください。

ClassBoardはこれらのサービスと提携していません。公式ガイドでの機能確認日:2026-10-08。

公開前にログアウトした状態で開けるか確認し、教室の画面で試してください。公開リンクは提供元のサイトで開く場合があります。