未ログイン状態で閲覧中
  • 投稿日:2026/04/09
【claude code】🔰素人がTOEIC学習ゲームアプリを作り友達と共有

【claude code】🔰素人がTOEIC学習ゲームアプリを作り友達と共有

はねくま@広島 国際系

はねくま@広島 国際系

この記事は約4分で読めます
要約
プログラミング知識ゼロでも、Claude Codeへの指示だけでアプリ完成!TOEICスコア別の4択クイズにタイマーや効果音、クマのキャラを実装した自作アプリの体験記です。Netlify等でWEB即共有も可能。「アイデアを形にできる時代」の楽しさをリベの皆さんに紹介!

🐻 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にお願いして、正解・不正解・タイムアップの効果音も実装。

癒やしのクマキャラ: 茶色いクマが画面で見守り、あなたの学習を応援します。🐻私のリベネームが「はねくま」なので(笑)

しっかり復習: 最後に間違えた単語をまとめて確認できる機能付き!

スクリーンショット 2026-04-09 230638.pngスクリーンショット 2026-04-09 230728.png

💡 Claude Codeへの頼み方(プロンプト例)

Claude Codeのターミナルで、私はこんな風に指示を出しました。

「ブラウザで動く英単語ゲームを作って。英語→日本語の4択形式で。」

「TOEIC頻出単語のリストを作成して。スコア別に難易度を選べるように。」

「タイトルは『TOEIC KUMA単語学習🐻』。茶色いクマのキャラを登場させて。」

「制限時間は10秒。さらに、状況に合わせて効果音も鳴るようにして!」

Claude Codeは「了解しました。実装を開始します」と、即座に必要なファイルを作り上げてくれました。

🐻最初何から始めて良いかわからない人は、「ゲームを作るプロンプトを作って。わからないことは私に聞いて」と丸投げしてOK

🐻以下の図のように、仮作成をプレビュー画面で遊んでみました。音が出ずさびしかったので、「追加機能:音を出るように」と追記実行するだけで、タイミングや音の種類も考えて自動でつけてくれました!

スクリーンショット 2026-04-09 230822.png

📱 友達への共有方法

完成したアプリを友達に送る方法は3つ!

ファイルを送る: 「index.html」をLINEなどで送るだけ。

Netlify Drop: サイトにファイルをドラッグ&ドロップして、数秒でURL発行!(24時間有効、ログイン登録で永続化)

🐻詳しくはクロコちゃんが教えてくれます。「これをWEBで公開する方法を教えて」と伝えてください。*ノウハウ図書館にも出ています。

✨ まとめ・感想

「アプリ開発」はもうプロだけの特権ではありません。Claude Codeという最強の相棒がいれば、アイデア一つで誰でもクリエイターになれます。

「自分で作ったゲームを友達が遊んでくれる」という新しい感動を、ぜひ皆さんも味わってみてください。次は何を作ろうか、ワクワクが止まりません!

🐻まだ試作版です。もっと語彙を増やしていきます。次は、もっとマニアックな「広島弁学習ゲーム」とか「ご当地学習ゲーム」とか作っていこうと思います。

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

はねくま@広島 国際系

投稿者情報

はねくま@広島 国際系

イルカ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(1
  • 会員ID:ecXeMMl9
    会員ID:ecXeMMl9
    2026/04/10

    こんな事も出来るんですね!!私はまだまだ使いこなせてませんが毎日ワクワクしながら色々試しています😄

    はねくま@広島 国際系

    投稿者