最も簡単な React (グローバル版)
yalco
￥4,240
29%
￥3,004
入門 / React, JavaScript, Node.js
最も簡単かつ迅速な方法で React を学びましょう!
入門
React, JavaScript, Node.js
Three.js 3D 都市モデル ＆ Netlify デプロイ
いつまで箱や球体を回転させることばかり学んでいるのですか。森を見ず木ばかり見ても、思考は広がりません。 完全な初心者から脱出し、実務に応用可能で、最近注目されているデジタルツインの一端を担うThree.jsのパワーを体感してください。ホームページでくるくる回す用途ではなく、業務に適用できるレベルです。 製造、国防、災害、輸送分野など、関連モデル（glb, glTFなど）の制作能力を身につければ、ドメイン専門性が一層アップグレードされます。 個人および会社サーバー向けのOn-Premises用Node.js(Express) および Nest.js 各サーバーも開発します。 本講座を少し変形するだけで、パワフルなサービス制作と合わせて、IT人材として生まれ変わることができるでしょう。皆さん、ひるまずに挑戦してください。そんなに難しくありません。^^
Three.js
Three.js
JavaScript
JavaScript
受講後に得られること
Three.jsを活用して都市を作成、保存、開きます。保存はバイナリ形式です。(容量: 数百Bytes～2KB程度、可読性: なし)
多言語(ハングル、英文、日本語など)もバニラJavaScriptで開発しており、他のWebプロジェクトでも使用可能です。(Web標準規約に準拠しています)
開発後、Viteを活用したビルドとGulpでCSS圧縮スクリプトを作成し、圧縮されたmin.cssをビルドされたindex.htmlに自動置換します。また、package.jsonに適用すれば、一発でビルドとNetlifyへのデプロイまで完了します。
開発完了・ビルド後、Gitコミット・Netlifyパブリッシュを経て、自分だけのサイトが完成。 修正・加筆時には自動デプロイが適用されます。
成果物をOn-Premisesで実行するための、自分だけの簡単なNodeサーバーと最新トレンドのNestサーバーを開発します。
最終的に CSSも全てを説明して、これまでに開発したコードについて最適化をしてみます
3Dベースのモデルをどうすれば最も簡単でスケーラブルに生命力を作るか？ 🤔
答えはThree.jsにあります。都市モデル、製造工程モデル、災害モデルなど、Digital-Twin、VRなど多くの分野で実装するための技術がThree.jsです。
本講義ではほとんどThree.jsのみ 3Dサービスを作成し、Gitと連携してNetlifyに自動的に配布され、独自のサイトを無料で保有します。もちろん、ドメインがあれば接続するだけです。
個人および会社のサーバーで実行するため Node.js サーバーと Nest.js サーバーの 2 つを開発します。
多言語サービスが必要な場合は、重いライブラリを注入するのと同じようにして、独自の多言語モジュールを使用してください。すべてのWebプロジェクトに適用（Web標準に準拠）可能です。（セクション4から多言語でコーディング）
基本的な文法に従って、以下の例にのみ時間を費やすよりも完成したものと逆に学習してください。そして私の関心事のものに修正、改善、適用してみてください。
インストラクターだけをコーディングしないように自分で手コーディングしてください。
Three.jsでオブジェクトだけを作ったのですが、それ以降は気になった方？
2/3Dみんな良いですが、これをどこにどのように書くべきでしょうか。毎回BoxGeometry回転するのがほとんどですが、どこに活用しますか？
Three.js入門者/IT社員
Three.jsの保存/オープン方法は？
new THREE.Scene() オブジェクトを toJSON() すればよいですか？その後、どのようにオープンして見せますか？容量は膨大で（数十〜百M / GB）、またはMaximum callエラー😰
Three.js開発者/IT代理店
Webの最初から最後まで気になる？
Three.jsの方が良いとは言えませんが、単純なフルスタックはありませんか？ Node.jsは何ですか、Nest.jsは何ですか？簡単に実装するか、不明ですか？ ThreeJSでのみWeb実装になりますか？気になる方
Web-フロント開発者/コンピュータ室代理店
こんな方に
おすすめです
学習対象は
誰でしょう？
Three.jsやJSの基礎だけよりも、実務で即応用可能なソースをもとに学習・応用・発展させたい方
3Dはあらゆる分野に応用可能で、最近流行しているメタバース、デジタルツイン、AR、VR、ML、DLなどの可視化分野で差別化を図りたいエンジニア
一般的な FEツールだけではもう差別化が難しいと感じている方
前提知識、
必要でしょうか？
JS、Three.jsの基礎があると良いです。無くても大変ですが、不可能ではありません。リバースエンジニアリング（逆行工学）方式として、既にレベルの高い完成モジュールを逆に解釈・理解する方法論もあります。
こんにちは
GregHanです。
長い間、技術の変化に対応しながら多くの時間を過ごしてきました。これまでに培った技術と経験を、初・中級者の方々に微力ながら提供することで、皆様の急速な成長を共に歩んでいきたいと考えています。
DBモデリング、C/S ＆ Webフルスタックエンジニア
ウェブサイト http://casual-insight.com
YouTube https://www.youtube.com/channel/UCBiU3IgXYAQHK1tUMXq3isQ
技術スタック
-.Mono-Repo (Turbo: "^2.3.4"), FCM(Firebase Cloud Message), WebHook, Redis, MQTT
-. MUI-X, Material-UI など Next & React エコシステムのUI
-.OCR(Naver), RIMS, Popbill, SNS Login(Google,Naver,Kakao)
-.Js, Vue/Nuxt (VueX, Pinia), AngularJS, React/Next (Redux,Zustand,Recoil), Svelt,
D3, Three (WebGL), C2i: 青瓦台（大統領府）納品 BI チャート, echarts, Vuetify, Quasar, Telerick(Progress)
IndexedDB & SqlLite, css, scss, sass, Tailwind, Bootstrap...
-.Leaflet.js, Cesium.js, Daum & Naver 地図
-.WebRTC & WebSocket, MQTT, Silverlight(C#) & ASP.Net
-.Node, Nest, Spring Boot, Docker, Git, pm2
-.AWS, Azure, nCloud(Naver)
-.Oracle, PostgreSQL, MySQL, MariaDB, MS-SQL, MongoDB(mongoose), InfluxDB, Supabase
-.Python, Numpy/Scipy, Jupyter, Django(DRF: Django Rest Framework)/Flask,
-.TensorFlow, Keras, ScikitRun, LangChain
ソリューション
-.シティ・ワウ(City-Wow): 国土、国防、公共および病院、製造企業などの3Dシミュレーションおよび
リアルタイムモニタリングサービス ('23.10 ~ 現在; Three, Vanila.js)
-.SeeU(シーユー): 業種別ビデオチャットサービス(病院、製造..)(Google Meet + クロマキー、STT & TTS Chatting)
('23.02 ~ 23.10; WebRTC, WebSocket, Vue3 & Pinia, Quasar, Node, MySQL)
-.サーベイ-ワウ(Survey-Wow): Googleフォーム、MSフォーム、Naverフォームのアンケート結果を簡単に分析し、
共有データ分析ウェブサービス ('22.03 ~ 23.01; Vue2 & VueX, Quasar, Node, MySQL)
-.データ-ワウ(Data-Wow): xls, json, csv, API連携など、公공データの自動分析・可視化
('22.01 ~ 22.12; Vue2 & VueX, Vuetify, Node, MongoDB) - 行安部 公共データ賞 受賞
-.DDMV(Data-Dam Multi-Dimensional Vis-): データダム多次元探索的視覚化分析サービス
('20.01 ~ 20.08; Vue2 & VueX, Vuetify, Node, MongoDB) - 仁川市公共データ賞受賞
-.C2i(Chart Intelligence Insights) チャートコンポーネント: チャートギャラリーメニュー
BIベースのチャート (with D3.js): '15.04 ~ 現在 ; D3.js(v3.3 ~ v7.9) ベースのBIパターンのチャートソリューション
(文在寅政府雇用ダッシュボード青瓦台納品、モンゴル財政管理国策プロジェクト納品。多言語対応)
データマート＆ウェアハウス、ROLAP、BI、視覚化、クラウドインフラなど、多様な技術スタックと
業務分析、Oracle(v6.3 ~ ) モデリングおよびチューニング分野における専門情報と経験を保有。
-.(株)カジュアルインサイト (Casual-Insights) CTO
-.元 KISTI 研究員
-.元 LG-CNS Oracle Modeler, DBA 兼 主任研究員
-.元 極東（現 現代）石油 電算室 社員
**. データダム多次元可視化-.総合紹介(必須) : https://youtu.be/noZ9H7wftsI
-.消費商圏-I（必須：百貨店店舗POSデータ - 一般製造・流通業者）：https://youtu.be/ArL-Pv3U-40 -.消費/商圏-II（韓国KDX、食神データ提供）：https://youtu.be/Wcpu29gI53Y
-.保健医療 (韓国 KDX、オンヌリH&Cデータ提供): https://youtu.be/I8WBqAFp9L4-
.公共データ（京畿道華城市役所公共データ提供）：https://youtu.be/2QCw_6aeRVE
*.D3 & ThreeJS チャートギャラリー :https://gregory-han.github.io/chart/
*.表彰履歴
1999.08 ハンギョレ新聞＆UTCベンチャー21本賞受賞（賞金5千万ウォン）
2000.10 ㈜ソフトダイム 大統領賞受賞 (PowerSi OLAP)
2002.11 韓国e-ビジネス大賞 産業資源部長官賞受賞
2020.08 仁川市公共データ褒賞
2022.12 行安部 公共データ表彰
カリキュラム
全体
35件 ∙ (17時間 32分)
講座資料（こうぎしりょう）:
授業資料
1. 全体講義の紹介
28:04
2. 講義目標と成果
11:32
3. 講義準備と初期設定
11:50
4. プロジェクトフォルダの設定
02:40
5. 基本に従ってください
06:15
講座掲載日:
最終更新日:
似ている講座
同じ分野の他の講座を見てみましょう！
