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
関連動画
これは便利!Amazonプライムデーで買うべきガジェットを4つ紹介します!#ガジェット #ガジェット紹介 #Amazon #そるとiPhone
そると iPhone便利機能 ガジェット
3週間前
【速報】4/20登場!中国最強AI「Qwen3.6-Max」Claude Opus 4.7超えなるか?無料の罠も解説
サルでもわかるAIにゅーす速報【ゆっくり解説】
3ヶ月前
Putin Warns AI Could Erase Millions Of Jobs But Says It Can Drive Economic Growth Worldwide
India Today Global
2ヶ月前
As push for AI data centers grows, communities fight back
PBS NewsHour
3ヶ月前
「キットカット」約12トン、トラックごと盗まれる #ai #ニュース
AIニュースPANDA
4ヶ月前
ちるるのAI β | AIニュース解説 | 2026.07.15
chiruruAI
3週間前
AIニュース速報 2026/05/31 夕方
AIニュース速報
2ヶ月前
チャッピーが10倍賢くなるプロンプト #chatgpt #ai活用 #sns
ひさ | SNS×AI活用
1ヶ月前
Full body waifus, Claude Fable is back, LongCat 2.0, mind-reading AI, live video editing: AI NEWS
AI Search
1ヶ月前
買ってよかったガジェット・暮らしのモノ・日用品 | 新生活に向けて揃えておきたいベストバイ17選
Nagomi-ke | 難波拓斗
4ヶ月前
AIが恐れるモデル崩壊と人間の錨 #chatgpt #仕事効率化 #ai活用
AIだけチャンネル
1ヶ月前
AIは意味を考えていない #chatgpt #ai活用 #仕事効率化
AIだけチャンネル
1ヶ月前
【中国AIニュース速報】ロボットトラフィックが人間超え
AIの町医者ニュース 高橋秀夫
2ヶ月前
【ChatGPT、今海外で大バズりのプロンプト5選】 #chatgpt #ai活用 #aiツール #sns
ひな│SNS×AI攻略
1週間前
【週刊AIツール&ニュースベスト20】Grokにコンパニオン機能実装/ChatGPTのAIエージェント「ChatGPT agent」/ボーカル楽曲生成AI「Suno」の最新モデル「v4.5+」
AI大学【AI&ChatGPT最新情報】
2025/07/20
第349回 SIT 生成AIニュース
SIT-ニュース
2ヶ月前
3Dライブラリ「Three.js」と生成AIの相...
入江慎吾 / アプリ開発FIRE
動画の報告
この動画が削除されている、または問題がある場合に報告してください。