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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
acchanAlexander
October 29, 2017
Programming
100
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
you_can_start_jthree_programming
presentation when lightning talk
acchanAlexander
October 29, 2017
More Decks by acchanAlexander
See All by acchanAlexander
いろんな職種や役割を経験したらコミュニケーションがとりやすくなった話
acchanalexander
1
860
dotfilesCasualTalks
acchanalexander
0
1.2k
practice-ios-app-1week
acchanalexander
1
180
webエンジニアが_2ヶ月Kotlin_Android_開発して思ったこと.pdf
acchanalexander
0
2.4k
develop-camp-201711
acchanalexander
0
96
Hearing_loss_story
acchanalexander
0
800
start docker study
acchanalexander
0
140
HealthHackMeetup
acchanalexander
1
1.7k
Other Decks in Programming
See All in Programming
AIだと陥りがちなJakarta EE最新技術への移行時の落とし穴と解決策
tnagao7
0
100
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
hirokunimaeta
0
540
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
o0h
PRO
0
230
Oxlintのカスタムルールの現況
syumai
6
1.1k
Signal Forms: Beyond the Basics @ngBaguette 2026 in Paris
manfredsteyer
PRO
0
240
TSKaigi Night Talks 2026_TypeScriptでサプライチェーンの整合性を型に閉じ込める
geekplus_tech
0
340
Agentic UI
manfredsteyer
PRO
0
140
メソッドのジェネリクスでGoの夢は広がるか? / Kyoto.go #65
utgwkk
3
690
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
rkaga
4
4.9k
3Dシーンの圧縮
fadis
1
740
並列実装の現場、2ヶ月間実務でAIを使い倒したAIもPCも私も限界が近い
ming_ayami
0
120
代数的データ型って何が嬉しいの? #frontend_phpcon_do
kajitack
8
3.3k
Featured
See All Featured
The Curious Case for Waylosing
cassininazir
1
380
Un-Boring Meetings
codingconduct
0
310
Building an army of robots
kneath
306
46k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
310
Technical Leadership for Architectural Decision Making
baasie
3
400
We Are The Robots
honzajavorek
0
240
The Spectacular Lies of Maps
axbom
PRO
1
800
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.6k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
410
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.7k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2k
The agentic SEO stack - context over prompts
schlessera
0
810
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を勉強すれば、先行者になれる。