開発合宿@京都 /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. ͋ͱ͸੟஍΁