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
日立工業高校 enchant.js + AtlasX 講座
Search
Fushimi Ryohei
May 15, 2013
Education
1
200
日立工業高校 enchant.js + AtlasX 講座
2013年5月15日に茨城県の日立工業高校で行った講座の資料です。
Fushimi Ryohei
May 15, 2013
Tweet
Share
More Decks by Fushimi Ryohei
See All by Fushimi Ryohei
Sight: "知覚旅行"のための視覚代行デバイス
sidestepism
0
520
Sight: "知覚旅行"のための視覚代行デバイス
sidestepism
0
130
Sight by 200 OK
sidestepism
2
22k
"Mirror Mirror" [SIGGRAPH ASIA 2014] Review
sidestepism
0
88
Bag-of-visual-words を用いた 2クラスの画像識別器の実装 + ハンズオン
sidestepism
2
390
SPAJAM2014 "nani-colle?"
sidestepism
0
270
プレゼンの話
sidestepism
0
240
ノンプログラマーのためのプログラミング講座 第4回「JavaScriptでゲーム開発」
sidestepism
0
180
いばらき総文連2014 コンピュータ部会 プログラミング研修会
sidestepism
0
120
Other Decks in Education
See All in Education
FinOpsスキルの効率的な上げ方 #ochacafe
chacco38
1
170
アウトプット0のエンジニアが半年でアウトプットしまくった話 With JAWS-UG
masakiokuda
2
260
SkimaTalk Introduction for Students
skimatalk
0
330
SkimaTalk Teacher Guidelines Summary
skimatalk
0
770k
プログラミング教育する大学、ZEN大学
sifue
1
510
技術勉強会 〜 OAuth & OIDC 入門編 / 20250528 OAuth and OIDC
oidfj
4
850
今も熱いもの!魂を揺さぶる戦士の儀式:マオリ族のハカ
shubox
0
190
マネジメント「される側」 こそ覚悟を決めろ
nao_randd
10
5.2k
SARA Annual Report 2024-25
sara2023
1
160
SkimaTalk Tutorial for Corporate Customers
skimatalk
0
250
Case Studies and Course Review - Lecture 12 - Information Visualisation (4019538FNR)
signer
PRO
1
2k
Info Session MSc Computer Science & MSc Applied Informatics
signer
PRO
0
180
Featured
See All Featured
The Language of Interfaces
destraynor
158
25k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.8k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Practical Orchestrator
shlominoach
188
11k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Agile that works and the tools we love
rasmusluckow
329
21k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
123
52k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
106
19k
VelocityConf: Rendering Performance Case Studies
addyosmani
329
24k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Transcript
ཱۀߴߍ FODIBOUKT "UMBT9ߨ࠲ גࣜձࣾϢϏΩλεΤϯλʔςΠϯϝϯτ ळ༿ݪϦαʔνηϯλʔ ෬ݟྒྷฏ
ࣗݾհ ෬ݟྒྷฏ !TJEFTUFQJTN גࣜձࣾϢϏΩλεΤϯλʔςΠϯϝϯτ ळ༿ݪϦαʔνηϯλʔॴଐ FODIBOUKT։ൃνʔϜϦʔμʔ MFBQϓϩδΣΫτϦʔμʔ ౦ژେֶֶ෦ɾେֶӃใֶॴଐ
ࣗݾհ ੜ ɹ౦ژେֶڭཆֶ෦ೖֶ ɹגࣜձࣾϢϏΩλεΤϯλʔςΠϯϝϯτೖࣾ ɹɹɹFODIBOUKT MFBQͷ։ൃ ɹDPEFMFBQͷ։ൃ ɹɹɹɹ౦ژେֶେֶӃใֶڭҭ෦ೖֶ ɹ౦ژେֶֶ෦ਐֶ
ࠓͷఔ FODIBOUKT લాϒϩοΫ Ξτϥε9ͷ͝հ ήʔϜ࡞ ࣭ٙԠɾ৹ࠪൃද ͷεʔύʔͻͨͪͰؼΓ·͢ ࠓͷߨ࠲͓ࢼ͠൛
͜͜ͰΞϯέʔτ
͜͜ͰΞϯέʔτ
ߴߍੜͷਓ
େֶੜͷਓ
ઌੜ
ʹɺ࣌ؒҎ্ύιίϯΛ͏ਓ
ʹɺ࣌ؒҎ্ύιίϯΛ͏ਓ
ϓϩάϥϜΛॻ͍ͨ͜ͱ͕͋Δਓ
ϓϩάϥϜΛॻ͍ͨ͜ͱ͕ͳ͍ਓ
िؒʹɺ ࣌ؒҎ্ϓϩάϥϜΛॻ͍͍ͯΔਓ
िؒʹɺ ࣌ؒҎ্ϓϩάϥϜΛॻ͍͍ͯΔਓ
ͦͦϓϩάϥϜͬͯ Կ͔͍ͬͯΔਓ
ϓϩάϥϛϯάͨ͜͠ͱ͋Δਓ
ʮϓϩάϥϛϯάʯͷఆٛΛݴ͑Δਓ
ϓϩάϥϛϯάͬͯԿ͔ͩ Α͔͘Βͳ͍͚Ͳ ͬͨ͜ͱ͋Δਓ
·ͣͷճΓʹ͋ΔʮϓϩάϥϜʯΛ ࢥ͍ු͔ͯԼ͍͞
Hackers’ Cafe ϓϩάϥϜͱ͍͑ɾɾɾ ήʔϜϓϩάϥϜ ӡಈձͷϓϩάϥϜ ݁ࠗࣜͷࣜ࣍ୈ ςϨϏ൪ ӳޠͰ571SPHSBN ΧϦΩϡϥϜ ڭҭϓϩάϥϜͳͲ
ϓϩάϥϜۙʹᷓΕͯΔ
ܚጯٛक़େֶͷ૿Ҫढ़೭ઌੜʹΑΕɺ ͜ΜͳͷϓϩάϥϜʹͳΔͦ͏Ͱ͢ ֮·࣌͠ܭͷઃఆ ϏσΦσοΩͷը༧ ࣗಈυΞͷ։ൃ
Hackers’ Cafe ӳࣙయΛҾ͖·͠ΐ͏ ৽ӳதࣙయ ୈ̒൛ ʢݚڀࣾʣΑΓҾ༻ http://www.excite.co.jp/dictionary/english_japanese/?search=program&match=beginswith&dictionary=NEW_EJJE&block=41438&offset=1206
ʲిࢉʳ ϓϩάϥϜ ʬిࢉػʹࢦྩ͢Δ ࡞ۀखॱͷਫ਼ີͳهड़ʭ
ϓϩάϥϜ࡞ۀखॱͷਫ਼ີͳهड़
Hackers’ Cafe ϓϩάϥϜͷ͍Ζ͍Ζ ӡಈձͷϓϩάϥϜ ݁ࠗࣜͷࣜ࣍ୈ ΧϦΩϡϥϜ ։ձࣜ ۄೖΕ N ٍഅઓ
େۄૹΓ ΨΠμϯε ϓϩάϥϛϯά֓ ܭࢉػՊֶͷجૅ ΞϧΰϦζϜͱσʔλߏ ϓϩάϥϛϯά࣮श ։ ৽৽්ೖ ओෂѫࡰɾסഋ έʔΩೖ ͓৭͠ ΩϟϯυϧαʔϏε ༑ਓʹΑΔ༨ڵ ՖՇ͔Βͷखࢴ ดձ ·͞ʹखॱΛهड़ͯ͠Δ
૿Ҫढ़೭ઌੜͷྫࣔΛ࡞ۀखॱʹͯ͠ΈΔ ֮·࣌͠ܭͷઃఆ ɹˠɹ".ʹͳͬͨΒԻΛ໐Βͤ ϏσΦσοΩͷը༧ ɹˠɹ༵ʹͳͬͨΒ ɹɹɹνϟϯωϧʹ͋Θͤͯ ɹ࣌ؒը͠Ζ ࣗಈυΞͷ։ൃ ɹˠɹυΞͷલʹਓཱ͕ͬͨΒ ɹɹɹυΞΛ։͚
ɹɹɹਓཱ͕ͪڈͬͨΒ ɹɹɹυΞΛด͡Ζ
࣌ʹɺίϯϐϡʔλͱ
࣮ɺલɺίϯϐϡʔλɺ৬ۀͰͨ͠
/"$"ͷܭࢉख ίϯϐϡʔλ ͷํʑ ग़యϑϦʔඦՊࣄయɹ8JLJQFEJB
ୈೋ࣍ੈքେઓͷظ ిࢠίϯϐϡʔλ͕࢈·Ε·ͨ͠
δϣϯɾϑΥϯɾϊΠϚϯ ग़యϑϦʔඦՊࣄయɹ8JLJQFEJB ϋϯΨϦʔग़ͷΞϝϦΧͷֶऀ ֶɺཧֶɺؾֶɺܦࡁֶɺܭࢉػՊֶʹ େͳӨڹΛ༩͑ͨɻ ݪരͷ։ൃऀͷҰਓͰ͋Δɻ ͦͯ͠ిࢠίϯϐϡʔλൃ໌ऀͷҰਓ
ίϯϐϡʔλΛൃ໌ͨ͠ͱ͖ɺ ϊΠϚϯ͜͏ݴ͍·ͨ͠ ग़యϑϦʔඦՊࣄయɹ8JLJQFEJB Զͷ࣍ʹ಄ͷౕ͍͍͕Ͱ͖ͨ ࣮ࡍɺίϯϐϡʔλΑΓ ܭࢉ͕͔ͬͨΒ͍͠
&/*"$ถ܉ͷಓܭࢉ༻ίϯϐϡʔλ ग़యϑϦʔඦՊࣄయɹ8JLJQFEJB
ίϩοαεӳࠃւ܉ใ෦ͷ։ൃͨ͠҉߸ղಡػ ग़యϑϦʔඦՊࣄయɹ8JLJQFEJB
;VTF;υΠπਓՊֶऀπʔθ͕։ൃͨ͠ίϯϐϡʔλ ग़యϑϦʔඦՊࣄయɹ8JLJQFEJB
࣮࠷ॳͷίϯϐϡʔλΛ ୭͕ൃ໌ͨ͠ͷ͔ਖ਼֬ͳ ͱ͜ΖΘ͔͍ͬͯ·ͤΜ ग़యϑϦʔඦՊࣄయɹ8JLJQFEJB ΞϨɺΦϨ͕ߟ͑ͨΜͩ ͱɺϊΠϚϯ͕ݴ͍࢝ΊͨͷͰ ํͳ͘ɺͦͷޙͷίϯϐϡʔλ ͜͏ݺΕΔΑ͏ʹͳΓ·ͨ͠
ʮϊΠϚϯܕίϯϐϡʔλʯ ͦͯ͜͠ͷ࣌ͦ͜ɺ ίϯϐϡλʔϓϩάϥϜੜͷॠؒͳͷͰ͢
ϓϩάϥϛϯάݴޠͷ͍Ζ͍Ζ
࣮ɺίϯϐϡʔλ͕ཧղͰ͖Δݴޠ $16ʹΑͬͯҧ͍·͢ *OUFM "3.
ίϯϐϡʔλ͕ཧղͰ͖ΔݴޠΛ ʮػցޠ Ϛγϯޠ ʯͱݺͼ·͢
Ϛγϯޠͬͯ͜Μͳײ͡Ͱ͢
͜ΕͲ͏ͬͯॻ͘ͷ ;ͭ͏ͷਓؒʹແཧͰ͢ ͔ͩΒੲͷϓϩάϥϚʔ ੌ͍ਓ͔͍͠ͳ͔ͬͨͷͰ͢ ˣ
ͬͱ؆୯ʹϓϩάϥϜ͢ΔͨΊʹ ϚγϯޠҎ֎ͷϓϩάϥϛϯάݴޠ͕ ͨ͘͞Μ࢈·Ε·ͨ͠
FORTRAN ʹ*#.Ͱ։ൃ͞Εͨखଓ͖ܕݴޠ 'PSNVMB5SBOTMBUJPO ࣜ༁ ʹ ༝དྷ͢ΔɺՊֶٕज़ܭࢉ༻ݴޠ εʔύʔίϯϐϡʔλͳͲͰ ࠓݱࡏΘΕ͍ͯΔ
LISP ੜ·Εͷؔܕݴޠ -JTU1SPDFTTPS͕༝དྷͰɺू߹ॲཧ͕ಘҙ +BWB4DSJQUͷܥͷઌ
Cݴޠ ੜ·Εͷखଓ͖ܕݴޠ ߏԽϓϩάϥϛϯάΛಋೖ͠ɺ։ൃޮ͕Ξοϓ ݱࡏͰ෯͘ΘΕ͍ͯΔݴޠͷͻͱͭͰ͋Δ
Smalltalk ʹެ։͞ΕͨΦϒδΣΫτࢦݴޠ ͕ؔଞݴޠͷ-*41-0(0ʹӨڹΛड͚ͨ ΞϥϯɾέΠ͕ઃܭͨ͠04ͷࢥʹ·Ͱٴ͢Δ ݴޠͰɺͦͷޙͷݴޠઃܭʹઈେͳӨڹΛ༩͑Δ
C++ ʹ։ൃ͞ΕͨΦϒδΣΫτࢦݴޠ खଓ͖ܕݴޠͷ$ݴޠΛϕʔεͱͯ͠ΦϒδΣΫτ ࢦػೳΛՃͨ͠
Objective-C $ݴޠΛϕʔεͱͯ͠4NBMMUBML෩ͷΦϒδΣΫτࢦ ػೳΛՃͨ͠ͷɻ J04.BDͳͲͰ༻͞Ε͍ͯΔ
Java $ Λϕʔεͱͯ͠ચ࿅ͤͨ͞ͷɻߴͳϝϞϦ ཧػߏιϑτΣΞίϯϙʔωϯτͳͲΛ࣮ݱ
Ruby ʹ·ͭͱΏ͖ͻΖࢯ͕ൃදͨ͠ࠃ࢈ϓϩ άϥϛϯάݴޠɻʮଟ༷ੑળʯͷεϩʔΨϯͷ ͱ։ൃ͕ਐΊΒΕͨɻੈքͰ࠷ਐΜͩݴޠͷͻͱ ͭͰɺϑΝϯଟ͍ɻ
JavaScript ʹ։ൃ͞Εͨ8FCϒϥβ༻ϓϩάϥϛϯ άݴޠɻ-*41ͷྲྀΕΛΉؔܕݴޠͰ͋Γͳ͕ Βɺ+BWBʹࣅͤͨจ๏ͷ࠾༻ͰղΓཱ྆͢͞͞ ͤΔɻ)5.-Ͱ༻͞ΕΔࣄ্࣮ͷඪ४ݴޠ
enchant.js ʹ։ൃ͞Εͨࠃ࢈+BWB4DSJQU༻ΞϓϦέʔ γϣϯΤϯδϯɻಠࣗͷΫϥεΠϕϯτػߏΛΓ ࠐΈɺॳ৺ऀ͔Β্ڃऀ·Ͱ͍͘͢վྑͨ͠
લాϒϩοΫ ʹ։ൃ͞ΕͨϏδϡΞϧݴޠ FODIBOUKTΛϕʔεͱͨ͠ΫϩεϓϥοτϑΥʔϜ ͱɺ༮ࣇ͔Βେਓ·Ͱ͑ΔݴޠΛࢦͯ͠։ൃ͞ Ε͍ͯΔɻ
FODIBOUKTͱʜ • ήʔϜΞϓϦΛ؆୯ʹ։ൃͰ͖ΔϥΠϒϥϦ • ϓϩάϥϛϯάʹ͓͚Δʮ-&(0ʯ
ͲΜͳࣄΛ͍ͯ͠Δͷ • ϥΠϒϥϦʮFODIBOUKTʯͷ։ൃɾීٴ׆ಈ • 8FCαʔϏεʮMFBQʯͷ։ൃɾӡӦ • 8FCαʔϏεʮDPEFMFBQʯͷ։ൃ
ԿΛ͍ͯ͠Δձࣾͳͷ • גࣜձࣾϢϏΩλεΤϯλʔςΠϯϝϯτ – $.4։ൃɾൢച – ϞόΠϧ͚ίϯςϯπ – εϚʔτϑΥϯΞϓϦ։ൃ ಠࣗडୗ
– ݚڀ։ൃɾௐࠪɾίϯαϧςΟϯά • ৽͍ٕ͠ज़͕େ͖ – ࣾʹϩϘοτΨδΣοτ͕ͨ͘͞Μ
FODIBOUKTͱʜ • ݄ʹ։ൃɾެ։ • ΦʔϓϯιʔεͰެ։ɺແঈͰར༻Ͱ͖Δ • 6&*"3$ͷ։ൃνʔϜͱίϛϡχςΟʹΑͬͯҡ࣋͞Ε͍ͯΔ – DG4DSBUDIʜ.*5 7JTDVJUʜ/55جૅݚ
• ాத͕Ћ൛Λ։ൃ • ෬ݟ͕։ൃνʔϜϦʔμΛҾ͖ܧ͗ • "3$ 6&*શମͱͯ͠ීٴɾใ׆ಈ
Ξτϥε9ͱ ຊޠͰ؆୯ʹϊϕϧήʔϜ͕࡞ΕΔ ϓϩάϥϛϯάڥ
࣮ʜ
զʑͷ Ұԯ૯ϓϩάϥϚʔࠃՈ
զʑͷ ेԯ૯ϓϩάϥϚʔ
ͦͦզʑͷձࣾ • ެ༻ޠϓϩάϥϛϯάݴޠ • ຊޠӳޠΛॻ͘͢ͷ͕໘ FYձٞࣨʹ͓Λ࣋ͬͯདྷΔϩϘοτ
ΈΜͳϓϩάϥϚʔʹͳΕ ແ༻ͳίϛϡχέʔγϣϯݮΔͣ Ұԯ૯ϓϩάϥϚʔࠃՈສࡀ
ͱ͍͏ͷஊͰ͢ Ͱʜ
ϓϩάϥϜΛࣄʹ͠ͳ͍ਓͰ ϓϩάϥϜΛֶͿҙຯ͋Δͣʜ
ϓϩάϥϛϯά͕Ͱ͖Δͱʜ ͦͷ ৽͍͠ݴ༿ɾ৽͍͠ੈքΛཧղͰ͖Δ ͦͷ ΞΠσΞΛΧλνʹ͍ͯ͑͢͠ ͦͷ γεςϜͷΈΓཱ͕ͪΘ͔Δ
ΈΜͳͬͱʮϓϩάϥϛϯάʯΛֶͿ͖ • ͜͜Ͱ͍͏ʮϓϩάϥϛϯάೳྗʯʜ – ݱ࣮ͷϞϊ࡞Γ͍ͨϞϊΛϞσϦϯά͢Δ͜ͱ͕Ͱ͖Δྗ – τϥΠΞϯυΤϥʔΛ܁Γฦ͠࡞Γ͍ͨͷʹ͚ۙͮΔྗ • ϓϩάϥϛϯάڭҭʮใڭҭʯҰൠ –
ͪΖΜʮใڭҭʯͷॆ࣮͕લఏ – ͍··ͩલఏ͕ͬͨͱ͜Ζʹ͔͠࠾༻ͯ͠Β͍͑ͯͳ͍
৬ೳͱͯ͠ͷϓϩάϥϛϯά ͋ΔఔΛ͑ΔͱɺͲ͏ͯ͠ʜ
͕Μͬͯ͜͜·ͰߴΊ͍ͨ จԽ झຯ ڭཆ ^ͱͯ͠ͷϓϩάϥϛϯά
Λͯ͠ʜ
Ξτϥε9ͱ ຊޠͰ؆୯ʹϊϕϧήʔϜ͕࡞ΕΔ ϓϩάϥϛϯάڥ
8FC#SPXTFS )5.- +BWB4DSJQU
8FC#SPXTFS FODIBOUKT
8FC#SPXTFS FODIBOUKT
8FC#SPXTFS FODIBOUKT Ξτϥε9
8FC#SPXTFS FODIBOUKT Ξτϥε9 γφϦΦ
h"ps://dl.dropbox.com/u/6324118/atlasx.zip
IUUQDPEFMFBQOFU
IUUQDPEFMFBQOFU ͔Β͡ΊΑ͏
None
Λͱʹɺ͍Ζ͍ΖͬͯΈΔ
ඪ
ࠓ࡞Δͷ ʮϊϕϧήʔϜʯ
OPWFMখઆ
ͨͱ͑ʜ அܥήʔϜ ΞυϕϯνϟʔήʔϜ ग़ήʔϜ ͍ήʔϜ ཱྀߦΨΠυ ਤΞϓϦ
ϊϕϧήʔϜʹԿ͕ඞཁ
ϊϕϧήʔϜʹԿ͕ඞཁ γφϦΦ ը૾
ϊϕϧήʔϜʹԿ͕ඞཁ γφϦΦ ը૾ ͜ͷͭΛ࡞ΔPSूΊΔ
None
None
ࣗͷը૾ΛೖΕͯΈΑ͏
ͨͱ͑ʜ͜ͷը૾
՝
ࣗݾհ͠Α͏
ࣗݾհ͠Α͏ "DIJFWFNFOUT ɾʮࣗը૾ʯΛೖΕΔ ɾը૾ΛຕҎ্ೖΕΔ ɾΈΜͳΛসΘͤΔ ɾΈΜͳΛײ৺ͤ͞Δ ɾʮΈΜͳͷΒͳ͔ͬͨ͜ͱʯΛೖΕΔ ֤QU
ήʔϜΛ࡞Ζ͏
બࢶ
ͬͱֶͼ͍ͨਓ͚ IUUQEPUJOTUBMMDPN
ͬͱֶͼ͍ͨਓ͚ νϡʔτϦΞϧ IUUQFODIBOUKTDPN 3FTPVSDFʹղઆ͋Γ ຊޠ
ͬͱֶͼ͍ͨਓ͚ IUUQMFBQOFU
ͬͱֶͼ͍ͨਓ͚ IUUQMFBQOFU
ҙ
จࣈྻlzͰғΉ ͦΕҎ֎ʮ֯ʯͰ