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.3k
元プログラマが辿り着けたプログラミングコミュニティ「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
300
指せなくても指せてる気分を味わう キモくない「観る将」ライフ
kenichitsuchiya
5
500
わが征くは星の大海 connpassは匠method 〜2,225日の航海日記〜
kenichitsuchiya
0
320
これで就活もバッチリ! 面接官が阪神ファンだった時の処方箋
kenichitsuchiya
1
900
正装で変わる日常生活
kenichitsuchiya
0
630
Other Decks in Education
See All in Education
Ch4_-_Partie_1.pdf
bernhardsvt
0
110
プログラミング教育する大学、ZEN大学
sifue
1
340
自分にあった読書方法を探索するワークショップ / Reading Catalog Workshop
aki_moon
0
340
ハワイアン航空 ステータスへの道 #HAairstudy
maroon1st
0
130
ワクワク発見資料
akenohoshi
0
200
Information Architectures - Lecture 2 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.4k
Analysis and Validation - Lecture 4 - Information Visualisation (4019538FNR)
signer
PRO
0
2k
Human Perception and Colour Theory - Lecture 2 - Information Visualisation (4019538FNR)
signer
PRO
0
2.4k
(モブ)エンジニアが伝えるアウトプット活動のススメ!! #カンリーLT
masakiokuda
2
270
Travel Japanese - Dining at Restaurants:Part 1
27th
PRO
1
110
Carving the Way to Ruby Engineering
koic
3
820
Data Representation - Lecture 3 - Information Visualisation (4019538FNR)
signer
PRO
1
2.2k
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
176
52k
A better future with KSS
kneath
238
17k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.3k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.6k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7.1k
Optimizing for Happiness
mojombo
377
70k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
Building Applications with DynamoDB
mza
93
6.3k
The Language of Interfaces
destraynor
156
24k
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 ʣҾ༻͞Ε͍ͯΔը૾ͷஶ࡞ݖશͯݪஶ࡞ݖอ࣋ऀʹؼଐ͠·͢