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
0
89
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
810
dotfilesCasualTalks
acchanalexander
0
1.2k
practice-ios-app-1week
acchanalexander
1
170
webエンジニアが_2ヶ月Kotlin_Android_開発して思ったこと.pdf
acchanalexander
0
2.3k
develop-camp-201711
acchanalexander
0
90
Hearing_loss_story
acchanalexander
0
780
start docker study
acchanalexander
0
130
HealthHackMeetup
acchanalexander
1
1.7k
Other Decks in Programming
See All in Programming
責任感のあるCloudWatchアラームを設計しよう
akihisaikeda
3
180
Rubyと楽しいをつくる / Creating joy with Ruby
chobishiba
0
140
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
manfredsteyer
PRO
0
150
組織で育むオブザーバビリティ
ryota_hnk
0
180
インターン生でもAuth0で認証基盤刷新が出来るのか
taku271
0
200
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
kekekenta
0
230
2026/02/04 AIキャラクター人格の実装論 口 調の模倣から、コンテキスト制御による 『思想』と『行動』の創発へ
sr2mg4
0
440
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
tjjh89017
0
180
Data-Centric Kaggle
isax1015
2
800
例外処理とどう使い分ける?Result型を使ったエラー設計 #burikaigi
kajitack
16
6.1k
生成AIを使ったコードレビューで定性的に品質カバー
chiilog
1
290
Claude Codeと2つの巻き戻し戦略 / Two Rewind Strategies with Claude Code
fruitriin
0
160
Featured
See All Featured
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.1k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
360
Technical Leadership for Architectural Decision Making
baasie
2
250
New Earth Scene 8
popppiees
1
1.6k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
460
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
120
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
290
YesSQL, Process and Tooling at Scale
rocio
174
15k
Crafting Experiences
bethany
1
58
Scaling GitHub
holman
464
140k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
920
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を勉強すれば、先行者になれる。