開発合宿@京都 /hack-camp-kyoto

Transcript

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

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

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

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

   ྨࣅ: Jekyll, HUGO

5. ࣗࣾϖʔδ

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

7. എܠ2 • ͱ͋Δ೔ͷձ࿩ • @naoya ʮ࠾༻ϖʔδͬͯͲ͏΍ͬͯϝϯςͯ͠Δͷʁʯ • @kentana20 ʮFTPͰμ΢ϯϩʔυͯ͠मਖ਼ͯ͠ΞοϓͰ͢Ͷʯ •

   @naoya ʮͦΕ͸πϥ͍ɻ΋͏ͪΐͬͱϚγʹ͍ͨ͠Ͷʯ • @kentana20 ʮͰ͢Ͷʯ • @naoya ʮMiddlemanͱ͔࢖͓͏Αʯ • @kentana20 ʮ;Ή;Ήʯ

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

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

10. Ϗϧυ $ middleman build

11. αʔόىಈ $ middleman server

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

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

    %> <div class="wrapper"> <%= partial 'partials/head_top' %>

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

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

16. HerokuʹσϓϩΠ • αΠτ࡞Δ • Procfile • MiddlemanͷϏϧυͱىಈΛॻ͚ͩ͘ web: bundle exec

    middleman build && middleman server -p $PORT

17. 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ͷهड़͸ඍົ… ͚Ͳ੩తαΠτͳͷͰ…

18. Demo

19. ࢒Γ΍Δ͜ͱ • HerokuͰ΍Δͷ͔ / ͘͞Βͷ··͔ΛܾΊΔ • HerokuͳΒͦͷ··ɺ͘͞ΒͳΒσϓϩΠํࣜΛม͑Δ • middleman-deploy ͱ͍͏Gem͕FTPͰͷϦϦʔεʹ


    ରԠ͍ͯ͠Δ • HerokuͳΒ /recruit/ ഑Լ΁ͷΞΫηεΛϦμΠϨΫτ͞ ͤΔ

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

    • ૣ͘΍Ε͹Α͔ͬͨɻɻ

21. ߹॓ॴײ • ߹ָ͍॓͠ • ·ͱ·ͬͨ࣌ؒͰ੒Ռग़͠΍͍͢ • ࠓճਓ਺૿͑ͯخ͍͠(6໊ -> 9໊) •

    ژ౎Ͱ͸༠࿭͕ଟ͗ͯ͢੨य़શ෦͔͚Δͷ͕Ή͔͍ͣ͠ • ·ͨ΍Γ·͠ΐ͏

22. ژ౎Λָ͠Ή

23. ͪ͸΍;ΔΛ؍Δ

24. ͋ͱ͸੟஍΁