3Dライブラリ「Three.js」と生成AIの相性が最高すぎる!3Dニュースサイトを作ってみた

入江慎吾 / アプリ開発FIRE
リアクション
2026年04月09日
最近注目を浴びているJavaScriptの3Dライブラリ「Three.js」について解説します。

これまでは手作業でのコーディングが非常に難しかった高度な3D表現も、生成AIにコードを書かせることで、誰でもクオリティの高いWebサイトやゲームを作れる時代になりました。動画の後半では、AIを使って作成したデモも公開しています。

0:00 イントロ:Three.jsで作る面白い見た目のサイト
0:15 Three.jsとは?ブラウザで3D表現を可能にするライブラリ
0:37 なぜ今「Three.js」がアツいのか?生成AIとの親和性
1:15 Three.jsの公式サイトから読み解く活用事例(3Dゲームなど)
1:38 高精細な3Dビジュアルとテクスチャの表現
2:07 デモ実演:AIを使ってサイバーパンクなニュースサイトを企画
2:50 完成した3D UIの紹介(ドローン視点・ズーム操作)
3:20 プロモーションサイトやLPにおける3D表現のメリット
4:05 Three.jsは商用利用も可能!今後の活用について

■入江慎吾のプロフィール
個人開発でサービスを40個以上つくりMENTAがヒット→億単位で売却。計3件の売却を経験。ランサーズにグループインし現在もプロダクトづくりに没頭中。

■AI駆動開発の生産性を10倍にするツール AI Dev Toolsを作ってます!
https://devtools.shingoirie.com/

■AXコンサル、AIのビジネス導入をお考えの方はこちら
https://lancers-ai.com/

■「個人開発」からはじめたWEBサービスで月140万円の売上を達成するまで
https://www.youtube.com/watch?v=8xJ3lkFu5hY

■自己紹介
https://youtu.be/-mkENPfEgqY

■個人開発FIRE noteマガジン
https://note.com/iritec/n/n5a5adf2d4dc2