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

京都で開催した開発合宿の成果発表資料です

Transcript

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

5. ࣗࣾϖʔδ
   

   View Slide

6. എܠ
   • ࣗࣾϖʔδ( http://www.ikyu.co.jp )ͷӡ༻͸

   ੜͷHTMLΛ࡞ͬͯमਖ਼͍ͯͨ͠
   • ϖʔδͷߋ৽͸FTPͰπϥ͍
   • ྨࣅϖʔδ΋ίϐϖͰ৑௕
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

10. Ϗϧυ
    $ middleman build
    

    View Slide

11. αʔόىಈ
    $ middleman server
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

18. Demo
    

    View Slide

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

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

    View Slide

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

    View Slide

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

    View Slide

22. ژ౎Λָ͠Ή
    

    View Slide

23. ͪ͸΍;ΔΛ؍Δ
    

    View Slide

24. ͋ͱ͸੟஍΁
    

    View Slide