Rails Hands-on Seminar Ch05

Rails ハンズオンセミナー (第5章) の資料です。
本スライドを使った解説動画(スクリーンキャスト)もあるので是非 :)

Rails スクリーンキャスト
http://railstutorial.jp/screencasts

【関連リンク】
Rails ハンズオンセミナー: http://railstutorial.jp/seminars
Rails チュートリアル: http://railstutorial.jp/
Rails ガイド: http://railsguides.jp/

Transcript

1. ୈ5ষ ϨΠΞ΢τΛ࡞੒͢Δ #RailsϋϯζΦϯηϛφʔ http://railstutorial.jp/ RailsνϡʔτϦΞϧ by ϠεϥϘ 3VCZ
   PO
   3BJMT
   νϡʔτϦΞϧ
   ࣮ྫΛ࢖ͬͯ3BJMTΛֶ΅͏
   .JDIBFM
   )BSUM
   ϚΠέϧɾϋʔτϧ
2. ηϛφʔΛ ࢝ΊΔલʹ
3. Screencast.first.visit? http://railstutorial.jp/screencasts
4. Chapter.code.valid? https://github.com/yasslab/sample_apps
5. ຊηϛφʔͷ ̏ͭͷಛ௕
6. ߨࢣͷλʔϛφϧ͸Լه URL ͔ΒӾཡͰ͖·͢ :) http://screenx.tv/yasulab ߨٛதʹࢀরͨ͠ϦϯΫ͸ίϝϯτཝͰ (࣭໰΋͓ؾܰʹ)
7. ࣭໰͸͍ͭͰ΋͓ؾܰʹ! ݸผ૬ஊ͸ٳܜ΍ऴྃޙʹ :)
8. “࿩ʹ͍͍͚ͭͯͳ͔ͬͨorz” ͦΜͳͱ͖ʹ҆৺ͳಈըαϙʔτ!
9. Ready?
10. ϋϯζΦϯηϛφʔΛ ਐΊ͍͖ͯ·͠ΐ͏!
11. ୈ5ষ ϨΠΞ΢τΛ࡞੒͢Δ #RailsϋϯζΦϯηϛφʔ http://railstutorial.jp/ RailsνϡʔτϦΞϧ by ϠεϥϘ 3VCZ
    PO
    3BJMT
    νϡʔτϦΞϧ
    ࣮ྫΛ࢖ͬͯ3BJMTΛֶ΅͏
    .JDIBFM
    )BSUM
    ϚΠέϧɾϋʔτϧ
12. • ϔϧύʔؔ਺Λ࢖ͬͯλΠτϧΛվળ: • HomeͰ͸جຊλΠτϧ͚ͩΛදࣔ • Rubyͷجຊతͳจ๏ʹֶ͍ͭͯश: • จࣈྻͱϝιου • σʔλߏ଄ (഑ྻ/Block/Hash/γϯϘϧ) • Ϋϥε (ίϯετϥΫλ/ܧঝ/૊ࠐΈΫϥε) • Railsʹ͓͚ΔΫϥε (Controller / User) ୈ̐ষͰ΍ͬͨ͜ͱ
13. 1. WebαΠτͷجຊతͳϨΠΞ΢τΛ࡞੒
 − Home/About/Help/Signupϖʔδ
 − BootstrapΛ࢖ͬͨσβΠϯ
 − PartialػೳΛ࢖ͬͨϦϑΝΫλϦϯά 2. Asset Pipelineػೳ΍Sassʹ͍ͭͯ঺հ 3. Routes΍ςετΛચ࿅ͤ͞Δ 4. Ϣʔβʔొ࿥ͷϖʔδΛTDDͰ࡞੒ ୈ̑ষͰ΍Δ͜ͱ
14. ୈ5ষ ϨΠΞ΢τΛ࡞੒͢Δ 5.1 ߏ଄Λ௥Ճ͢Δ http://railstutorial.jp/ RailsνϡʔτϦΞϧ by ϠεϥϘ 3VCZ
    PO
    3BJMT
    νϡʔτϦΞϧ
    ࣮ྫΛ࢖ͬͯ3BJMTΛֶ΅͏
    .JDIBFM
    )BSUM
    ϚΠέϧɾϋʔτϧ
15. • ߏ଄Λ௥Ճͨ͠WebαΠτͷϨΠΞ΢τ • ϩάΠϯϖʔδ΁ͷϦϯΫ͕͋ΔHomeϖʔδ • BootstrapΛ࢖ͬͨσβΠϯΛվળ • Asset PipelineͰBootstrapΛ࠷దԽ • SassݴޠΛ࢖ͬͯCSSΛ௥Ճɾ֦ு͢Δ • PartialػೳΛ࢖ͬͯheader/footerΛڞ௨Խ ߏ଄Λ௥Ճ͢Δ
16. ୈ5ষ ϨΠΞ΢τΛ࡞੒͢Δ 5.2 SassͱAsset Pipeline http://railstutorial.jp/ RailsνϡʔτϦΞϧ by ϠεϥϘ 3VCZ
    PO
    3BJMT
    νϡʔτϦΞϧ
    ࣮ྫΛ࢖ͬͯ3BJMTΛֶ΅͏
    .JDIBFM
    )BSUM
    ϚΠέϧɾϋʔτϧ
17. • Asset Pipiline:
 => CSS/JavaScript/ը૾ͳͲͷ੩తίϯςϯπͷ
 ɹ ੜ࢈ੑͱ؅ཧΛڧԽ͢Δػೳɻ • ΞηοτσΟϨΫτϦ
 ੩తϑΝΠϧΛ໨తผʹ෼ྨ͢Δ • ϚχϑΣετϑΝΠϧ
 1ͭͷϑΝΠϧʹ·ͱΊΔํ๏ΛRailsʹࢦࣔ • ϓϦϓϩηοαΤϯδϯ
 ࢦࣔʹैͬͯϒϥ΢βʹ഑৴Ͱ͖ΔΑ͏ʹ݁߹ SassͱAsset Pipeline
18. • Sassͷಛ௃ • 1. ωετ
 ελΠϧγʔτ಺ʹڞ௨ͷύλʔϯ͕͋Δ৔߹͸ɺ ཁૉΛωετͤ͞Δ͜ͱ͕Ͱ͖Δɻ • 2. ม਺
 ৑௕ͳίʔυΛ࡟আ͠ɺΑΓࣗ༝ͳදݱΛՄೳʹ͢ ΔͨΊʹɺม਺͕ఆٛͰ͖Δɻ • 3. ϛοΫεΠϯ (̓.1Ͱղઆ)
 CSSϧʔϧͷάϧʔϓΛύοέʔδԽͯ͠ɺ
 ෳ਺ͷཁૉʹద༻Ͱ͖Δɻ(e.g. @include ) SassͱAsset Pipeline
19. ୈ5ষ ϨΠΞ΢τΛ࡞੒͢Δ 5.3 ϨΠΞ΢τͷϦϯΫ http://railstutorial.jp/ RailsνϡʔτϦΞϧ by ϠεϥϘ 3VCZ
    PO
    3BJMT
    νϡʔτϦΞϧ
    ࣮ྫΛ࢖ͬͯ3BJMTΛֶ΅͏
    .JDIBFM
    )BSUM
    ϚΠέϧɾϋʔτϧ
20. • ContactϖʔδΛ୊ࡐʹςετ΍ΞΫγϣϯΛ෮श • ςετۦಈ։ൃͰ,
 ӈͷදͷΑ͏ʹ
 URLͱϧʔτΛ
 Ϛοϐϯά͢Δɻ • config/routes.rb
 ͷॻ͖ํΛઆ໌ • ςετΛΑΓ؆ܿʹચ࿅ͤ͞Δ ϨΠΞ΢τͷϦϯΫ
21. ୈ5ষ ϨΠΞ΢τΛ࡞੒͢Δ 5.4 Ϣʔβʔొ࿥ http://railstutorial.jp/ RailsνϡʔτϦΞϧ by ϠεϥϘ 3VCZ
    PO
    3BJMT
    νϡʔτϦΞϧ
    ࣮ྫΛ࢖ͬͯ3BJMTΛֶ΅͏
    .JDIBFM
    )BSUM
    ϚΠέϧɾϋʔτϧ
22. • ࠓ·Ͱͷ·ͱΊɾ෮श • Usersίϯτϩʔϥͷੜ੒ (newΞΫγϣϯΛ௥Ճ) • Usersϖʔδʹର͢ΔςετΛ௥Ճɾ࣮ߦ (ࣦഊ) • Ϣʔβʔొ࿥ϖʔδΛϧʔτʹ௥Ճ • τοϓ͔ΒϢʔβʔొ࿥ϖʔδ΁ͷϦϯΫΛ௥Ճ • ୈ̑ষ·ͱΊ • Master΁merge / GitHub΁ͷpush / Heroku΁ͷdeploy Ϣʔβʔొ࿥
23. ͓ർΕ༷Ͱͨ͠
24. ࢀߟ৘ใ
25. ΞηοτύΠϓϥΠϯ http://railsguides.jp/asset_pipeline.html
26. RailsͷϧʔςΟϯά http://railsguides.jp/routing.html
27. ϨΠΞ΢τͱϨϯμϦϯά http://railsguides.jp/asset_pipeline.html
28. ͓஌Βͤ
29. RailsύεϙʔτΛ։࢝͠·͢!
30. എܠ • Ωϟϯηϧ଴ͪͩͱ༧ఆཱ͕ͯͮΒ͍ :(
 => ʮ”ͱΓ͋͑ͣਃ͠ࠐΈ” ͕ଟ͍…?ʯ • εΫϦʔϯΩϟετΛࣄલʹࢹௌ͍ͨ͠!
 => ʮܾࡁ͕ηϛφʔ௚લͳͷͰ೉͍͠ʯ • ಉ͡ষΛԿ౓΋ࢀՃ͍ͨ͠!
 => ʮಛʹɼݸผʹ࣭໰/૬ஊ͕͍ͨ͠ʯ
31. ίΞͳࢀՃऀ͕ ֶश͠΍͍͢
 ؀ڥʹ.
32. ࢀՃඅͷ·ͱΊܾͯࡁϓϥϯ
33. Ωϟϯηϧ଴ͪͰ΋ࢀՃՄೳ!
34. ಈը͕ࣄલʹࢹௌͰ͖·͢
35. ϑϦʔύεܗࣜ (࠶ԋࢀՃՄ)