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
関連動画
COOLEST INSANE CAMPING INVENTIONS THAT EVERY MAN WILL APPRECIATE!
TECH WORLD
3週間前
AIがPC作業を代行?Manusでフォルダ整理とレシート管理を試した!
あずきちゃんねる
5ヶ月前
Trump Defends AI Image depicting him as Jesus, Internet Turns To Memes | FP Video
Firstpost
5ヶ月前
🚀 Top 5 Biggest Tech News This Week | Apple AI, OpenAI Chip & AI Market Update | Pixar AI News 🇮🇳
Avinash Singh
2ヶ月前
How I use ChatGPT to run my fashion business
How I AI
1ヶ月前
【Baseusセール】Baseus厳選おすすめ神ガジェット6選【徹底レビュー】
ガジェ速ch
2ヶ月前
AI開発にブレーキを1134人が要請
激甘カレーちゃん
1ヶ月前
Claude Code 2.0: New Desktop/CLI App, Routines + Opus 4.7 This Week!
WorldofAI
5ヶ月前
【今日のAIニュース】高級AIスマホVertuの実力/ノーラン監督の警告/Zoom要約問題ほか
ひまつむのAI解説
2ヶ月前
【初心者さん‼️】AIエージェント「ChatGPT Work」使い方/全機能/活用法基礎講座
mikimiki web スクール
1ヶ月前
【中国AIニュース速報】2026-07-13 仕事が消える
AIの町医者ニュース 高橋秀夫
2ヶ月前
42 New Travel Gadgets on Amazon Under 100$ That Are Next-Level Useful
Travel Guider
4ヶ月前
noteを整えるためにやったこと、まとめてみた|ChatGPT Work
愛だってできるもん
3日前
【#AIニュース】OpenAIのGPT-5が3年来の医学の謎を解明!メルカリがChatGPTで使えるように | 2026.06.24 | No.108
AI&Tech放送局
3ヶ月前
【おすすめガジェット5選】デスク環境を格上げする!?#ガジェット紹介
Reno_pc
1ヶ月前
Dr Sanjeev Kumar on AI and Robotics | India Abroad® #news #usnews #uspolitics #ai #aiimpact #usa
India Abroad®
4ヶ月前
3Dライブラリ「Three.js」と生成AIの相...
入江慎吾 / アプリ開発FIRE
動画の報告
この動画が削除されている、または問題がある場合に報告してください。