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.2k
元プログラマが辿り着けたプログラミングコミュニティ「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
280
指せなくても指せてる気分を味わう キモくない「観る将」ライフ
kenichitsuchiya
5
490
わが征くは星の大海 connpassは匠method 〜2,225日の航海日記〜
kenichitsuchiya
0
300
これで就活もバッチリ! 面接官が阪神ファンだった時の処方箋
kenichitsuchiya
1
860
正装で変わる日常生活
kenichitsuchiya
0
610
Other Decks in Education
See All in Education
2024年度秋学期 統計学 第2回 統計資料の収集と読み方(授業前配付用) (2024. 10. 2)
akiraasano
PRO
0
100
HCI Research Methods - Lecture 7 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
750
CSS3 and Responsive Web Design - Lecture 5 - Web Technologies (1019888BNR)
signer
PRO
1
2.5k
The Gender Gap in the Technology Field and Efforts to Address It
codeforeveryone
0
270
開発終了後こそ成長のチャンス!プロダクト運用を見送った先のアクションプラン
ohmori_yusuke
2
190
勉強したらどうなるの?
mineo_matsuya
10
6.8k
Kaggle 班ができるまで
abap34
1
220
Human Perception and Cognition - Lecture 4 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
750
オープンソース防災教育ARアプリの開発と地域防災での活用
nro2daisuke
0
200
Казармы и гарнизоны
pnuslide
0
140
子どものためのプログラミング道場『CoderDojo』〜法人提携例〜 / Partnership with CoderDojo Japan
coderdojojapan
4
14k
H5P-työkalut
matleenalaakso
4
36k
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
RailsConf 2023
tenderlove
29
940
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5k
How to Think Like a Performance Engineer
csswizardry
22
1.2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.4k
GitHub's CSS Performance
jonrohan
1030
460k
Automating Front-end Workflow
addyosmani
1366
200k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
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 ʣҾ༻͞Ε͍ͯΔը૾ͷஶ࡞ݖશͯݪஶ࡞ݖอ࣋ऀʹؼଐ͠·͢