$30 off During Our Annual Pro Sale. View Details »

Railsチュートリアル × 反転学習 − 解説動画を用いた能動的な学びによる成果/ More Interactive Way of Learning Rails

YassLab
PRO
November 01, 2018

Railsチュートリアル × 反転学習 − 解説動画を用いた能動的な学びによる成果/ More Interactive Way of Learning Rails

2018年11月1日に行われた RubyWorld Conference 2018 で発表したスライド資料です。

💎 RubyWorld Conference 2018
https://2018.rubyworld-conf.org/

📜 A4 配布資料版 (PDF 2ページ)
http://bit.ly/railstutorial-hanten

🐣 Twitter 反響まとめ
https://togetter.com/li/1283639

📹 発表動画
https://youtu.be/FFchAkR3d-w

サービス導入に関するご相談などありましたら 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

November 01, 2018
Tweet

More Decks by YassLab

Other Decks in Education

Transcript

  1. ղઆಈըΛ༻͍ͨೳಈతͳֶͼʹΑΔ੒Ռ
    RailsνϡʔτϦΞϧ × ൓సֶश

    View Slide

  2. ૣ଎Ͱ͕͢
    ݁࿦Ͱ͢

    View Slide

  3. ར༻࣮੷ɾఏܞ๏ਓ

    View Slide

  4. RailsνϡʔτϦΞϧ × ൓సֶश

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  9. ͦ͏͸ݴͬͯ΋…?
    ֶशऀͷ࣭͕ҧ͏?
    ՝୊Λ؆୯ʹͨ͠?
    ୲౰͕ؤு͚ͬͨͩ?

    View Slide

  10. ֶशऀ͔Β޷ධՁ
    ՝୊͸΄΅هड़ࣜ
    ୲౰͸Ή͠Ζ༨ྗ
    ͔͠͠গͳ͘ͱ΋…

    View Slide

  11. ݁࿦

    View Slide

  12. Ұ੪ֶश

    ൓సֶश

    View Slide

  13. ୲౰ͷʰෛ୲ʱ͸ݮΓɺ

    View Slide

  14. ʮ࠳ંʯ͕ແ͘ͳΓɺ

    View Slide

  15. ֶशऀ͔Β΋ʮ޷ධՁʯ

    View Slide

  16. ຊ୊

    View Slide

  17. ղઆಈըΛ༻͍ͨೳಈతͳֶͼʹΑΔ੒Ռ
    RailsνϡʔτϦΞϧ × ൓సֶश

    View Slide

  18. Ruby on Rails νϡʔτϦΞϧ
    ໿800ϖʔδɻܧଓతʹ຋༁/૊൛͞Ε͍ͯΔ

    View Slide

  19. ೔ຊͷ Google ݕࡧ ‘Rails’
    Ͱ̍ϖʔδ໨ʹදࣔ ✨
    800P

    View Slide

  20. ࠳ં...

    View Slide

  21. ظ଴஋ͷ
    Ϊϟοϓ

    View Slide

  22. ޷·͍͠஌ࣝ
    ֶ΂Δ஌ࣝ
    Ruby
    Rails
    Test
    Deploy
    SNS ઃܭ
    HTML&CSS
    JavaScript
    CLI / Git
    DB / SQL
    ։ൃܦݧ
    Web࣮ફ Webجૅ

    View Slide

  23. View Slide

  24. ޷·͍͠஌ࣝ
    ֶ΂Δ஌ࣝ
    Ruby
    Rails
    Test
    Deploy
    SNS ઃܭ
    HTML&CSS
    JavaScript
    CLI / Git
    DB / SQL
    ։ൃܦݧ

    View Slide

  25. ଞɺίπίπվળ✨
    ☁ Ϋϥ΢υIDEಋೖ (OSඇґଘ)
    ʲΈΜͳͷͭͿ΍͖ʳͷಋೖ
    ʲCODE SAMPLEʳ ͷઃஔ
    ഑৭ɾϑΥϯτ౳ͷ UX վળ
    ଞɺʲ͓ࢼ͠ϓϥϯʳ࣮ࢪ౳

    View Slide

  26. ΪϟοϓΛঃʑʹຒΊ͍ͯ͘

    View Slide

  27. தͰ΋ஶ͍͠੒Ռ͕
    ղઆಈը × ൓సֶश

    View Slide

  28. ᾇ ൓సֶशͷ࢓૊Έ
    ᾈ ࣮ྫͱࡉ͔ͳ޻෉
    ᾉ ໰୊఺ͱղܾࡦ

    View Slide

  29. ᾇ ൓సֶशͷ࢓૊Έ
    ᾈ ࣮ྫͱࡉ͔ͳ޻෉
    ᾉ ໰୊఺ͱղܾࡦ
    ᾇ ൓సֶशͷ࢓૊Έ

    View Slide

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

    View Slide

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

    View Slide

  32. ඞཁͳ४උ

    View Slide

  33. ᶃ खΛಈֶ͔ͯ͠΂Δڭࡐ
    RailsνϡʔτϦΞϧ͸໿800ϖʔδ

    View Slide

  34. ᶄ ڭࡐͷղઆಈը
    ̏̒࣌ؒͷϥΠϒίʔσΟϯάಈը

    View Slide

  35. ᶅ ϝϯλϦϯάΛॏࢹ͢Δ࢟੎
    ౴͑͸஌͍ͬͯΔඞཁ͸ͳ͍ɻֶशऀͱҰॹʹ೰Έɺߟ͑Δ

    View Slide

  36. ʰ࡞Γͳ͕ΒֶͿʱ
    ʹΑΓॏ͖Λஔ͘

    View Slide

  37. ᾇ ൓సֶशͷ࢓૊Έ
    ᾈ ࣮ྫͱࡉ͔ͳ޻෉
    ᾉ ໰୊఺ͱղܾࡦ
    ᾇ ൓సֶशͷ࢓૊Έ

    View Slide

  38. ᾇ ൓సֶशͷ࢓૊Έ
    ᾈ ࣮ྫͱࡉ͔ͳ޻෉
    ᾉ ໰୊఺ͱղܾࡦ
    ᾈ ࣮ྫͱࡉ͔ͳ޻෉

    View Slide

  39. ൓సֶशͷࣄྫ: εΫʔϧ

    View Slide

  40. ൓సֶशͷࣄྫ: ڭҭػؔ

    View Slide

  41. View Slide

  42. View Slide

  43. جૅ
    ԋश
    ࣮ફ
    Ұาͣͭɼ࣍ͷεςʔδ΁
    ʮ࡞Γͳ͕ΒֶͿʯΛ܁Γฦ͢

    View Slide

  44. ߨٛ࣌ؒ ⁶ ԋश࣌ؒ
    ԋश
    20%
    ߨٛ
    80%
    ԋश
    80%
    ߨٛ
    20%
    Ұ੪ֶश ൓సֶश

    View Slide

  45. खΛಈ͔࣌ؒ͢ͷ࠷େԽ
    ௌ࣌ؒ͘ → ಈ࣌ؒ͘ ✍
    ෼͔Βͳ͍ → ௐ΂ΒΕΔ
    ✅ ஌͍ͬͯΔ → ಋ͖ग़ͤΔ

    View Slide

  46. ߨٛΑΓ΋ٞ࿦
    test ͸ޙͰॻ͘? ઌʹॻ͘? ͳͥ?
    devise Λ࢖͏? ࢖Θͳ͍? ͳͥ?
    scaffold Λ࢖͏? ࢖Θͳ͍? ͳͥ?
    Yes/No ͸ͲͪΒͰ΋ྑ͍ɻWhy Λॏࢹ
    લఏ: ͋ͳͨͷ։ൃϓϩδΣΫτ X ʹ͓͍ͯ

    View Slide

  47. Yes/No ͸ͲͪΒͰ΋ྑ͍ɻWhy Λॏࢹ
    ❌ ΈΜͳ͕ͦ͏ݴ͍ͬͯΔ͔Β
    ✅ ӡ༻ͷίετ͕ߴ͘ͳΔ͔Β
    ❌ Τϥ͍ਓ͕ͦ͏ݴ͔ͬͯͨΒ
    ✅ ͜ͷ࢓༷͸ޙͰมߋ͢Δ͔Β
    ྫ: νʔϜϝϯόʔΛٕज़తʹઆಘͰ͖Δ͔?
    ·ͣ͸ࣗ෼ͷओுΛॻ͘ɻ͋ͱͰڞ༗ͯٞ͠࿦

    View Slide

  48. Q. ࢓༷͕มΘΔՄೳੑ͸͋Δ?
    Q. Ͳ͜·Ͱॻ͘? 100%໢ཏ?
    Q. ԿͰॻ͘? minitest? RSpec?
    ·ͣ͸ࣗ෼ͷओுΛॻ͘ɻ͋ͱͰڞ༗ͯٞ͠࿦
    ྫ: ͋ͳͨͷϓϩδΣΫτXʹ͓͍ͯ
    test ͸ޙͰॻ͘? ઌʹॻ͘? ͳͥ?
    શମͰͷσΟεΧογϣϯ͸ධՁͷର৅֎
    ͔͠͠ɺࢀՃ͢Δͱૣ͘ߟ͑Δ࿅शʹͳΔ

    View Slide

  49. ʰ࡞Γͳ͕ΒֶͿʱ
    Λ࠷େԽ͢ΔͨΊͷ
    ղઆಈը × ൓సֶश

    View Slide

  50. ᾇ ൓సֶशͷ࢓૊Έ
    ᾈ ࣮ྫͱࡉ͔ͳ޻෉
    ᾉ ໰୊఺ͱղܾࡦ
    ᾈ ࣮ྫͱࡉ͔ͳ޻෉

    View Slide

  51. ᾇ ൓సֶशͷ࢓૊Έ
    ᾈ ࣮ྫͱࡉ͔ͳ޻෉
    ᾉ ໰୊఺ͱղܾࡦ
    ᾉ ໰୊఺ͱղܾࡦ

    View Slide

  52. ༧ࢉΛ૿΍͢
    ࣌ؒ
    ϖʔδ

    View Slide

  53. θϩ͔Β࡞Δͷ͸
    େมͰ͢ΑͶʜ

    View Slide

  54. ·ͨɺط੡඼Λ
    ങ͓͏ʹ΋ʜ

    View Slide

  55. ಈը୅ʷਓ਺෼

    View Slide

  56. ങ੾͸…
    ਓ਺͕…
    ࠶ߪೖ…

    View Slide

  57. ͦ͜Ͱ!

    View Slide

  58. View Slide






  59. ͸





    ͠
    ͨ

    ͩ
    ͚

    View Slide

  60. ৄ͘͠͸ https://railstutorial.jp/business

    View Slide

  61. ᾇ ൓సֶशͷ࢓૊Έ
    ᾈ ࣮ྫͱࡉ͔ͳ޻෉
    ᾉ ໰୊఺ͱղܾࡦ

    View Slide

  62. ·ͱΊ

    View Slide

  63. ʰ࡞Γͳ͕ΒֶͿʱΛॏࢹ
    ԋश
    20%
    ߨٛ
    80%
    ԋश
    80%
    ߨٛ
    20%
    Ұ੪ֶश ൓సֶश

    View Slide

  64. ஌ࣝ֫ಘ ՝୊࣮ઓ
    ߨٛ֎Ͱ
    ಈըͰֶͼɺߨٛͰ࣮ફ
    ߨٛதʹ

    View Slide

  65. Web։ൃͷʮ࠳ંʯΛܰݮ

    View Slide

  66. ղઆಈըΛ༻͍ͨೳಈతͳֶͼʹΑΔ੒Ռ
    RailsνϡʔτϦΞϧ × ൓సֶश

    View Slide