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
関連動画
Apple iOS 27 AI Upgrade 🚨 New Siri, Photo Editing Tools & Apple Intelligence Explained
Vibe America
3ヶ月前
【新定番】Ankerから燃えない新型ガジェットポーチ登場!デザイン刷新…全部入れてレビュー!【ポーチの中身】
Daiking・ダイキング
2ヶ月前
3,500% Profit Scandal & AI Policy: Is Market Trust Shattering? | ATAS News
ATAS - Platform for volume analysis for traders
4ヶ月前
【AIニュース】2026年7月22日|知っておきたい8つの動き
ジェミにゃんのAI実験室
3週間前
朝の業務AIニュース 2026-06-21
penguin rockhoppers
1ヶ月前
【AIニュース解説】AI文章に見えない印、クロードが仕込む衝撃
ずんだAIニュースえぶりでぃ
1日前
【中国AIニュース速報】2026-05-21 80年問題、AIが解決
AIの町医者ニュース 高橋秀夫
2ヶ月前
PulseFit SmartBand のご紹介 – スマートウェアラブルの未来!🔥⌚ #ytshorts #trending
Kaito
4ヶ月前
How to Read Construction Drawings with Claude AI
Tim Fairley
3ヶ月前
使った人の4分の3は同僚感覚!? 「AIエージェント」使いこなすには 専門家が指南【NIKKEI NEWS NEXT】
テレ東BIZ ダイジェスト
2ヶ月前
デキる人のAIの使い方 #ai活用 #chatgpt #仕事効率化
AI思考OSラボ
2ヶ月前
【 1~4月編 】今、欲しいモノ6選。
うしゃすらいむ【ガジェット紹介】
4ヶ月前
【中国AIニュース速報】2026-05-07 ロボット・エージェント熱
AIの町医者ニュース 高橋秀夫
3ヶ月前
【ChatGPTを超えるAI 5つをランキング形式で解説!】#ChatGPT #Claude#AI活用 #AIツール#動画生成
まこ | SNS× AI活用
1ヶ月前
How to Make Money Using ChatGPT (Beginner Side Hustle Guide) in SECONDS!
Tutorial Academy
1ヶ月前
You Ask, I Answer: ATS Optimization With ChatGPT?
Christopher Penn
2ヶ月前
3Dライブラリ「Three.js」と生成AIの相...
入江慎吾 / アプリ開発FIRE
動画の報告
この動画が削除されている、または問題がある場合に報告してください。