Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
83
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
790
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
89
Hearing_loss_story
acchanalexander
0
780
start docker study
acchanalexander
0
130
HealthHackMeetup
acchanalexander
1
1.6k
Other Decks in Programming
See All in Programming
re:Invent 2025 のイケてるサービスを紹介する
maroon1st
0
120
WebRTC、 綺麗に見るか滑らかに見るか
sublimer
1
190
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
120
Canon EOS R50 V と R5 Mark II 購入でみえてきた最近のデジイチ VR180 事情、そして VR180 静止画に活路を見出すまで
karad
0
120
認証・認可の基本を学ぼう前編
kouyuume
0
250
俺流レスポンシブコーディング 2025
tak_dcxi
14
8.9k
組み合わせ爆発にのまれない - 責務分割 x テスト
halhorn
1
150
AIコーディングエージェント(skywork)
kondai24
0
180
Developing static sites with Ruby
okuramasafumi
0
300
これならできる!個人開発のすゝめ
tinykitten
PRO
0
110
Rediscover the Console - SymfonyCon Amsterdam 2025
chalasr
2
170
AIコーディングエージェント(Gemini)
kondai24
0
230
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
[SF Ruby Conf 2025] Rails X
palkan
0
530
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
Bash Introduction
62gerente
615
210k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.6k
Producing Creativity
orderedlist
PRO
348
40k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
54k
Faster Mobile Websites
deanohume
310
31k
Visualization
eitanlees
150
16k
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を勉強すれば、先行者になれる。