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