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
480
わが征くは星の大海 connpassは匠method 〜2,225日の航海日記〜
kenichitsuchiya
0
300
これで就活もバッチリ! 面接官が阪神ファンだった時の処方箋
kenichitsuchiya
1
860
正装で変わる日常生活
kenichitsuchiya
0
600
Other Decks in Education
See All in Education
1113
cbtlibrary
0
260
CSS3 and Responsive Web Design - Lecture 5 - Web Technologies (1019888BNR)
signer
PRO
1
2.5k
認知情報科学科_キャリアデザイン_大学院の紹介
yuyakurodou
0
130
LLMs for Social Simulation: Progress, Opportunities and Challenges
wingnus
1
100
Ch2_-_Partie_2.pdf
bernhardsvt
0
110
(2024) Couper un gâteau... sans connaître le nombre de convives
mansuy
2
150
H5P-työkalut
matleenalaakso
4
36k
Lisätty todellisuus opetuksessa
matleenalaakso
1
2.3k
RSJ2024学術ランチョンセミナー「若手・中堅による国際化リーダーシップに向けて」資料 (河原塚)
haraduka
0
220
横浜国立大学大学院 国際社会科学府 経営学専攻博士課程前期(社会人専修コース)_在校生体験談
miki_small_pin
0
700
セキュリティ・キャンプ全国大会2024 S17 探査機自作ゼミ 事前学習・当日資料
sksat
3
850
Adobe Express
matleenalaakso
1
7.5k
Featured
See All Featured
Ruby is Unlike a Banana
tanoku
97
11k
For a Future-Friendly Web
brad_frost
175
9.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
720
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.8k
Imperfection Machines: The Place of Print at Facebook
scottboms
265
13k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
How GitHub (no longer) Works
holman
310
140k
Building Applications with DynamoDB
mza
90
6.1k
What's in a price? How to price your products and services
michaelherold
243
12k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
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 ʣҾ༻͞Ε͍ͯΔը૾ͷஶ࡞ݖશͯݪஶ࡞ݖอ࣋ऀʹؼଐ͠·͢