3Dライブラリ「Three.js」と生成AIの相性が最高すぎる!3Dニュースサイトを作ってみた
入江慎吾 / アプリ開発FIRE
386
回視聴
5ヶ月前
リアクション
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
関連動画
24 Amazon finds your home has been missing 🥹
Marveluga Finds
4ヶ月前
Trump Just Popped The AI Bubble?! 😳📉 #Politics #AI #News
Lamont Tyson
3ヶ月前
🤖 ChatGPT ADs For Shopify - Literally Free Extra Sales For Doing Almost Nothing Extra? 🛒
Guaranteed PPC
2ヶ月前
【AIニュース 8/9】ChatGPT Work、始動
まこっち
1ヶ月前
【Amazonプライムデー】セール対象∩アライの愛用品ガジェットなど30個をご紹介
アライ
2ヶ月前
奈良市 AI活用で市民ケア最大化を
奈良テレビNEWS
5ヶ月前
‼️ BREAKING NEWS ‼️ FORD Is Now AI??? Ferrari EV Car? Dell to $400 !!!
The Dream Green Show
4ヶ月前
AI用PCはWindowsとMac、用途で勝者が変わる
AI NEWS CAT
2ヶ月前
New Law Will Mean AI Companies Can't Be Sued #news #usa #ai
Thomas Pearson
5ヶ月前
【有益スレ】40代50代が本当に使ってるChatGPTの賢い活用術【ガルちゃん】
今日のガル有益スレ
3ヶ月前
【AIニュース】2026/05/13のAIニュース|ポンテのAI教室
サーコミュ
4ヶ月前
ChatGPT Is More Than a Chatbot: 6 Features You’re Missing
Gunal Bondre
2日前
黒子×月陽のAI朝刊ニュース - 2026年9月20日(日) -
OwtoWood
1日前
How To Use AI In Projects 🚀 | Beginner to Advanced Guide | Saksham Digital Technology
Saksham Digital Technology
4ヶ月前
AIに“日時・区間”伝えて切符購入の時間短縮 みどりの窓口実証実験【スーパーJチャンネル】(2026年7月17日)
ANNnewsCH
2ヶ月前
中国AIニュース速報 2026-05-06:米中分裂、バイトダンス好調
AIの町医者ニュース 高橋秀夫
4ヶ月前
3Dライブラリ「Three.js」と生成AIの相...
入江慎吾 / アプリ開発FIRE
動画の報告
この動画が削除されている、または問題がある場合に報告してください。