Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
you_can_start_jthree_programming
Search
acchanAlexander
October 29, 2017
Programming
0
80
you_can_start_jthree_programming
presentation when lightning talk
acchanAlexander
October 29, 2017
Tweet
Share
More Decks by acchanAlexander
See All by acchanAlexander
いろんな職種や役割を経験したらコミュニケーションがとりやすくなった話
acchanalexander
1
770
dotfilesCasualTalks
acchanalexander
0
1.1k
practice-ios-app-1week
acchanalexander
1
160
webエンジニアが_2ヶ月Kotlin_Android_開発して思ったこと.pdf
acchanalexander
0
2.3k
develop-camp-201711
acchanalexander
0
84
Hearing_loss_story
acchanalexander
0
750
start docker study
acchanalexander
0
130
HealthHackMeetup
acchanalexander
1
1.6k
Other Decks in Programming
See All in Programming
おやつのお供はお決まりですか?@WWDC25 Recap -Japan-\(region).swift
shingangan
0
110
A full stack side project webapp all in Kotlin (KotlinConf 2025)
dankim
0
100
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
1
8.3k
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
220
C++20 射影変換
faithandbrave
0
570
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
200
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
50
33k
GraphRAGの仕組みまるわかり
tosuri13
8
530
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
oukayuka
2
910
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
1.9k
AIコーディング道場勉強会#2 君(エンジニア)たちはどう生きるか
misakiotb
1
290
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
1
11k
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Embracing the Ebb and Flow
colly
86
4.7k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Documentation Writing (for coders)
carmenintech
72
4.9k
Code Reviewing Like a Champion
maltzj
524
40k
Become a Pro
speakerdeck
PRO
28
5.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Transcript
未経験でも始められる、 jThreeでweb3Dプログラミング
ブラウザで動く3Dコンテンツを作ったことがある人 ( ・∇・)ノ jThree知ってる人 ( ・∇・)ノ
None
jThreeを使ってプログラミングをするには? ① jThird上で、jThreeEditorを使ってプログラミングをする (始めはこれを使うと、とてもいいと思う) ② 自分でwebサーバーを立てて、そこで実行する
jThird上で jThreeEditorを使って プログラミングをする
実 演
jThreeEditorを使ったプログラミングのまとめ ・jThree自体、コードの量が少なくて済む ・必要なタグは説明付きで用意されていて、 クリックでコードが書ける
jThirdを使った、3Dコンテンツの公開 実 演
jThirdを使った、3Dコンテンツの公開 動画投稿っぽいことがすぐにできた!嬉しい! jThirdが吐き出すiframeのタグをhtmlに埋めれば 作った作品を載せることができる。
jThirdを使った、3Dコンテンツの公開 jThirdに投稿されたコンテンツは そのコードを見ることができる ←個人的にとても嬉しい
ここまでの内容で、 jThreeって未経験でもとっつきやすそう と思っていただければ幸いです。
自分のwebサーバー内で動かす jThreeEditorは使えませんが、 jThirdでやっていたプログラミングと全く変わりません。
None
https://github.com/k-m-j/jThreeIntroduction/tree/default-files
自分のwebサーバー内で動かす 自分のwebサーバー内を用意すれば、 先ほどiframeをjthird上から埋めたコンテンツを 自分のサーバーで用意することもできる。
自分のwebサーバー内で動かす 実 演
jThreeがどんなものかについての話は 以上です。
None
jThreeは初心者にとって、 とてもとっつきやすいものだと思います。 挫折とかしなそう。 web3Dちょっと興味あるなーみたいな人にとっては とても良いと思います。
本でjThreeの章を執筆した経験の話。
本の執筆とかしているけど、 私はそんなにプログラミングができる人ではない。 もちろん、webGLを使ったプログラミングの経験なんてなかった。 けど、jThreeは思ったよりも簡単にできた。
jThreeを知っている人とか、 web3Dのプログラミングをしている人って、周りにあまりいない jThreeはそんなに難しくない(jThreeEditorもある)し、 少し勉強すれば、すぐに人に教えられる。 3Dだし、ちょっとしたこと教えただけでも「おぉ!」となる。
・jThreeってまだ出て2年経ってない?比較的新しい。 ・簡単で、未経験でも学び易い jThreeを知っている人も今はそこまで多い訳ではないので いまjThreeを勉強すれば、先行者になれる。