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
元プログラマが辿り着けたプログラミングコミュニティ「CoderDojo」
Search
madere-tuchiya
October 20, 2017
Education
0
2.1k
元プログラマが辿り着けたプログラミングコミュニティ「CoderDojo」
BPStudy#122 〜いかにプログラミングを学ぶか?プログラミング教育を考えるの発表資料です。
https://bpstudy.connpass.com/event/66418/
madere-tuchiya
October 20, 2017
Tweet
Share
More Decks by madere-tuchiya
See All by madere-tuchiya
正装で街に繰り出そう
kenichitsuchiya
0
270
指せなくても指せてる気分を味わう キモくない「観る将」ライフ
kenichitsuchiya
5
440
わが征くは星の大海 connpassは匠method 〜2,225日の航海日記〜
kenichitsuchiya
0
270
これで就活もバッチリ! 面接官が阪神ファンだった時の処方箋
kenichitsuchiya
1
780
正装で変わる日常生活
kenichitsuchiya
0
540
Other Decks in Education
See All in Education
自己紹介 / who-am-i
yasulab
2
3.1k
Railsチュートリアルの歩き方 (第7版)
yasslab
PRO
1
1M
前期教育実習事前指導0221
naradai
0
130
Introduction - Lecture 1 - Information Visualisation (4019538FNR)
signer
PRO
0
3.5k
Frederick Douglass versus George Fitzhugh
oripsolob
0
610
Поступление в ТОГУ 2024
pnuslide
0
37k
Information Architectures - Lecture 2 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.1k
「ロータリーって何?」と訊かれたら:国際ロータリー 2720地区 2023-2024年度 公共イメージ部門 副委員長・ 熊本南ロータリークラブ・ 株式会社ヒデコーポレーション 代表 大津 英敬 氏
2720japanoke
0
560
【滋賀大学データサイエンス学部】PropTech(不動産テック)における AI・データサイエンス活用
takehikohashimoto
0
4.1k
week3@tcue2024
nonxxxizm
0
470
phygital__le_magasin_augmenté.pdf
martine
0
2.6k
財務分析 - 入門編
lsuzuki
0
370
Featured
See All Featured
Web development in the modern age
philhawksworth
202
10k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
Embracing the Ebb and Flow
colly
80
4.1k
Fantastic passwords and where to find them - at NoRuKo
philnash
37
2.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
227
16k
Automating Front-end Workflow
addyosmani
1356
200k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Transcript
201710݄20 גࣜձࣾɹϚσʔϧ CoderDojoࢢ ɹ݈Ұ ɹBPStudy #122
ࣗݾհ • גࣜձࣾϚσʔϧɹදऔక • ઍ༿ݝߋࢢग़ࢢࢢࡏॅ • CoderDojoࢢνϟϯϐΦϯ ʢಓओʣ • ॳΊͯͷύιίϯখֶ5-6ࠒ
• ݟͯͷ௨ΓͷࡕਆϑΝϯ 2
ձࣾհ 3 iOSɺAndroid൛ ઈࢍൃചதʂɹ©ϚσʔϧʗϠπϧΪࠢ • 2006ઃཱʢ10ͪΐͬͱʣ • 10ਓͪΐͬͱͷখاۀ • WebܥιϑτΣΞ։ൃ
• 4࿈ଓ৽ଔ࠾༻ʢ5࿈ଓʹͳΔ ༧ఆʣ • ઍ༿ͷ͝ώʔϩʔʮਆϠπϧ ΪʯΦϑΟγϟϧεϙϯαʔ
ʘ ਆϠπϧΪ̓ઈࢍ์өதʂ ʗ 4 ฐࣾΤϯδχΞ͕ม͢ΔʮిϚσϥεʯొʂɹ©ϚσʔϧʗϠπϧΪࠢ • ຖि༵7࣌ʙɹνόςϨ • χίχίಈը •
YouTube • GYAO
ઍ༿ͷͪͼͬࢠʹʮ༐ؾʯͱʮرʯͱʮϓϩάϥϛϯ άೳྗʯΛ༩͑Δࣄʹʑਫ਼ਐ͓ͯ͠Γ·͢ɻ ͱ͍ͬͨײ͡Ͱ 5
গͷࠒʹͪΐͬͽΓϓϩάϥϛϯάͷܦݧΛ͍ͯͨ͠ ͓͔͛Ͱɺόϒϧ่յޙͷब৬ණՏظΛΓӽ͑Δࣄ ͕ग़དྷ·ͨ͠ʂ ͦΜͳࢲͰ͕͢ 6
ͦͷԸਓʢԸػʁʣ͕ͪ͜ΒͰ͢ 7
• 1982ʹ79,800ԁͰൃച͞ΕͨϚΠίϯ • ࢲPC-6001ΛϦΫΤετ͕ͨ͠ɺPCʹৄ͘͠ͳ͍φ γϣφϧϒϥϯυ৴ไऀͷ͕Γ߹͍ͷిؾͰߪ ೖ͖༷ͯͨ͠ʢઈʣ • ಛɿൢച͍ͯ͠ΔιϑτΣΞʢήʔϜؚΉʣ͕ଞ ͱൺͯѹతʹগͳ͍ʢઈʣ JR-200
8
ٹ͍ͷਆ͋ΒΘΔ 9 • ௨শϕʔϚΨ • ఆՁ¥300ʂʢޙʹ¥350ʣ • ࣌ઓࠃ࣌ͷ֤PCͷήʔϜϓ ϩάϥϜ͕ࢁ΄Ͳܝࡌ •
ฤ͞ΜɺӨ͞ΜɺDr.D
ͻͨ͢Βࣸܦͯ͠ήʔϜͯ͠·ͨ͠ 10 ↑࣌ɺ࣮ࡍʹଧͪࠐΜͰ༡ΜͰ͍ͨήʔϜͰ͢ʂ
• த͕ཧղग़དྷͳͯ͘શʹಉ͡Α͏ʹॻ͚ήʔϜ͕Ͱ͖Δ • Γ͖ͬͨୡײʢཧղग़དྷͯͳ͍΄͏͕ߴ͍ʣ • ཧղͰ͖ΔͱվͰ͖ΔΑ͏ʹͳΔʢνʔτɺάϥมߋɺػೳ Ճʣ • ৽͍͠ήʔϜΓͨ͞ʹɺͲΜͲΜࣸܦ͢Δ ->
ϓϩάϥϜॻ͚ ΔΑ͏ʹͳΔʢҎ߱ϑΝϛίϯ͕զ͕Ոʹ๚ΕΔ·Ͱʣ ࣸܦͷޮՌ 11 ͍ͭͷ࣌Ͱࣸܦ -> վͷ܇࿅େͰ͢
ϓϩϚωͬͨΓձࣾܦӦΛ࢝ΊͨΓͯ͠ɺϓϩάϥϛ ϯάΛ͢Δࣄ͔Βطʹ20ۙ͘ͷࡀ݄͕ྲྀΕͯ͠·͍… ITษڧձʹߦͬͯɺʹ͍͍͚ͭͯͳ͍ࣄ͋ͬͯɺ ͳΜͱͳ͘ݞ͕ڱ͍ࢥ͍Λͯ͠·ͨ͠… ͳͷͰɺࣗͰϓϩάϥϛϯάษڧձΛӡӦ͢ΔͳΜͯ ເͷ·ͨເͱࢥ͍ͬͯ·ͨ͠… ͦΜͳࢲͰ͕͢ 12
• CoderDojoΛ্ֻཱ͚ͪ͛ͨͬ • ͲΜͳײ͡ͰӡӦ͍ͯ͠Δ͔ • ӡӦͯ͠Έͯײͨ͡ɺָ͠ΈਏΈ • ·ͱΊ ຊ͓͍ͨ͜͠ͱ 13
CoderDojoͱʁ 14 • ੈքల։͍ͯ͠ΔࢀՃඅແྉͷࢠڙ͚ϓϩάϥϛϯ άίϛχϡςΟ • ΞΠϧϥϯυ͕ൃͷʢ2011ʣ • ↑ ශͷ͕ࠩେ͖͍ʢΒ͍͠ʣ<-
ίίॏཁ • ੈքͰ75Χࠃɺ1,400ͷಓ • ຊͰશࠃʹ106Ҏ্ͷಓ
ઍ༿ʹ͜Μͳʹ͋Γ·͢ 15
• ΫϥυϑΝϯσΟϯά • ઍ༿ൃɹߴߍੜΛϩϘοτͷੈքڝٕձૹΓࠐ͏ʂʢ10/31Ἤʣ https://camp-fire.jp/backers/42097 • ϓϨθϯˍϫʔΫγϣοϓ • CoderDojoӜ҆ˍCoderDojoࢢ߹ಉɹࢢຽ׆ಈϑΣεςΟόϧʢ11/11։࠵ʣ http://u-shimin.genki365.net/gnku01/pub/sheet.php?id=61159
• CoderDojoઍ༿ݝ߹ಉ ນுPresentation Day2017ʢ12/10։࠵ʣ https://www.facebook.com/events/109548063035300 ΠϕϯτͰ࿈ܞͨ͠Γͯ͠·͢ 16
CoderDojoࢢ͜Μͳײ͡Ͱͬͯ·͢ 17 ʘ ຖ݄ୈ༵̐ɹࢢࢢʢ࠷د౦ઢົయӺʣͰ։࠵தʂ ʗ
ਖ਼ΞϨͳͷͰུͰͬͯ·͢ 18 ʘ ຖ݄ୈ༵̐ɹࢢࢢʢ࠷دΓ౦ઢົయӺʣͰ։࠵தʂ ʗ
ྲྀΕ͜Μͳײ͡Ͱ͢ 19
͜ΜͳྲྀΕͰͬͯ·͢ 20 • νϡʔτϦΞϧͷࣸܦ • ࡞ͨ͠ਓୡͷൃදλΠϜ • جຊࣗͰߟ͑ͯ࡞Δ • ͘͘ձʹࣅͯΔ͔
• ScratchͰʮωί͔Βಀ͛ΖʂʯήʔϜͷ࡞Λ30͙ Β͍ɻॳΊޚ͞ΜʹͬͨΓ • ωί͕ը໘͍ͬͺ͍ʹಈ͖ճΔลΓ͔Βɺςϯγϣϯ ͕͋Γ࢝ΊΔʢૣ͘MAXʹͳΔࢠʣ • ͢ΔࠒʹςϯγϣϯMAX ॳΊͯͷνϡʔτϦΞϧ 21
• ωίͷεϐʔυΛௐઅͩ͢͠ • ωίΛ૿ͩ͢͠ • είΞΛՃͩ͢͠ • ͓ֆ͔͖Λ࢝ΊΔ • ଞͷήʔϜΛݟ͚ͭ༡ͼͩ͢ɺʑ
ͦͷޙͷԠ 22
• NinjaϑΥϩʔ • νϡʔτϦΞϧ • QAˍωλग़͠αϙʔτ • ޚ͞ΜରԠ • ϓϩάϥϛϯά͔Βҭࣇωλ·Ͱ
• ӡӦझࢫͷઆ໌ ͍ͬͯΔࣄʢ։࠵࣌ʣ 23
• ਃࠐཧ -> GoogleϑΥʔϜconnpass • ग़ܽཧ -> Google εϓϨουγʔτ •
ऩࢧཧ -> Google εϓϨουγʔτ • ׆ಈใࠂ -> WordPress • ͦͷଞ -> ଞͷDojoͷ͓ख͍ ͍ͬͯΔࣄʢඇ։࠵࣌ʣ 24
• ࠷ॳڭҭͷࣄۀΛ্ཱ͔ͪ͛ͨͬͨ • ઍ༿ए༿۠ͷֶशक़͕࢝ΊΔϓϩάϥϜڭࣨʢޙͷ CoderDojoए༿ʣͷ্ཱͪ͛ʹࢀՃ͢Δ • 1͙Β͍मߦͯ͠ɺࣗͰ༗ྉΠϕϯτΛͬͯΈΔ ͰɺͳͥΖ͏ͱࢥ͔ͬͨ 25 ͳΜ͔ΠϚΠν…৺ͨ͗Βͳ͍
• ࢠڙɺޚ͞ΜͱͯتΜͰ͘ΕΔ • ͰɺͦΜͳʹࢁͷࢀՃྉͱΕͳ͍ • ॴͬͨΒɺ΄ͱΜͲΒͳ͍ ͳΜͰΠϚΠνͳΜΖʁ 26 ϜϜϜʁऩӹੑͳ͘ɺେม͔ͬΓͩͬͨΒ ԿͷͨΊʹΔΜͩΖ͏ʁʁʁ
27 సػ ࣄۀͱͯ͠ߟ͑ΔΑΓʮࢠڙେਓֶͼ߹͑Δί ϛχϡςΟ࡞Γʯʹ࣠ΛৼΓ͖Ζ͏ʂ ࡢ11݄ʹCoderDojoദͰ։࠵͞ΕͨʮCoderDojoઍ༿ ݝ࿈+αͷձʯ -> ҆͞Μɺٶౡ͞Μͱग़ձ͏
• CoderDojoνϟϯϐΦϯʢಓओʣͷਃWebܦ༝ • جຊӳޠͳͷͰGoogle༁Λ׆༻ • ٧·ͬͨͷϝʔϧΞυϨεͷཁɺෆཁ֬ೝͷͱ͜Ζ ͙Β͍ • ਃࣗମɺͦΜͳʹ͘͠ͳ͍ɻେมͳͷ… ৺͖ͨ͗ͬͯͨͷͰ࢝ΊΔ͜ͱʹ
28
CoderDojoӡӦͷΈ͋Δ͋Δ 29 Ϟϊ ώτ Χω
• ։࠵ॴ • ࢠڙୡ͕͔ʹͯ͠େৎ • ҆Ձ • wi-fi͕ར༻Մೳ ✴ ެຽؗͳͲͷ࣏ࣗମࢪઃൺֱత͍͕҆ɺwi-fiઃஔࣗ
࣏ମͷϦονʹΑͬͯ݁ߏ·ͪ·ͪ Ϟϊ 30
• PC • ࣋ͪӡͼอॴ • OSɺϒϥβͷΞοϓσʔτʢ࣋ࢀPCؚΉʣ ✴ ࣋ࢀΛલఏͰ͓ئ͍͍ͯ͠Δ͕ɺϗϯτʮ༻ҙͰ͖ ͳ͍ਓʹͦ͜ػձΛઃ͚Δ͖ʯͱ͍͏δϨϯϚ… Ϟϊ
31
• ͦͷଞ • ॻ੶ɺϚεɺσΟεϓϨΠɺిݯέʔϒϧɺϞόΠ ϧwi-fiʑ… ✴ PCඋଞͷCoderDojoͱ༥௨͋ͬͨ͠Γͯ͠·͢ Ϟϊ 32
͜ΜͳॴͰͬͯ·͢ 33 • ૹֶܴ͖ؒಐ͚อҭࢪઃʮ͔ͤΜͲ΄ʔΉʯ͞ ΜͷϨϯλϧεϖʔεαʔϏεΛ׆༻͍ͯ͠·͢ • ࢠڙ͚ʹຐվ࠷దԽ͞Εͨࣨ • wi-fiඋ •
PCϨϯλϧαʔϏε͋Γ
• ϓϩάϥϜΛڭ͑ΒΕΔ • ϗʔϜϖʔδΛ࡞Δࣄ͕Ͱ͖Δ • ֆ͕ඳ͚Δ • ͓ۚͷཧ͕Ͱ͖Δ • ϝϯλʔީิΛूΊΒΕΔ
• ࢠڙୡΛूΊΒΕΔ • อޢऀͱྑ͘ͳΕΔ • ҙ֎ͱϓϩάϥϛϯάڭ͑ΔҎ֎ͷཁૉ͕ଟ͔ͬͨΓ͢Δ ώτ 34
͜Μͳܨ͕Γͷਓୡͱͬͯ·͢ 35 • ίϫʔΩϯάܨ͕ΓͷWEB͞Μ • ۙྡCoderDojoͷϝϯλʔʢײँʣ • ฐࣾΤϯτϦʔͰΓ߹ͬͨΤϯδχΞ ʢޙͷCoderDojoߋνϟϯϐΦϯʣ •
ฐࣾϝϯόʔ • ଉࢠʢՈ੍खۀʣ • ब׆ΠϕϯτͰΓ߹ֶͬͨੜ
• ։࠵࣌د • ݱۚˍۚ݊ʢQuoΧʔυɺ݊ʣ • ݱʢ͓՛ࢠɺҿΈʣ • αϙʔλʔڠࢍۚ • اۀʢগ͚ͩ͠͏ͪͷձ͔ࣾΒʣ
• ӡӦࢿۚ֬อதʑʹݫ͍͠ɻɻɻ Χω 36
ͱ͍͏ͷ 37 • CoderDojoNinjaͷࢀՃඅແྉ ͕ݪଇͰ͢ʢCoderDojoݑষΑ Γʣ • ຊͬͯগֹͷࢀՃྉͳΒ݁ߏ ͬͯ͘ΕΔਓ͕ଟ͍ͷͰɺ͜ ͜தʑʹਏΈ͋Δͱ͜Ζ…
Ͳ͏ͨ͠Μ͔ͱࢥҊத…
• ࢀՃऀ • ձۙ͘ࡏॅͷอޢऀ͕றंΛିͯ͘͠Εͨ • εʔύʔͰങ͍ͯͨ͠ΒࢀՃ͍ͯͨ͠ࢠ͕Λֻ ͚ͯ͘Εͨʮ·ͨߦ͘Ͷʔʂʯ • ձࣾඋͷڊେεΫϦʔϯˍϓϩδΣΫλΛି͠ ͯ͘Εͨ
Ͱخ͍͠ࣄɺ͍ͬͺ͍ 38
• ฐࣾϝϯόʔʢएख͕ओମʣ • ීஈڭΘΔࣄ͕ଟ͍൴Β͕ڭ͑Δཱʹ • ڭ͔͑ͨͷֶͼΛಘΕΔ • NinjyaͷΛ࣮ײͯࣗ͠ͷࣗ৴ʹܨ͕Δ خ͍͠ࣄ͍ͬͺ͍ 39
• ֶੜ • ब׆ΠϕϯτͰΓ߹ͬͨέʔε͕ଟ͔ͬͨͷͰɺఆग़ ͨޙདྷͳ͍͔ͳ͊ͱࢥͬͨɻͰདྷͯ͘ΕͯΔ • ฐࣾఆऀೖࣾલʹϝϯόʔͱަྲྀͰ͖ΔΑ͏ʹͳͬͨ خ͍͠ࣄ͍ͬͺ͍ 40 ਖ਼ɺମݧܕΠϯλʔϯΛ͜ͳ͢ΑΓ
ظϘϥϯςΟΞͷϝϯλʔ׆ಈͷ΄͏͕ब׆Ͱ ΞϐʔϧʹͳΔͷͰʁʢݸਓతݟղͰ͢ʣ
خ͍͠ࣄ͍ͬͺ͍ 41 • ϝϯλʔ ͍͔ͭࢠڙୡʹڭ͍͑ͨͱࢥͬ ͍͚ͯͨͲɺస৬͔ىۀ͔͠ બࢶ͕ͳ͍ͩΖ͏ͱఘΊͯ ͍ͨʢCoderDojoଘࡏΛΒ ͳ͔ͬͨʣ ʘ
ఘΊ͍ͯͨເ͕͙͢͏͜ͱʹͳͬͯخ͍͠ ʗ
྆ํͬͯΈͯؾ͍ͮͨࣄ 42 اۀʹjoin͢Δલʹͬ͘͡Γߟ͑Δ ίϛϡχςΟʹjoin͔ͯ͠Βߟ͑Δ اۀ ίϛϡχςΟ ࢝·Γ ใुʹجͮ͘ޏ༻ؔ ʢʹͳΓ͕ͪʣ ڞײʹجͮ͘ڞಉମײ֮
ʢ͕༏ઌ͞ΕΔʣ ີ ີ݁߹ʢʹ͕ͪ͠ʣ ૄ݁߹ʢʹͳΓ͕ͪʣ ܨ͕Γ ୯ҐʢʹͳΔࣄ͕ଟ͍ʣ ճ୯Ґʢجຊతʹʣ
• ϛχϚϜͰग़དྷΔࣄΛ͓֮͑ͯ͘ • ڞײͰ͖ΔʮՁʯͷ֬ೝ ؾΛ͚ͭͯΔࣄ 43
• ଞͷDojoϓϩάϥϜڭࣨͷྑ͍ͱ͜Ζ͕ؾʹͳΓͩ ͢ͱ͖Γ͕ͳ͍ • 1ਓͰճͤΔΠϕϯταΠζΛҙ͓ࣝͯ͘͠ʢ࠷ॳʹϓ Ϩ։࠵͓ͯ͘͠ͷ͕༗ޮ͔ͱʣ • ܧଓ͕େࣄ ϛχϚϜͰճ͢ 44
ͦͷ͏ͪڞײͯ͘͠ΕΔਓ͕ݱΕΔ
• ڠྗͯ͘͠ΕΔਓ͕૿͑Δͱܧଓ͢Δϋʔυϧ͕͕͋Δ • ίϛϡχςΟͷ׆ಈఀࢭ • ੍ޚෆՄೳͳίϛϡχςΟͷܧଓʢϞʔυʁʣ ڞײͰ͖ΔʹͳΔ͔ʁ 45 ܧଓେ͕ͩܧଓ͚͕ͩతʹͳΔͷةݥ
• ഉআ͢ΔͭΓͳ͍͕ɺΈΜͳ͖উखɺࣗ༝͖· ·ͱ͍͏ͷӡӦͱͯ͠ࠔͬͯ͠·͏… • ʮר͖ࠐΉʯͱ͍͏ݴ༿ʹτϥϚɻؾܰʹ͍ͨ͘ ͳ͍(;´Д`) • ʮ͚ͷ͍ͯͷ͚ͷ͍ͳ͍ʯ͜ͱେ͕ͩ ʮδϟύϦύʔΫʯͷΑ͏ͳੈքʢՁ؍ʣཱ͕͠ ͍ͯͳ͍ͱɺதʑʹ࣮ݱ͕ݫ͍͠…
Ձͷ֬ೝ͕ॏཁ 46
Ձͷ֬ೝํ๏ 47 ঊMethodʮՁσβΠϯϞσϧʯ ڵຯ͋Δਓ ʮঊक़ʯLet’sGoʂ
·ͱΊ 48
ࢠڙେਓֶͼ߹͑ΔίϛχϡςΟ ʮCoderDojoʯ 49 ϓϩάϥϛϯάΛ௨ͨ͡ੈΛֶ͑ͨͼͷ ݐઃత૬ޓ࡞༻Ͱʮخ͍͠ʯͷ૬ޮՌΛੜΈग़͢
50 ;ͩΜ͜Μͳײ͡Ͱ ʘ ͨʔͷ͠ʔʂ ʗ
୭͔͕ࠔͬͯͨΒ͜Μͳײ͡Ͱ 51
• ࢀߟ • ͋͞དྷͨʂϗʔϜίϯϐϡʔλ࣌ http://www.geocities.jp/find_jr200/index.html • orange-eris ϚϯΨΤϦʔ https://orange-eris.com •
͚ͷϑϨϯζ ϩΰδΣωϨʔλ https://aratama.github.io/kemonogen/ ͝੩ௌ͋Γ͕ͱ͏͍͟͝·͢ʂ 52 ʣҾ༻͞Ε͍ͯΔը૾ͷஶ࡞ݖશͯݪஶ࡞ݖอ࣋ऀʹؼଐ͠·͢