3Dライブラリ「Three.js」と生成AIの相性が最高すぎる!3Dニュースサイトを作ってみた
入江慎吾 / アプリ開発FIRE
386
回視聴
4ヶ月前
リアクション
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
これまでは手作業でのコーディングが非常に難しかった高度な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
関連動画
生成AIニュース 2026_08_13
生成AIニュースチャンネル
2週間前
【#AIニュース No.369】「claude-mythos-1-preview」がリリースに向け準備中!?総務省が自治体にサイバー対策「義務化」!?暗黙知をAIエージェント化が新たな焦点に
AI整体師
3ヶ月前
【ガジェット5選】高コスパのマジで便利なガジェット!実際に使ってるものを紹介!
筋トレとゲームと社長 / KD社長
4ヶ月前
Alibaba แบน Claude! Windows ใหม่ด้วย AI
High Signal
1ヶ月前
JPMorgan CEO reveals BOLD prediction for AI generation
Fox News
4ヶ月前
朝の業務AIニュース 2026-07-28
penguin rockhoppers
1ヶ月前
ChatGPTで老後資金をシミュレーション!驚きの結果
タカ🐾NISAとAI活用でゆるFIREへの道
4ヶ月前
注目AIニュース26選~Google IO 2026まとめ、OpenAI 1兆ドルで上場へ、Anthropic黒字化、Work Trend Index 2026など
いけともch
3ヶ月前
【機密データをAIで活用できる】企業がAIチャットを安全に使い倒すための「3つの特長」とは?|Acompanyセキュアチャット
株式会社Acompany(アカンパニー)
4ヶ月前
第310回 SIT 生成AIニュース
SIT-ニュース
4ヶ月前
14 Amazon GADGETS That Make Everyday Life WAY Easier 🔥
Need It Now
1ヶ月前
ChatGPT Work・Chat・Codexの違いと使い分け解説|業務活用・料金・2026版
AI時代のITスキルとDX戦略研究所
3週間前
New Open-Source AI Beats Claude and GPT for Coding? (Kimi K2.6)
Code With Yousaf
4ヶ月前
Nothing Phone (4a) Pro Review, Buds4 Pro vs AirPods Pro 3 & Apple at 50 | Tech360
NDTV
4ヶ月前
#ゴールデンラッシュ #ガジェット #ガジェット紹介 #ガジェットレビュー #ブロスタ実況 #粗品 #粗品切り抜き #せいや #イニミニレカピカレーライオニメカチカロリパパランパンプッシュ #ゲーム
ゴールデンラッシュ
4ヶ月前
デスク周りが自己採点100点に整った🔥♨️ #ガジェット #ガジェット紹介 #Amazon #ワークデスク #デスク周り
TIRO シンプルな二人暮らし
2024/02/08
3Dライブラリ「Three.js」と生成AIの相...
入江慎吾 / アプリ開発FIRE
動画の報告
この動画が削除されている、または問題がある場合に報告してください。