AI活用全般

Claude Codeで3Dフライトシムが2週間で動いた事例|Three.js+CesiumJS+Google 3D Tilesで地形を作らない設計

この記事の結論

ゲーム開発未経験のエンジニアが、Claude Codeを中心に2週間でブラウザ完結の3Dフライトシムを公開した事例があります。

技術スタックはThree.js・CesiumJS・Google Photorealistic 3D Tilesで、世界中の地形を自作しない設計が肝です。

月20ドルのClaude Code Proと、月1,000イベント無料のGoogle 3D Tilesがあれば、個人でもMVPは現実的に作れます。

この記事はClaude Codeを触ったことがある開発者と、業務応用を探している企画職向け(HTMLとAPIの基本が分かれば読めます)。

Claude Codeで3Dフライトシムを2週間、は本当か

制作期間は2週間。月20ドルのProプラン1つで届く範囲です。

WorldFlightSimというブラウザフライトシムが、Xで30万view超を記録しました。

作者はゲーム開発経験ゼロのエンジニア、制作期間は2週間、コードの大半はClaude Codeが書いたと公表しています。

作者本人のブログにはこう書かれています。

I'm not a game developer. I'm an engineer and I understand architecture, systems, how things fit together.

Claude Code builds most of the codebase for WorldFlightSim.

two weeks, mostly nights and weekends, to go from a prototype to a real product

出典: worldflightsim.com/blog/free-flight-simulator-browser(2026年3月8日公開)

ゲーム開発者ではなくエンジニア、と作者は繰り返します。

ここが大事。

設計思想が先にあって、実装はClaude Codeに投げる。

2週間も専業ではなく「夜と週末」です。

私はこの事例を「Claude Codeでマイクラ作った」系と同じ棚に置くと損だと思っています。

ブラウザ完結の3Dシムが2週間で回るのは、Claude Codeの腕だけが理由ではない。

地形を自作しなくていいスタックが裏にあるからです。

技術スタックは何でできているのか

WorldFlightSim本人ブログと公式ドキュメントから確認できるスタックを表にまとめます。

要素採用技術ライセンス/料金
AIコーディングClaude CodePro $20/月〜(2026年4月時点)
3D描画Three.jsMIT(無料・OSS)
3Dグローブ/地図CesiumJS 1.137Apache 2.0(無料・商用可)
実地形データGoogle Photorealistic 3D Tiles月1,000件まで無料/超過$6.00 per 1,000件
ビルドViteMIT(無料)
基礎言語HTML/CSS/JavaScript

Three.js公式は自らを「JavaScript 3D Library」と説明し、CesiumJS公式は「Open source JavaScript library for creating 3D globes and 2D maps」と書いています(出典: threejs.orgcesium.com/platform/cesiumjs)。

このスタックの核は、Three.jsやCesiumJSそのものより Google Photorealistic 3D Tiles だと私は見ています。

地球規模の航空写真と3D地形を、APIコールだけで引き出せるからです。

Google公式ドキュメントはこう書いています。

Photorealistic 3D Tiles provides immersive 3D models with global coverage [...] daily quotas apply.

出典: developers.google.com/maps/documentation/tile/3d-tiles

世界中の3D地形を自作しないための土台が、APIで降ってくる。

ここが消えた壁です。

「vibe coding」って結局なにか

関連ポストで連呼される「vibe coded」は、元OpenAI共同創業者で元Tesla AI Directorの研究者が2025年2月2日にXへ投稿したのが原典です。

投稿は450万view超まで広がりました。

There's a new kind of coding I call "vibe coding", where you fully give in to the vibes, embrace exponentials, and forget that the code even exists. [...] I "Accept All" always, I don't read the diffs anymore. [...] I'm building a project or webapp, but it's not really coding - I just see stuff, say stuff, run stuff, and copy paste stuff, and it mostly works.

出典: 当該研究者のXポスト(2025年2月2日、Anthropic公式ドキュメント等で原典として参照されている)

ざっくり言えば「LLMに投げて、差分は読まず、Accept Allで進める」スタイル。

私は本番コードでこれをやるのは怖いと思っています。

プロトタイプや週末プロジェクトでは「動くモノが先」が噛み合いますが、投稿者本人も後日「軽い投げ捨てツイートだった」と振り返っています。

軽い投稿だった言葉が、バズって一人歩きしました。

WorldFlightSimはその言葉に具体像を与えた格好です。

なぜゲーム開発未経験で2週間で回せたのか

普通、フライトシムの壁は3つあります。

地形データ、物理モデル、UIと入力処理。

WorldFlightSimは1つ目をGoogle 3D Tilesで消し、残り2つをClaude Codeに投げました。

この配分が肝です。

本人ブログには、依頼の粒度まで書かれています。

build a flight physics model for a single-engine prop aircraft → first pass working code

出典: worldflightsim.com/blog/free-flight-simulator-browser

「単発プロペラ機の飛行物理モデルを作って」と英語で注文し、動く初版コードが返る。

ここが2026年のコーディング風景です。

ゼロから三角関数を書かせるのではなく、設計仕様を文で渡して実装を任せる。

本人はAI活用を「AI serves as his CTO, team of developers, and more」「the magic of building in 2026」と表現しています(出典: worldflightsim.comブログ)。

CTOも開発チームもAI、はさすがに盛った表現だと私は思いますが、設計を持てる個人が実装を丸ごと外注できる時代の空気は、この一文に凝縮されています。

私は2週間×夜と週末で個人がここまで届く時代に、正直しびれます。

Google Photorealistic 3D Tilesの料金は本当に安いのか

「無料枠で個人は十分」という語りには注意が要ります。

Google公式の現行料金(2025年3月1日以降の新体系)はこうです。

項目条件
無料枠月1,000イベント(Enterprise SKU枠)
超過料金$6.00 per 1,000件
日次上限ルートタイルセットクエリ最大10,000件/日
セッション換算ルートタイル1件=最大3時間のタイルリクエスト相当
出典: Google Maps Platform Usage and Billing

月1,000イベントは、50人がそれぞれ1セッション使ったらほぼ枯れる規模です。

個人の実験・プロトタイプ・社内デモなら足りる、くらいに受け取っておくのが安全。

規模感の目安として、Google公式の単価で素直に計算するとこうなります。

月10万view規模で約$594(10万÷1,000×$6から無料枠を引いた値)、月50万view規模で約$2,994。

私の感覚では、SNSで軽くバズった瞬間に月数十ドルから数百ドル、メディアに乗ったら四桁の世界です。

Googleは料金の補足として、ストレージや認証なしのアクセスを禁じています(出典: Google Maps Platform 料金体系)。

本番運用ならAPIキーの取り扱いとビュー上限のアラート設定は最初に組んでおくのが無難です。

個人実験なら無料でいける。

閲覧者が増えた瞬間に課金が跳ねる。

この温度感で料金設計を見ておきましょう。

非エンジニアが真似るなら、どこから切るのか

この事例を「すごいね」で終わらせない読み方を書きます。

私はフライトシムを作る気はないのですが、同じ構造は業務に転用できます。

3ステップで分解するとこうです。

  1. 地形・地図データは買わない、作らない。Google 3D TilesかMapbox、もしくは社内の平面図を流用する。操作: Google Cloud Consoleで請求アカウントを作りAPIキーを発行する。期待結果: 1時間以内にAPIキーが手元にある。詰まりどころ: 請求カード登録の段階で社内承認に止められやすい
  2. 3D表示と動作ロジックはClaude Codeに発注。仕様を日本語で書いて、CesiumJSやThree.jsの最小サンプルを土台に出してもらう。期待結果: 半日で動く最小サンプルが手元に出る。詰まりどころ: APIキーの環境変数読み込みでハマる人が多いので、`.env` ファイルの説明はClaudeに必ず聞く
  3. 本番前にビュー数アラートを設定。Google Cloud Consoleのアラート機能で、月500ビュー時点でメール通知を出す。期待結果: 課金が跳ねる前に手が打てる。詰まりどころ: 通知先メールアドレスの設定ミスで、課金後に気づく事故が起きやすい

用途別に当てるならこうです。

  • 社内トレーニング用3Dシム: 工場レイアウトや店舗巡回をCesiumJS+自社の平面図データで再現。Claude CodeにUIと動作ロジックを書かせる。閲覧者が10人程度なら無料枠で完結
  • プロモ用ブラウザ体験: 自社商品の置き場所、配送ルート、観光ルートをGoogle 3D Tilesで可視化。閲覧者規模が月1,000人を超えたら有料前提に切り替える
  • 教材・社内説明資料: インストール不要のブラウザ体験は、情シスと相談しなくていい強みがあります

重要なのは「地形を作らない」「物理は既知モデルを言語で発注」「UIはClaude Codeに一任」の3点セットが使える範囲を見分けることです。

ゼロから新ジャンルの物理を発明する案件は、相変わらず専門職の仕事。

既知の物理+既知の地形データ+既知のWebスタックでいいやつは、個人でも2週間MVPが現実になってきた。

Claude Code自体の料金感も確認しておきます。

Pro $20/月、Max 5x $100/月、Max 20x $200/月(2026年4月時点、出典: claude.com/product/claude-code)。

月20ドルのProで2週間×夜と週末、という時間軸は個人プロジェクトとして現実的です。

賛否はどう割れているか

反応はきれいに二分されています。

50代から60代のエンジニアが「フレームワーク追従地獄から解放された」「設計だけ分かっていれば実装は任せられる」と書く一方、職能が崩れる違和感を語る声も同じくらい強い。

否定側でよく出てくるのは「エージェントは設計・構築・テスト・完成の満足感を削除した」という趣旨の指摘です。

職能が崩れる違和感、と私は受け取っています。

これは感情の問題だけでなく、品質と責任の問題でもあります。

品質面では固い数字が出ています。

Veracode GenAI Code Security Report 2025は「45% of AI-generated code introduces security vulnerabilities」と報告し、Checkmarxの2025年12月評価ではClaude Codeを含む主要5ツールで「15アプリ中69件の脆弱性、うち数件がcritical」と公表されています(出典: veracode.comcheckmarx.com)。

私の判断は1つです。

月20ドルのProはMVP止まり、本番投入には人のレビューが必須。

「vibe codeで本番」はまだ無理。

私は「vibe codeでMVP、本番前に人がレビュー」なら成り立つと判断しています。

WorldFlightSimのような個人プロジェクトと、顧客データを扱う社内システムは、同じClaude Codeでもリスク設計が違うという当たり前の線引きです。

FAQ

WorldFlightSimは日本からも遊べますか

トップページはworldflightsim.comで公開されています。

ブラウザ動作のため原理的には地域制限はなさそうですが、アクセス状況やGoogle 3D Tilesのクォータ状況で挙動が変わる可能性はあります。

最新の稼働状況は公式トップから確認してください。

Claude Codeは無料で使えますか

無料プランはありません。

Pro $20/月からの有料プラン、もしくはClaude APIの従量課金が必要です(出典: claude.com/product/claude-code)。

対応OSはmacOS・Linux・Windowsです。

Google Photorealistic 3D Tilesは本当に無料で始められますか

開始時はGoogle Cloud Consoleで請求アカウント設定とAPIキー取得が必要です。

月1,000イベントまで無料、超過は$6.00 per 1,000件(出典: 公式料金ドキュメント)。

2025年3月1日に旧$200クレジット体系から変わっているので、古い記事の情報は使わないほうがいいです。

非エンジニアでも真似できますか

完全未経験は厳しいと思います。

作者本人も「I'm an engineer and I understand architecture, systems」と書いており(出典: worldflightsim.com)、アーキテクチャ理解がある人が実装をClaude Codeに任せた事例、という範囲の話です。

粒度を絞ったゲームや業務ツールであれば、非エンジニアでも成功事例が出始めています。

vibe codingはそのまま業務で使っていいですか

セキュリティ系の公的調査では、AI生成コードの45%に脆弱性という数字が出ています(出典: Veracode GenAI Code Security Report 2025)。

提唱者本人も原典で「throwaway weekend projects」向けと限定しています。

MVPや社内プロトは攻め、顧客データや決済が絡むものは人のレビューを必ず挟む、という使い分けが無難です。

用語ミニ辞書

このページに出てきた言葉

Three.js
ブラウザで3Dグラフィックを描画するJavaScriptライブラリ。MITで無料
CesiumJS
3D地球儀や地図を表示するオープンソースライブラリ。商用利用可
Photorealistic 3D Tiles
Googleが提供する、世界の航空写真と3D建物データを配信するAPI
vibe coding
差分を読まずAIの提案を流れに任せて受け入れるコーディングスタイルの俗称
MVP
Minimum Viable Product。最低限の機能だけ動く試作版
API
プログラムから別サービスを呼び出すための窓口
APIキー
APIを呼ぶときの認証用文字列。パスワードのような扱い
イベント
Google 3D Tilesで使われる、APIアクセス回数の単位
脆弱性
セキュリティの穴。悪意ある攻撃者に突かれる弱点

関連リンク

この記事を書いた人

Aisola Lab運営者 aisola のアイコン

aisola

Aisola Lab 運営者

AIツールを使ったコンテンツ制作・リサーチ・WordPress運用を日常的にやっています。自分で動かせるものは実際に触って書き、触っていないものは公式ドキュメントと一次情報をもとに書き分けています。

※この記事の内容は執筆時点のものです。AIは進化が速い分野のため、最新の仕様は公式サイトでご確認ください。

-AI活用全般
-,

← 戻る