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
320
指せなくても指せてる気分を味わう キモくない「観る将」ライフ
kenichitsuchiya
5
510
わが征くは星の大海 connpassは匠method 〜2,225日の航海日記〜
kenichitsuchiya
0
330
これで就活もバッチリ! 面接官が阪神ファンだった時の処方箋
kenichitsuchiya
1
930
正装で変わる日常生活
kenichitsuchiya
0
650
Other Decks in Education
See All in Education
2025年度春学期 統計学 第3回 クロス集計と感度・特異度,データの可視化 (2025. 4. 24)
akiraasano
PRO
0
130
JOAI2025講評 / joai2025-review
upura
0
160
著作権と授業に関する出前講習会/dme-2025-05-01
gnutar
0
200
推しのコミュニティはなんぼあってもいい / Let's join a lot of communities.
kaga
2
1.7k
社外コミュニティと「学び」を考える
alchemy1115
2
170
生成AI
takenawa
0
5.9k
OpenRobomaster 中国のロボットコンテスト 日本連携の可能性
takasumasakazu
0
450
IMU-00 Pi
kanaya
0
370
SkimaTalk Teacher Guidelines Summary
skimatalk
0
790k
実務プログラム
takenawa
0
5.9k
Avoin jakaminen ja Creative Commons -lisenssit
matleenalaakso
0
1.9k
バックオフィス組織にも「チームトポロジー」の考えが使えるかもしれない!!
masakiokuda
0
110
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Making Projects Easy
brettharned
116
6.3k
Agile that works and the tools we love
rasmusluckow
329
21k
Code Review Best Practice
trishagee
69
18k
The Invisible Side of Design
smashingmag
300
51k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Unsuck your backbone
ammeep
671
58k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Stop Working from a Prison Cell
hatefulcrawdad
270
20k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
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 ʣҾ༻͞Ε͍ͯΔը૾ͷஶ࡞ݖશͯݪஶ࡞ݖอ࣋ऀʹؼଐ͠·͢