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ϖʔδʹର͢ΔςετΛ௥Ճɾ࣮ߦ (ࣦഊ) • Ϣʔβʔొ࿥ϖʔδΛϧʔτʹ௥Ճ • τοϓ͔ΒϢʔβʔొ࿥ϖʔδ΁ͷϦϯΫΛ௥Ճ • ୈ̑ষ·ͱΊ • Master΁merge / 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