コンテンツへスキップ

インタラクティブなvibe codingゲーム

コーディング学習を楽しい冒険に変える、エデュテインメントゲームに挑戦しよう!

遊んで学ぼう

インタラクティブなvibe codingゲーム

コーディング学習を楽しい冒険に変える、エデュテインメントゲームに挑戦しよう!

🫧
かんたん

Vibe Coding Academy バブルポップ

カラフルなコードのバブルを割ってポイントを獲得しながら、同時にプログラミングの概念を学びましょう!

スキル
マウス操作反射神経コーディング概念
ふつう

プロンプトエンジニアリング演習場

効果的な AI プロンプトの作り方を学び、Vibe Coding Academy やその他の AI システムから最高の結果を引き出しましょう。

スキル
AIとの対話コミュニケーション問題の明確化
🔄
ふつう

AI ワークフローデザイナー

コンポーネントを正しい順序で並べて、強力な AI ワークフローを構築しましょう。

スキル
システム設計プロセス思考AI統合
⚖️
むずかしい

AI 倫理シミュレーター

AI 開発における倫理的なジレンマに向き合い、責任ある意思決定を学びましょう。

スキル
倫理的思考意思決定責任あるAI
🧩
ふつう

コードブロックをキャッチ

落ちてくるコードブロックをキャッチしてプログラムを組み立て、より高いレベルへ進みましょう。

スキル
協応動作パターン認識構文学習
🐍
ふつう

Vibe Coding スネーク

ヘビを操作してコードスニペットを集め、プログラミング知識を増やしましょう!

スキル
キーボード操作計画戦略
🔄
ふつう

コードマッチチャレンジ

コーディング概念のペアを合わせて盤面をクリアし、記憶力を試しましょう。

スキル
記憶力コーディング知識パターン認識
🏆
むずかしい

Vibe Coding Quest

コーディングパズルを解いてバグを倒す冒険に出発しましょう!

スキル
問題解決ロジックアルゴリズム思考
📑
かんたん

コード並べ替えチャレンジ

コードスニペットを正しい順序に並べて、動作する関数を組み立てましょう!

スキル
ロジック順序立て関数の構造
🐞
かんたん

バグを直せ!

コードスニペットの中のバグを見つけて修正しましょう。バグのある行をクリックして直しましょう!

スキル
デバッグ細部への注意コードリーディング
🔍
かんたん

変数ハント

コードサンプルの中からすべての変数を見つけてハイライトしましょう。初心者にぴったりです!

スキル
変数コードスキャン観察力
🏃
かんたん

ループランナー

ループを書いてランナーをゴールへ導きましょう。ループを実践的に練習できます!

スキル
ループ反復処理問題解決
🔌
かんたん

論理ゲートパズル

与えられた入力に対して出力が真になるよう、正しい論理ゲートを選びましょう。

スキル
ロジックブール代数電子工学
ふつう

コード整形チャレンジ

スタイルガイドラインに従って、乱れたコードを正しく整形しましょう。

スキル
コード品質フォーマット可読性
🔎
ふつう

構文エラーハント

バグのあるコードサンプルから構文エラーを見つけて修正しましょう。

スキル
デバッグ構文コード分析
🏎️
ふつう

正規表現レーサー

時間切れになる前に正規表現を書いてパターンにマッチさせましょう!タイムチャレンジを通して正規表現を学べます。

スキル
正規表現パターンマッチングテキスト処理
🌐
ふつう

API ビルダー

実際のシナリオに沿って RESTful な API エンドポイントを設計しましょう。HTTP メソッド、パス、ステータスコードを学べます。

スキル
REST APIHTTPメソッドWebアーキテクチャ
🔀
ふつう

Git シミュレーター

リアルなターミナルのシナリオを通して Git コマンドをマスターしましょう。ブランチ、マージ、スタッシュなどを学べます!

スキル
Gitバージョン管理コラボレーション
🎨
ふつう

CSS バトル

CSS を書いてお手本のデザインを再現しましょう。Flexbox、グラデーション、ボーダー、レイアウトを練習できます!

スキル
CSSFlexboxビジュアルデザイン
⌨️
かんたん

コードタイプレーサー

本物のコードスニペットをタイピングして時間と競争しましょう。実際のプログラミング構文でスピードと正確さを鍛えましょう!

スキル
タイピング速度コードへの慣れ構文
Vibe Coding Guide

新しいゲームを定期的に追加中!

最新のvibe codingチャレンジをお見逃しなく