Tweet
Tweet

Slide 1

Slide 1 text

։ൃ߹॓੒Ռൃද ݹయ෦ ݉ ͔Δͨ෦ @kentana20

Slide 2

Slide 2 text

Agenda • ߹॓Ͱͷ໨ඪ • ΍ͬͨ͜ͱ • σϞ • ·ͱΊ

Slide 3

Slide 3 text

߹॓Ͱͷ໨ඪ • ࣗࣾϖʔδΛMiddlemanԽͯ͠Ϟμϯʹ • ژ౎Λָ͠Ή • ͪ͸΍;ΔΛ؍Δ • ੟஍ʹߦ͘

Slide 4

Slide 4 text

Middleman • Ruby੡ͷ੩తαΠτδΣωϨʔλ • ςϯϓϨʔτΤϯδϯ • ։ൃ༻αʔόʹ΋ͳΔ • ෦෼ςϯϓϨʔτ΋࢖͑Δ • ྨࣅ: Jekyll, HUGO

Slide 5

Slide 5 text

ࣗࣾϖʔδ

Slide 6

Slide 6 text

എܠ • ࣗࣾϖʔδ( http://www.ikyu.co.jp )ͷӡ༻͸
 ੜͷHTMLΛ࡞ͬͯमਖ਼͍ͯͨ͠ • ϖʔδͷߋ৽͸FTPͰπϥ͍ • ྨࣅϖʔδ΋ίϐϖͰ৑௕

Slide 7

Slide 7 text

എܠ2 • ͱ͋Δ೔ͷձ࿩ • @naoya ʮ࠾༻ϖʔδͬͯͲ͏΍ͬͯϝϯςͯ͠Δͷʁʯ • @kentana20 ʮFTPͰμ΢ϯϩʔυͯ͠मਖ਼ͯ͠ΞοϓͰ͢Ͷʯ • @naoya ʮͦΕ͸πϥ͍ɻ΋͏ͪΐͬͱϚγʹ͍ͨ͠Ͷʯ • @kentana20 ʮͰ͢Ͷʯ • @naoya ʮMiddlemanͱ͔࢖͓͏Αʯ • @kentana20 ʮ;Ή;Ήʯ

Slide 8

Slide 8 text

ελʔτ஍఺ • Middleman৮ͬͨ͜ͱͳ͍ • Rails͸ܦݧ͋Δ • ࣗࣾϖʔδͷFTPΞΧ΢ϯτ࣋ͬͯΔ

Slide 9

Slide 9 text

ಋೖͱॳظԽ $ gem install middleman $ middleman init ikyucorp

Slide 10

Slide 10 text

Ϗϧυ $ middleman build

Slide 11

Slide 11 text

αʔόىಈ $ middleman server

Slide 12

Slide 12 text

σΟϨΫτϦߏ੒ ੜ੒͞ΕΔ ੩తϑΝΠϧ͸build഑Լʹ Ϗϧυલͷerb, sassϑΝ ΠϧͳͲ͸source഑Լʹ

Slide 13

Slide 13 text

ศརͳ఺#1 • ෦෼ςϯϓϨʔτ • ϔομɺϑολͳͲڞ௨෦෼Λ෦඼Խ • ෦෼ςϯϓϨʔτ΁ͷม਺౉͠(locals)΋Մೳ <%= partial 'partials/nav_top' %>
<%= partial 'partials/head_top' %>

Slide 14

Slide 14 text

ศརͳ఺#2 • LiveReload • ϑΝΠϧΛॻ͖׵͑ͨλΠϛϯάͰϒϥ΢βΛউखʹ Ϧϩʔυͯ͘͠ΕΔ $ middleman server --livereload

Slide 15

Slide 15 text

ࣗࣾϖʔδMiddlemanԽ • ର৅ϖʔδ͸ http://www.ikyu.co.jp/recruit/ • ϨΠΞ΢τɺ෦෼ςϯϓϨʔτͳͲͰڞ௨Խͭͭ͠ MiddlemanԽ • ΍Γ࢝Ί͔ͯΒ1೔͘Β͍ͰͰ͖ͨ

Slide 16

Slide 16 text

HerokuʹσϓϩΠ • αΠτ࡞Δ • Procfile • MiddlemanͷϏϧυͱىಈΛॻ͚ͩ͘ web: bundle exec middleman build && middleman server -p $PORT

Slide 17

Slide 17 text

Circle CIͰࣗಈԽ • Heroku΁ͷσϓϩΠΛࣗಈԽ • master mergeͰൃಈ machine: timezone: Asia/Tokyo ruby: version: 2.3.1 test: override: - echo "test" deployment: production: branch: master heroku: appname: ikyucorp-middleman testͷهड़͸ඍົ… ͚Ͳ੩తαΠτͳͷͰ…

Slide 18

Slide 18 text

Demo

Slide 19

Slide 19 text

࢒Γ΍Δ͜ͱ • HerokuͰ΍Δͷ͔ / ͘͞Βͷ··͔ΛܾΊΔ • HerokuͳΒͦͷ··ɺ͘͞ΒͳΒσϓϩΠํࣜΛม͑Δ • middleman-deploy ͱ͍͏Gem͕FTPͰͷϦϦʔεʹ
 ରԠ͍ͯ͠Δ • HerokuͳΒ /recruit/ ഑Լ΁ͷΞΫηεΛϦμΠϨΫτ͞ ͤΔ

Slide 20

Slide 20 text

Middlemanॴײ • Middleman • Rails͔Β੩తαΠτ࡞Δػೳ͕ൈ͖ग़͞ΕͯΔײ͡Ͱ࢖ ͍উख͕͍͍ • ϏϧυɺσϓϩΠ΋ϥΫ • ͜ΕͳΒσβΠφʔʹ΋࢖ͬͯ΋Β͑Δͱࢥ͏ • ૣ͘΍Ε͹Α͔ͬͨɻɻ

Slide 21

Slide 21 text

߹॓ॴײ • ߹ָ͍॓͠ • ·ͱ·ͬͨ࣌ؒͰ੒Ռग़͠΍͍͢ • ࠓճਓ਺૿͑ͯخ͍͠(6໊ -> 9໊) • ژ౎Ͱ͸༠࿭͕ଟ͗ͯ͢੨य़શ෦͔͚Δͷ͕Ή͔͍ͣ͠ • ·ͨ΍Γ·͠ΐ͏

Slide 22

Slide 22 text

ژ౎Λָ͠Ή

Slide 23

Slide 23 text

ͪ͸΍;ΔΛ؍Δ

Slide 24

Slide 24 text

͋ͱ͸੟஍΁