- 投稿日:2026/04/09
🐻 Claude Codeで英語学習アプリを作って友達と共有した話【TOEIC KUMA単語学習】
皆さん、こんにちは! 「プログラミングなんて自分には無理…」そう思って諦めていたことはありませんか?
Claude Codeを使えば、知識ゼロからでも1日で自分専用のアプリが完成しちゃう時代なんです。今回は、最新のAI開発ツール「Claude Code」を使い倒して、TOEIC学習ゲームを爆速で作り、友達とシェアした体験談をお届けします!
🐻私は非エンジニアでclaude codeを始めて7日目でアプリが作れました。
🚀 はじめに:Claude Codeなら「対話」だけで形になる!
「英語の勉強、もっと楽しくできないかな?」 そんな思いつきを、私はClaude Codeにぶつけてみました。
従来のAIチャットと違い、Claude Codeは私の指示を聞いて、実際にファイルを生成し、修正まで一気にやってくれます。プログラミングの知識が全くない私でも、たった1日で遊べるゲームアプリが完成してしまったんです。
「ここを直して」「音を追加して」と伝えるだけで、魔法のようにコードが書き換わっていく体験は、まさに次世代の開発スタイルですよ!
🎮 作ったアプリの紹介:TOEIC KUMA単語学習🐻
今回完成したのが、こちらの『TOEIC KUMA単語学習🐻』です!
ゲーム形式でサクサク: 英単語の4択クイズ形式!
7段階の難易度設定: 目標スコアに合わせて入門〜満点級まで。
10秒タイマーの緊張感: 本番さながらのスピード感を追求。
こだわりの演出: Claude Codeにお願いして、正解・不正解・タイムアップの効果音も実装。
癒やしのクマキャラ: 茶色いクマが画面で見守り、あなたの学習を応援します。🐻私のリベネームが「はねくま」なので(笑)
しっかり復習: 最後に間違えた単語をまとめて確認できる機能付き!


💡 Claude Codeへの頼み方(プロンプト例)
Claude Codeのターミナルで、私はこんな風に指示を出しました。
「ブラウザで動く英単語ゲームを作って。英語→日本語の4択形式で。」
「TOEIC頻出単語のリストを作成して。スコア別に難易度を選べるように。」
「タイトルは『TOEIC KUMA単語学習🐻』。茶色いクマのキャラを登場させて。」
「制限時間は10秒。さらに、状況に合わせて効果音も鳴るようにして!」
Claude Codeは「了解しました。実装を開始します」と、即座に必要なファイルを作り上げてくれました。
🐻最初何から始めて良いかわからない人は、「ゲームを作るプロンプトを作って。わからないことは私に聞いて」と丸投げしてOK
🐻以下の図のように、仮作成をプレビュー画面で遊んでみました。音が出ずさびしかったので、「追加機能:音を出るように」と追記実行するだけで、タイミングや音の種類も考えて自動でつけてくれました!

📱 友達への共有方法
完成したアプリを友達に送る方法は3つ!
ファイルを送る: 「index.html」をLINEなどで送るだけ。
Netlify Drop: サイトにファイルをドラッグ&ドロップして、数秒でURL発行!(24時間有効、ログイン登録で永続化)
🐻詳しくはクロコちゃんが教えてくれます。「これをWEBで公開する方法を教えて」と伝えてください。*ノウハウ図書館にも出ています。
✨ まとめ・感想
「アプリ開発」はもうプロだけの特権ではありません。Claude Codeという最強の相棒がいれば、アイデア一つで誰でもクリエイターになれます。
「自分で作ったゲームを友達が遊んでくれる」という新しい感動を、ぜひ皆さんも味わってみてください。次は何を作ろうか、ワクワクが止まりません!
🐻まだ試作版です。もっと語彙を増やしていきます。次は、もっとマニアックな「広島弁学習ゲーム」とか「ご当地学習ゲーム」とか作っていこうと思います。