3Dライブラリ「Three.js」と生成AIの相性が最高すぎる!3Dニュースサイトを作ってみた
入江慎吾 / アプリ開発FIRE
386
回視聴
3ヶ月前
リアクション
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 news - April 2026
AI RANCH | Evalds Urtans
3ヶ月前
第357回 SIT 生成AIニュース
SIT-ニュース
2ヶ月前
This is your first look at Apple’s Siri AI in action!
NDTV
1ヶ月前
【AIニュース】4/8|Claude Mythos・ゼロデイ発見革命・Claude 5前倒しなど最新10選
楽したい【AI × ITで効率化ch】
4ヶ月前
【NTT】最強AIニュース連発も「200日線の壁」で大反落!全指標真っ赤の緊急事態、150円防衛ラインは守れるか徹底考察
自分のための決算報告まとめ
3ヶ月前
Siriはなぜポンコツなままなの?Appleが「AI敗北」を認め、Geminiと手を組んだ本当の理由とは【AIニュース】【ゆっくり解説】
らぼぷら
8ヶ月前
🌍 2026/05/04 国際科学技術ニュース|AI自動要約
PIXELスタジオ
3ヶ月前
【今週公開の最新AIツール&ニュース】ChatGPTの情報収集AIエージェント「deep research」/ソフトバンクグループとOpenAIが提携しAIエージェントを開発
AI大学【AI&ChatGPT最新情報】
2025/02/05
最近話題のChatGPT活用がかなり凄いです😳
👇マサSNS活用
2ヶ月前
【2026年4月4日】 AIの法的課題 制御危機 中国の躍進!重要ニュース解説 #aiニュース
わかりやすいえーあいにゅーす
4ヶ月前
how to leverage Claude + ChatGPT to make $50k/mo sportsbetting
choicooks
2ヶ月前
ちるるのAIニュース解説β #ai #aivtuber #ニュース解説
chiruruAI
3ヶ月前
注目AIニュース(2026/07/11) サンドボックス作る方法・Claude Code・AIの記憶保管 ほか
AI新聞
3週間前
ついにあの有名メーカーからコスパ良すぎる耳に挟むタイプのイヤーカフ型イヤホンの新作が登場!「EarFun Clip 2」#PR #ガジェット #ガジェット紹介 #ワイヤレスイヤホン
すぐる@iPhone・ガジェット
2ヶ月前
AIニュース速報 2026/05/01 朝
AIニュース速報
3ヶ月前
‘NEVER underestimate Chinese models’: Netskope CEO on AI-driven cyber threats
Fox Business
3ヶ月前
3Dライブラリ「Three.js」と生成AIの相...
入江慎吾 / アプリ開発FIRE
動画の報告
この動画が削除されている、または問題がある場合に報告してください。