ReactとThree.jsを一度に！3Dの基礎から、実務で使用できるプロジェクト、そして最適化のヒントまで！
受講生 281名
難易度 初級
受講期間 無制限
学習した受講者のレビュー
5.0
최대범
Three.js勉強中に宝のような講義が出ましたね。 JSで作業していたThree.jsの例をTypescriptで型指定しながら勉強しましたが、型スクリプトで作成された例と積載適所にノウハウが溶けた説明が絶品です。
5.0
SOYOUNG HAN
最初はYouTubeで講師を見て講義を登録することになりましたが、聞くのが上手だったと思います。詳細を教えてください。いろいろな資料や例を聞かせようと努力してくれて理解が良くなるので良いです。例外に加えて、他のものは作成したいときはどうすればよいのか公式文書を見ながら説明してくれるから良いようです。魚もあげるが、直接魚を捕まえる？方法も説明してくださるといいですねㅎㅎ ところで、途中で言葉が切れたり、「う～ん」と思われる部分も時々あって講義が少しぎこちないようですが、私にはそんな部分が邪魔されません。頑張ってください！ありがとうございます！
5.0
전임하
いつも3Dに関心だけ持っていたのですが、一緒にいながら少しずつ感が取れますね。
ウェブ3Dの基礎について学びます。
ReactとThree/jsを一度に！R3F（react-three/fiber）を学びましょう
多様な例を通じて理解し応用し、自分だけの作品を作り上げていく講座
一緒に一땀一땀コーディングしながら身につけ、実力をつけることができる講義
目を見張る開発者になるための3D概念を習得する講座
他では見つけられないR3Fスタック学習、もっと簡単で楽しく実装する3Dウェブ
現役開発チーム長から学ぶ実務のコツと最適化手法
メタバース、XR（VR、AR）、ウェブ（HTML5）ゲーム、ブロックチェーンなどの産業によって
華やかなインタラクションがある2D/3D Webコンテンツの需要が急増しています。
また就職市場でもフロントエンド開発 + ウェブグラフィックエンジニアに対する需要が急増しています。
単純なウェブサイトではなく、華やかなインタラクションがある2D/3Dサイトに対するニーズは続くでしょう。
しかし、ゲーム開発者やUnity開発者向けの3D講座は多いですが、Web 3Dに関する講座はあまりにも不足しています。
あなたはReactとThree.jsを一度に学び習得できるR3F（React Three fiber）について学ぶことになります。
どこでも見つけることのできないR3Fスタック学習で、より簡単で楽しく3Dウェブサイトを作ってみましょう！
実際の撮影現場、アニメーションを作るセットと比較して理解がすいすい！
実際の環境と全く同じWeb 3D環境に関する理論説明！
< Geometry, Material >
様々な形のオブジェクトと素材、そして光と影まで！
.gif)
<3D web Eコマースプロジェクト>
実務ですぐに使えるプロジェクト、そして最適化のコツまで！
DEMO : https://ecommerce.taejaehan.com/
Q. 完全初心者の非専攻者です。講義を受講したいのですが、私のような非専攻者でも講義を聞いて理解できるでしょうか？
A. こんにちは！私の考えでは、非専攻者でもJavaScriptの基礎をご存知であれば、授業を受講されても付いていくのに全く問題はないと思います。もしJavaScriptをご存知でなければ、後半になると少し難しくなるかもしれませんが、これも人それぞれだと思います。分からない部分は他の無料講義やGoogleで調べながら学習される方も見かけました。もし分からない部分が出てきましたら、遠慮なくどんどん質問してください！
Q. 講義を受講する際に事前に準備したり必要なものはありますか？
A. 事前に準備していただくものは、講義を聞きながら実際に試していただけるコンピュータ（MacまたはWindows）です。その他に必要なツールはすべて無料でインターネットからダウンロードできます。Chrome、vscode、npm、blenderなどです。そして必要な資料やリソース、そして講義で使用されたコードはすべてダウンロードできるよう準備しています。
Q. なぜReact Three Fiber(R3F)を学ぶべきなのでしょうか？
A. 現在のWeb開発ではReactが主流と言えるでしょう。しかし、Reactだけでは他の人と差別化できないと思います。そこで、最近そして今後も継続的に発展していかざるを得ないWeb 3Dという武器を身につければ、他の人と差別化された自分だけのロードマップを作ることができると思います！また、メタバース、XR（VR、AR）、Web（HTML5）ゲーム、ブロックチェーンなどの産業により、華やかなインタラクションがある2D/3D Webコンテンツに対する需要が急増しています。そのため、単純なWebサイトではなく、華やかなインタラクションがある2D/3Dサイトに対するニーズは続くでしょう。それに伴い、3D Web開発者の需要も徐々に増加しています。目立つ、他とは違うWebサイトを一緒に作ってみましょう！
こんにちは。10年目のウェブグラフィックエンジニアのハン・テジェです。私は基本的にフルスタック開発者ですが、フロントエンドに集中して作業しています :)
私はAngular、Reactなどのフレームワークを使用してフロントエンド開発を行ってきました。しかし、やはり最も好きな作業は、Threejs、WebGL、D3js、Pixi.jsなど、ウェブ（HTML5）で2D/3D Canvasグラフィックスを扱うプロジェクトです。私は新しく創造的なユーザーエクスペリエンス（UX）を作るインタラクティブなウェブコンテンツに対する情熱に満ちています。一緒に面白いプロジェクトを作りましょう！
学習対象は
誰でしょう？
JavaScriptの基本をご存知の方であれば可能です。
Reactの基本的な概念をご存知であれば望ましいですが、知らなくても大丈夫です。
前提知識、
必要でしょうか？
JavaScript
359
受講生
27
受講レビュー
12
回答
5.0
講座評価
2
講座
こんにちは。10年目のウェブグラフィックエンジニア、ハン・テジェです。私は基本的にフルスタックエンジニアですが、フロントエンドに集中して作業しています :)
私はAngularやReactなどのフレームワークを使用してフロントエンド開発を行ってきました。しかし、やはり一番好きな作業はThree.js、WebGL、D3.js、Pixi.jsなど、ウェブ(HTML5)で2D/3D Canvasグラフィックスを扱うプロジェクトです。
私は新しくクリエイティブなユーザー体験（UX）を生み出すインタラクティブなウェブコンテンツに情熱を注いでいます。一緒に面白いプロジェクトを作りましょう！
10年目のインタラクティブ3Dフロントエンド開発者 -(現) NEOWIZ - HTML5ゲーム開発者 -(現) Modulabs - Generative Art ラボ長 -WEMADE - DeFi フロントエンド開発チームリーダー -Davi
10年目のインタラクティブ3Dフロントエンドエンジニア
-(現) NEOWIZ - HTML5ゲーム開発者
-(現) みんなの研究所 (Modulabs) - Generative art ラボ長
-WEMADE - DeFi フロントエンド開発チームリーダー
-Dabeeo - Three.js 開発チームリーダー
-Dmajor - シニアフロントエンド開発者
-Modulabs - Interactive art of web ラボ長
-Addpac - ジュニアフロントエンド開発者
-NHN LINE - UX/UI デザイナー
-マッドマンポスト - CG Effect Artist
-国民大学 - 工業デザイン専攻
全体
63件 ∙ (10時間 1分)
講座資料（こうぎしりょう）:
全体
22件
5.0
22件の受講レビュー
受講レビュー 8
∙
平均評価 4.5
受講レビュー 2
∙
平均評価 5.0
5
じっくり概念一つ一つ説明してくれますので大丈夫ですね。 Web 3Dの基礎概念を作成するのに最適
キチャン良い受講評ありがとうございます！頑張ってより良くしましょう！
受講レビュー 1
∙
平均評価 5.0
受講レビュー 1
∙
平均評価 5.0
5
いつも3Dに関心だけ持っていたのですが、一緒にいながら少しずつ感が取れますね。
イムハ良いレビューと良い評価ありがとうございます！感が少しずつ捕まえるのは嬉しいですねㅎㅎもし質問があれば楽に残してください：＆gt;
受講レビュー 2
∙
平均評価 5.0
知識共有者の他の講座を見てみましょう！
同じ分野の他の講座を見てみましょう！
￥16,593
![# [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）講義サムネイル](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?w=420)
