Upgrade to Pro — share decks privately, control downloads, hide ads and more …

創りながら学ぶ / Learning by Creating

YassLab
PRO
September 30, 2021

創りながら学ぶ / Learning by Creating

『創りながら学ぶ』ってどういうこと? 🤔💭

具体的な事例をいくつか出しながら、『創りながら学ぶ』を解説してみました!

発表動画 (YouTube): https://bit.ly/learning-by-creating-youtube
発表話者 (Twitter); https://twitter.com/yasulab

【関連リンク】
🏢 YassLab Inc.: https://yasslab.jp/
☯️ CoderDojo Japan: https://coderdojo.jp/
🏔 Mitou Junior Project: https://jr.mitou.org/

サービス導入に関するご相談などありましたら https://yasslab.jp からお気軽にご連絡ください。

🎓Railsチュートリアル: https://railstutorial.jp
  解説動画: https://railstutorial.jp/screencast
  質問対応: https://railstutorial.jp/#learn-by
  電子書籍: https://railstutorial.jp/#ebook
  法人プラン: https://railstutorial.jp/business
  研修プラン: https://railstutorial.jp/training
  協業・提携: https://railstutorial.jp/partner

📕Railsガイド: https://railsguides.jp
  Proプラン: https://railsguides.jp/pro
  Teamプラン: https://railsguides.jp/team
  GitHub: https://github.com/yasslab/railsguides.jp

📜関連スライド
  創りながら学ぶ https://speakerdeck.com/yasslab/learning-by-creating
  動画×反転学習 https://speakerdeck.com/yasslab/aws-award-at-fukuoka-ruby-2019

📜note: https://note.com/yasslab
🐣Twitter: https://twitter.com/yasslab
🛠GitHub: https://github.com/yasslab
📺YouTube: https://youtube.com/c/YassLab
👥Facebook: https://facebook.com/yasslab.jp/

Copyright ©︎ Yasslab 株式会社 https://yasslab.jp

YassLab
PRO

September 30, 2021
Tweet

More Decks by YassLab

Other Decks in Education

Transcript

  1. Learning by Crea
    ti
    ng
    ૑Γͳ͕ΒֶͿ
    Learning by Crea
    ti
    ng

    View Slide

  2. 2
    ΤϯδχΞͷํ͸
    🙋🙋

    View Slide

  3. 2
    ΤϯδχΞ΁ͷస৬
    Λߟ͍͑ͯΔํ͸
    🙋🙋

    View Slide

  4. 2
    ݸਓ։ൃ ϙʔτϑΥϦΦؚΉ

    ʹڵຯ͋Δํ͸
    🙋🙋

    View Slide

  5. ຊ೔ͷ࿩
    lϓϩμΫτ։ൃz
    🛠💨✨

    View Slide

  6. ࠷ॳͷ̍า
    ౿Έग़͢࿩

    View Slide

  7. Learning by Crea
    ti
    ng
    ૑Γͳ͕ΒֶͿ

    View Slide

  8. ͏·͍͔͘ͳ͔ͬͨ
    ͏·͍ͬͨ͘
    ͳͥ 🤔💭

    View Slide

  9. ͏·͍͔͘ͳ͔ͬͨ
    ͏·͍ͬͨ͘
    ࣍͸ɺ΋ͬͱ͏·͘΍Δ😸✨

    View Slide

  10. ;Γ͔͑Δ
    ࣦഊஊ

    View Slide

  11. ࢼֶͯ͠ͼɺ
    ࣍ʹͭͳ͛Δ

    View Slide

  12. ҆઒ ཁฏ Yohei Yasukawa

    YassLab (ג) ୅දऔక໾, (Ұࣾ) CoderDojo Japan ୅දཧࣄ,


    ະ౿δϡχΞ PM, ૣҴాେֶ৘ใཧ޻ֶ म࢜, IPAະ౿εύΫϦ
    ࠃ಺࠷େڃͷࢠͲ΋ͷͨΊͷ

    ϓϩάϥϛϯάಓ৔ ඇӦར
    ɻ

    શࠃʹϲॴҎ্ͷ%PKPɺ

    ʮͭ͘Γ͍ͨʯΛָ͠Ήʮ৔ʯ
    *1"ະ౿ࣄۀͷࡀҎԼ
    ର৅൛ɻ୎ӽͨ͠εΩϧͱ
    ৘೤͕͋Ε͹೥ྸΛ௒͑ͯ
    ඈ༂Ͱ͖ΔΑ͏ɺ޿͘ࢧԉ
    3BJMTνϡʔτϦΞϧͱ

    3BJMTΨΠυͷӡӦձࣾɻ

    ղઆಈը΍8FCςΩετɺ

    ڭࡐར༻΍๏ਓݚमΛఏڙ

    View Slide

  13. ༧ࢉΛ૿΍͢
    ։ൃऀ޲͚
    1 1
    ॳֶऀ޲͚

    View Slide

  14. HPPHMFDPKQͰb3BJMT`ͱ
    ݕࡧ͢Δͱϖʔδ໨ʹදࣔ

    View Slide

  15. Webɾిࢠॻ੶ɾղઆಈը (36࣌ؒ)ɾ࣭໰ରԠͳͲΛఏڙ
    ʰ๏ਓϓϥϯʱʰ͓ࢼ͠ϓϥϯʱʰݚमϓϥϯʱ

    View Slide

  16. શจݕࡧɾաڈόʔδϣϯӾཡαʔϏε (Pro)
    νʔϜ޲͚؅ཧμογϡϘʔυ΋ఏڙ (Team)

    View Slide

  17. ৄࡉ͸ Ͱݕࡧ

    View Slide

  18. 🤝 ར༻࣮੷ɾఏܞ๏ਓ
    https://railstutorial.jp/partner

    View Slide

  19. “૑Γͳ͕ΒֶͿ”

    View Slide

  20. “ࣗ෼ͷϓϩμΫτ”


    Λ࢝Ίɺֶͼଓ͚Δ

    View Slide

  21. ࠓͷϓϩμΫτ
    ੲͷϓϩμΫτ

    View Slide

  22. ֶͼͷϨʔϧΛ͏·͘࢖͍ͭͭ,

    View Slide

  23. ͍͔ͭ͸


    ࣗ෼ͷֶͼ


    Λ࢝ΊΔ

    View Slide

  24. ͏·͍͔͘ͳ͍


    ͱ͖΋͋Δ
    ͏·͍͔͘ͳ͍
    ͷ΋͋Δ͚Ͳ😹

    View Slide

  25. ͕͍͋ͯΈΑ͏

    View Slide

  26. ϓϩμΫτ։ൃ͸


    ֶͼͷαΠΫϧ
    (খ࢝͘͞ΊͯɼͲΜͲΜେ͖͘)

    View Slide

  27. Learning by Crea
    ti
    ng
    ૑Γͳ͕ΒֶͿ
    Learning by Crea
    ti
    ng

    View Slide

  28. ࣦഊˠ੒ޭͷࣄྫ
    ΑΓ୹͘͢Δࣄྫ
    ࢓૊ΈԽ͢Δࣄྫ

    View Slide

  29. ࣦഊˠ੒ޭͷࣄྫ

    View Slide

  30. ΞδΞͷΞΠσΞίϯςετʹ௅ઓʂ


    @ Asian Students Venture Forum

    View Slide

  31. ӳޠྗ


    ͕…😿

    View Slide

  32. ࣗ෼ʹ͸


    ٕज़͕͋Δ?

    View Slide

  33. “܅͸ະ౿Λݟͯ͘Δͱ͍͍”

    View Slide

  34. 🛠 × 🔥
    ٕज़


    ৘೤
    %&.0ಈըIUUQTCJUMZNJUPVEFNP

    View Slide

  35. ٕज़΋
    ৘೤΋


    ɹ…😿

    View Slide

  36. ͕͍͋ͯΈΑ͏

    View Slide

  37. ࢁߦܭըͷCMS+DBԽ
    ࢁߦܭըͷ CMS+DB Խ

    View Slide

  38. 🤣೔ຊޠॻ͚ͳ͍໰୊📝

    View Slide

  39. ૸ͬͯΈΕ͹෼͔Δ


    ظ଴ͱݱ࣮ͷ࣮ྗࠩ


    🏃💨

    View Slide

  40. ΞΠσΞग़͠αʔϏε

    View Slide

  41. ൃද࣌ؒͷ௒ա


    ൃද࣌ؒकΖ͏


    ⏳😭

    View Slide

  42. ࣗ࡞ OS ʹ


    ϝϞϦ্Ͱಈ͘


    ϑΝΠϧγεςϜ


    Λ࣮૷ͯ͠Έͨ 🛠

    View Slide

  43. ͸͡ΊͯͷԌ্


    🔥🚒

    View Slide

  44. ࣮ݱྗͷແ͞Λ௧ײ


    ͻͨ͢Βॻ͍ͯॻ͘


    📝 💨

    View Slide

  45. ԤभͰ044্ཱͪ͛

    View Slide

  46. ԤभͰ OSS ্ཱͪ͛
    ૑ͬͨ΋ͷ

    View Slide

  47. ߤۭ݊ݕࡧΤϯδϯ

    View Slide

  48. ߤۭ݊ͷάϧʔϙϯ
    ߤۭ݊ͷάϧʔϙϯ

    View Slide

  49. ͳʹҰͭ


    ੒ޭͤͣ

    View Slide

  50. ΞϓϦ։ൃ (ถࠃཹֶத)

    View Slide

  51. ਒ࡂରࡦΞϓϦ
    ϗΠοεϧPO"OESPJE
    dখ͞ͳίʔυɼେ͖ͳ੒Ռd
    !ZBTVMBC

    View Slide

  52. ͋ͳͨʹ୅Θͬͯ
    404Λൃ͢ΔΞϓϦ

    View Slide

  53. D
    em
    o

    View Slide

  54. D
    em
    o

    View Slide

  55. D
    em
    o

    View Slide

  56. ίʔυ

    View Slide

  57. ߦ

    View Slide

  58. ੒Ռ

    View Slide

  59. ϲ݄Ͱສ%-

    View Slide

  60. View Slide

  61. View Slide

  62. ͸͡Ίͯͷొஃ!"#$

    View Slide

  63. ສμ΢ϯϩʔυ

    View Slide

  64. ਓੜͷࣃं͕


    ಈ͖ग़ͨ͠ॠؒ

    View Slide

  65. େ͖ͳϓϩμΫτ
    খ͞ͳϓϩμΫτ

    View Slide

  66. ͏·͍͔͘ͳ͔ͬͨ఺͸?
    ͏·͍ͬͨ͘఺͸?

    View Slide

  67. ࣦഊମݧˠ੒ޭମݧ
    ͏·͍͔͘ͳ͔ͬͨ఺͸?

    View Slide

  68. ຊ౰ʹ̑೥
    ΋ඞཁ͔ 🤔

    View Slide

  69. ि຤΋ͷͮ͘Γߨ࠲

    View Slide

  70. ΞΠσΞΛָ͘͠ܗʹ͢Δश׳ܗ੒
    ि຤΋ͷͮ͘Γߨ࠲

    View Slide

  71. ΞΠσΞΛָ͘͠ܗʹ͢Δश׳ܗ੒
    ि຤΋ͷͮ͘Γߨ࠲

    View Slide

  72. ָ͍͠
    ≠ ϥΫ

    View Slide

  73. ָ͍͠
    = ຅಄

    View Slide

  74. ࣗ෼͕ཉ͍͠ͱࢥ͏ϞϊΛ૑Δ

    View Slide

  75. ஌ਓ͕ཉ͍͠ͱࢥ͏ϞϊΛ૑Δ

    View Slide

  76. ଞਓ͕ཉ͍͠ͱࢥ͏ϞϊΛ૑Δ

    View Slide

  77. ࣗ෼
    ஌ਓ
    ଞਓ
    Ұาͣͭɼ࣍ͷεςʔδ΁

    View Slide

  78. ެ։ֶͯ͠Ϳ΋ͷͮ͘Γ

    View Slide

  79. View Slide

  80. View Slide

  81. View Slide

  82. View Slide

  83. View Slide

  84. ࣗ෼
    ஌ਓ
    ଞਓ
    Ұาͣͭɼ࣍ͷεςʔδ΁

    View Slide

  85. ग़དྷͨ΋ͷ͸ͲΜͲΜެ։

    View Slide

  86. ࣦഊ

    ܦݧ

    View Slide

  87. μ΢ϯϩʔυ͞Εͳ͍

    View Slide

  88. ௿͍ධՁ

    View Slide

  89. ਓؾ͕ଓ͔ͳ͔ͬͨ

    View Slide

  90. View Slide

  91. ϞνϕʔγϣϯͷαΠΫϧ

    View Slide

  92. ੒ޭ

    ܦݧ

    View Slide

  93. ɹ࣮੷ डߨத

    2ສDL
    Androiderܝࡌ

    View Slide

  94. ୡ੒ײ

    View Slide

  95. ΞΠσΞΛָ͘͠ܗʹ͢Δश׳ܗ੒
    ि຤΋ͷͮ͘Γߨ࠲

    View Slide

  96. ެ։ֶͯ͠Ϳश׳Λܗ੒

    View Slide

  97. ڭ
    ҭ
    ػ
    ؔ ࣗݾֶशͷश׳Λܗ੒


    (໿̒ϲ݄ؒ)
    ׬૸ͨ͠ޙ΋ଓ͘
    ࡒ࢈ʹͳͬͯཉ͍͠

    View Slide

  98. 200ສԁ
    500ສԁ
    500ສԁ
    ɹ࣮੷ डߨޙ

    View Slide

  99. ɹ࣮੷ डߨޙ

    View Slide

  100. ɹ࣮੷ डߨޙ

    View Slide

  101. View Slide

  102. View Slide

  103. ৘೤

    ۦಈ

    View Slide

  104. ΞΠσΞΛָ͘͠ܗʹ͢Δश׳ܗ੒
    ि຤΋ͷͮ͘Γߨ࠲

    View Slide

  105. ͏·͍͔͘ͳ͔ͬͨ఺͸?
    ͏·͍ͬͨ͘఺͸?

    View Slide

  106. ̑೥ˠ̍೥
    ͏·͍͔͘ͳ͔ͬͨ఺͸?

    View Slide

  107. جૅྗͱ
    ֶश଎౓

    View Slide

  108. Ͱ͖Δͱ
    ָ͍͠

    View Slide

  109. Ͱ͖ͳ͍ͱָ͘͠ͳ͍

    View Slide

  110. ֶͼͷ
    ೋۃԽ
    Ͱ͖ͳ͍


    ָ͘͠ͳ͍


    τϥΠ͢Δ਺
    ⤵︎
    Ͱ͖Δ


    ָ͘͠ͳΔ


    τϥΠ͢Δ਺
    ⤴︎
    Ͳ͏ͨ͠Β? 🤔

    View Slide

  111. Ruby on Rails νϡʔτϦΞϧ


    ϓϩμΫτ։ൃͷ̌ˠ̍ΛֶͿαʔϏε

    View Slide

  112. ɾ໿800ϖʔδ (PDF൛)

    ɾʰSNS ͷ։ൃʱ͕୊ࡐ

    ɾTest Λॻֶ͍ͯͿ

    ɾGit Ͱόʔδϣϯ؅ཧ

    ɾHeroku ͰσϓϩΠ

    ɾղઆಈըɾ࣭໰ରԠ͋Γ

    ɾසൟͳΞοϓσʔτ

    ɾ΢Σϒ൛͸ແྉ!!


    http://railstutorial.jp/

    View Slide

  113. ݄ؒͷಡऀ ≒ 1.7 ສਓ

    View Slide

  114. ೔ຊͷ Google ݕࡧ ‘Rails’
    Ͱ̍ϖʔδ໨ʹදࣔ 😸🎉✨

    View Slide

  115. ֶͼͷҰຊԽ
    ɹ800ϖʔδ໨
    ֶͼͷҰຊԽ

    View Slide

  116. ໌ྎͰ෼͔Γ΍͍͢ΰʔϧ
    ํ޲͕ࣗ໌ (1ষͣͭಡΉ)

    View Slide

  117. ؆୯Ͱ͸ͳ͍͕ɺجૅʹͳΔ

    View Slide

  118. ଟରଟ


    ͷઃܭ
    ʮԿ͕೉͍͔͠ʯΛཧղͰ͖Δ

    View Slide

  119. ΍Ε͹ඞͣΰʔϧͰ͖Δ

    View Slide

  120. ୡ੒ײ

    View Slide

  121. ͦͯ͠͞ΒͳΔߴΈ΁…

    View Slide

  122. RailsνϡʔτϦΞϧ
    ׬૸ऀͷ։ൃࣄྫ

    View Slide

  123. ։ൃࣄྫ: Nomalog (ΧϑΣڞ༗αʔϏε)

    View Slide

  124. ։ൃࣄྫ: SharePla (ܭըڞ༗αʔϏε)

    View Slide

  125. ։ൃࣄྫ: ΤΫϝϧϯ (ϝʔϧ഑৴αʔϏε)

    View Slide

  126. Ϩʔϧͷઌ͸ɺ


    ͦΕͧΕͷಓɻ

    View Slide

  127. ༧ࢉΛ૿΍͢
    ऩଋɾҰຊԽ ൃࢄɾଟ༷Խ
    ֶͼͷೋۃԽ


    Λ๷͙
    ֶͼͷଟ༷Խ
    Λଅ͢

    View Slide

  128. ͏·͍͔͘ͳ͔ͬͨ఺͸?
    ͏·͍ͬͨ͘఺͸?

    View Slide

  129. ະܦݧˠ࣮ફతֶशͷน
    ࣮ફతֶशˠPBLͷಓے

    View Slide

  130. ظ଴஋ͷ
    Ϊϟοϓ

    View Slide

  131. ࠳ં... 😭

    View Slide

  132. ޷·͍͠஌ࣝ
    ֶ΂Δ஌ࣝ
    Rub
    y

    Rail
    s

    Tes
    t

    Deplo
    y

    SNS ઃܭ
    HTML&CS
    S

    JavaScrip
    t

    CLI / Gi
    t

    DB / SQ
    L

    ։ൃܦݧ
    Web࣮ફ Webجૅ

    View Slide

  133. View Slide

  134. ޷·͍͠஌ࣝ
    ֶ΂Δ஌ࣝ
    Rub
    y

    Rail
    s

    Tes
    t

    Deplo
    y

    SNS ઃܭ
    HTML&CS
    S

    JavaScrip
    t

    CLI / Gi
    t

    DB / SQ
    L

    ։ൃܦݧ

    View Slide

  135. ଞʹ΋ࢥ͍ͭ͘ࢪࡦΛͲΜͲΜࢼ͠ɺ
    ☁ Ϋϥ΢υIDEಋೖ (OSඇґଘ
    )

    🐣 ʰΈΜͳͷͭͿ΍͖ʱػೳ
    🛠 ֤ষαϯϓϧίʔυͷެ։
    🎨 ϑΥϯτ੾ସ͑ػೳͷఏڙ
    🎥 ʰ͓ࢼ͠ϓϥϯʱͷ࣮ࢪͳͲ

    View Slide

  136. ࠷΋ޮՌ͕
    ͋ͬͨࢪࡦ

    View Slide

  137. RailsνϡʔτϦΞϧղઆಈը (36࣌ؒ)


    https://railstutorial.jp/screencast

    View Slide

  138. ղઆಈըΛ༻͍ͨʰ࠳ંʱΛ๷͙࢓૊Έ
    RailsνϡʔτϦΞϧ × ൓సֶश

    View Slide

  139. ஌ࣝ֫ಘ ՝୊࣮ઓ
    ߨٛதʹ ߨٛ֎Ͱ
    Ұ੪ֶश

    View Slide

  140. ஌ࣝ֫ಘ ՝୊࣮ઓ
    ߨٛ֎Ͱ
    ൓సֶश
    ߨٛதʹ

    View Slide

  141. AIIT ͰҰ੪ / ൓సֶशΛൺֱݕূ

    View Slide

  142. Ұ੪ֶश vs ൓సֶश
    2017 ೥౓ 2018 ೥౓

    View Slide

  143. 2017 ೥౓ 2018 ೥౓
    ׳Ε͍ͯΔ૚ͱɺؔ৺͕ͳ͍૚ʹ͸มԽͳ͠
    Ұ੪ֶश vs ൓సֶश

    View Slide

  144. 2017 ೥౓ 2018 ೥౓
    ʰ8FC։ൃΛ΍Γ͍ͨʱͱ͍͏ҙཉͷ͋Δ૚Λ
    Ұ੪ֶश vs ൓సֶश

    View Slide

  145. 2017 ೥౓ 2018 ೥౓
    8FC։ൃͷ࣮ફͰʰ࠳ંͤ͞ͳ͍ʱ࢓૊Έ
    Ұ੪ֶश vs ൓సֶश

    View Slide

  146. ݸਓ͚ͩ͡Όͳ͘
    ๏ਓ΋ಉ͡՝୊

    View Slide

  147. 📹 ࣾһݚम༻ʰ๏ਓϓϥϯʱ
    https://railstutorial.jp/business

    View Slide

  148. https://railstutorial.jp/training
    ʰϓϩμΫτ։ൃº൓సֶशʱͰ࣮ફ1#-
    👨🏫 ΦϚΧηܥʰݚमϓϥϯʱ

    View Slide

  149. https://railstutorial.jp/partner
    ύʔτφʔ๏ਓͱఏܞ͠ɺֶͼ΍͍͢ʰ৔ʱΛ૿΍͢
    🤝 ࣄۀͰ׆༻ʰڠۀϓϥϯʱ

    View Slide

  150. https://bit.ly/railstutorial-hanten-youtube
    💎3VCZ8PSME$POGFSFODF

    View Slide

  151. 🏆 ϑΫΦΧRubyେ৆ʮAWS৆ʯ
    https://yasslab.jp/ja/posts/aws-award-at-fukuoka-ruby-2019

    View Slide

  152. 🤝 ར༻࣮੷ɾఏܞ๏ਓ

    View Slide

  153. 🤝ϚωʔϑΥϫʔυ༷ͷ׆༻ࣄྫ
    IUUQTZBTTMBCKQKBQPTUTMFBSOJOHCZNBLJOH

    View Slide

  154. 🤝ϝϯόʔζΩϟϦΞ༷ͷ׆༻ࣄྫ
    IUUQTZBTTMBCKQKBOFXTSBJMTUVUPSJBMBUNFNCFSTDBSFFS
    lʮࣗ෼ͷϓϩμΫτ։ൃΛ௨ͯ͠ଟ͘ͷࢹ఺ΛಘΒΕͨʯ
    ʮࠓޙͷ։ൃ΍ۀ຿Ͱ΋׆͖ͯ͘Δʯz

    View Slide

  155. 🗣ࣾձɾίϛϡχςΟ͔Βͷ൓ڹ
    IUUQUXJUUFSDPNTFBSDI R3BJMTνϡʔτϦΞϧ
    ʰRuby ͔Β PythonʱʰRuby ͔Β PHPʱͱ͍͏ྲྀΕ
    http://bit.ly/rtjp-tw-2
    http://bit.ly/rtjp-tw-1

    View Slide

  156. ͏·͍͔͘ͳ͔ͬͨ఺͸?
    ͏·͍ͬͨ͘఺͸?

    View Slide

  157. ʁʁʁ


    (؍ଌத)
    ʁʁʁ


    (؍ଌத)

    View Slide

  158. ະདྷͷϓϩμΫτ
    ࠓͷϓϩμΫτ
    ֶͼ͸ଓ͘

    View Slide

  159. ·ͱΊ

    View Slide

  160. ֶͼͷϨʔϧΛ͏·͘࢖͏

    View Slide

  161. ࣗ෼ͷ


    ֶͼΛ


    ͸͡ΊΔ

    View Slide

  162. ͏·͍͔͘ͳ͍


    ͱ͖΋͋Δ
    ͏·͍͔͘ͳ͍
    ͷ΋͋Δ͚Ͳ😹

    View Slide

  163. ͕͍͋ͯΈΑ͏

    View Slide

  164. ࣍ͷϓϩμΫτ
    લͷϓϩμΫτ

    View Slide

  165. Կ͔Λ࢝Ίͯɺ


    ֶͿαΠΫϧ΁
    (খ࢝͘͞ΊͯɼͲΜͲΜେ͖͘)

    View Slide

  166. Learning by Crea
    ti
    ng
    ૑Γͳ͕ΒֶͿ
    Learning by Crea
    ti
    ng

    View Slide