ブラウザで動く3D太陽系シミュレーターを、私たちは1日で開発しました。 AIコーディング支援ツール（Claude Code）を活用すると、従来なら数週間かかっていたような体験型Webコンテンツが、短期間・低コストで作れる時代になっています。
この記事では、実際に開発したシミュレーターの中身と、「なぜ1日でできたのか」をご紹介します。
どんなシミュレーター？
今回開発したのは、ブラウザを開くだけで動く3Dの太陽系シミュレーターです。
見た目のきれいさだけのデモではなく、中身もこだわっています。
- 実際の惑星配置を再現 — NASA JPLが公開している軌道要素から惑星の位置を毎フレーム計算。「今日の太陽系」や「ハレー彗星が次に戻ってくる2061年」など、任意の日時の空を再現できます
- 時間を自由に操作 — 一時停止・逆再生・最大「1秒＝10年」までの変速で、惑星の動きを眺められます
- 画像を使わない星の表面 — 太陽の表面のゆらぎ、地球の雲や夜景、木星の大赤斑、土星の環まで、すべて計算で描画しています
惑星をクリックすればカメラが追従し、太陽からの距離や公転速度がリアルタイムで表示されます。
スクリーンショットより、実際に触っていただくのが早いです。
🪐 デモを開いて動かしてみる別タブで開きます従来なら、どれくらいかかる開発なのか
このような「3D描画＋天体の軌道計算＋操作UI」を組み合わせたWebコンテンツを従来の方法で開発すると、企画・設計・実装・調整を合わせて、私たちの感覚では実働で数週間（2〜4週間程度）はかかる規模です。3Dやシェーダーを扱えるエンジニアはそもそも多くなく、外注すれば費用もそれなりの金額になります。
今回のシミュレーターは、製品として細部まで作り込んだものではありませんが、上に挙げた機能をすべて備えた状態まで1日で到達しました。
なぜ1日でできたのか
理由はシンプルで、実装作業の大部分をAI（Claude Code）に任せているからです。
人間が担当したのは「何を作るか」「どこまでの品質を求めるか」の判断と、動かしてみての違和感の指摘。コードを書く・直すという時間のかかる部分をAIが高速に繰り返すことで、開発期間が桁違いに短くなりました。
かかる時間が短いということは、そのまま費用を抑えられるということでもあります。私たちがホームページやLPの制作を「無理のない費用感で」ご提案できるのも、同じ仕組みです。実際に、この会社ホームページ自体も同じ方法で自社制作しています。
アイデア次第で、こんなものが作れます
太陽系シミュレーターはあくまで一例です。同じ作り方で、たとえばこんなコンテンツが現実的な費用で作れます。
- 商品やサービスの仕組みを動きで伝えるインタラクティブなデモページ
- 塾・教室向けの学習用シミュレーション教材
- キャンペーンやイベント用の遊べる特設ページ
- 数値を入れると結果がその場で分かる診断・計算ツール
あらためて結論です。AIを活用すれば、「こんなのできたら面白いのに」を、諦めない値段と速さで形にできます。私たち自身が毎日AIで作っているからこそ、この感覚には自信があります。
「うちの事業なら何が作れるだろう？」——そんな雑談レベルのアイデアからで大丈夫です。法人・個人事業主を問わず、お気軽にご相談ください。