おれおれWebサービスの開発～運用

Transcript

1. ͓Ε͓ΕWebαʔϏ
   εͷ։ൃʙӡ༻
   

   View Slide

2. Koshikawa Naoto
   ! ppworks
   " ppworks
   # pblog
   $ p4d, sendagaya.rb
   

   View Slide

3. &YDFM7#"
   1FSM 1)1 "4
   1FSM "4
   1)1 "4
   1)1 "4
   3VCZ 0CK$
   3VCZ 0CK$
   3VCZ 0CK$
   

   View Slide

4. blog
   

   View Slide

5. Sendagaya.rb
   • @fukajun ͞Μͱ2012೥5݄ʹ։࢝
   • 2012೥ͷͲ͔͜Ͱ@tkawa͞Μ͕ओ࠵ʹՃΘΔ
   • 2012೥຤@kuranuki͞Μʹݺͼग़͞ΕΔ
   • ʮϢʔͨͪձࣾ࢝ΊͨΒʁʯ=> @ppworks & @tkawaͰ
   genuineblueىۀ
   • sendagaya.rb͸2013೥8݄ʹ@tkawa & @fukajunʹҾ͖ܧ
   ͗
   

   View Slide

6. ࣗݾ঺հ͸͜͜·Ͱ
   

   View Slide

7. We love Heroku
   

   View Slide

8. View Slide

9. View Slide

10. View Slide

11. View Slide

12. View Slide

13. https://pplog.net
    

    View Slide

14. Ͱ͖ͳ͍͜ͱ
    

    View Slide

15. ͳΜͳͷ
    • ֤Ϣʔβʔ࠷৽ͷ1͚݅ͩදࣔ͞ΕΔblog
    • ࣗ෼͚ͩʹ͸աڈͷهࣄ͕ݟ͑Δ
    • ͸ͯͳελʔͷΑ͏ʹൣғΛબ୒ͯ͠ʮಡΜͩ
    Αʯग़དྷΔɻ
    • ϑΥϩʔͯ͠౤ߘ௨஌Λड͚औΕΔ

    ʢϑΥϩʔ͞Ε͍ͯΔ͜ͱ͸Θ͔Βͳ͍ʣ
    

    View Slide

16. Team pplog
    @ppworks Ruby On RailsɺJavaScript
    @ken_c_lo ίϯηϓτσβΠϯɺσβΠϯ
    @satococoa iOS
    @fukayatsu Android
    @fakestarbaby ؅ཧը໘
    

    View Slide

17. pplog͔ΒֶͿ
    WebαʔϏεͷ࡞Γํ
    

    View Slide

18. Ϟνϕʔγϣϯ
    • ๞͖Δલʹ࡞Δ
    • খ͘͞࡞Δ
    • ࠷ॳ͸௅ઓΛ͠ͳ͍
    • খ͘͞௅ઓ͢Δ
    

    View Slide

19. ԿΛ࡞Δ͔
    • αʔϏεͷREADME = POEM
    • ͍ͭͰ΋ͦ͜ʹཱͪฦΖ͏
    • ൑அج४͸ͦ͜
    • ϐϘοτ = ROEMΛ࣠ʹ
    • ࢥ͍͖ͭͷํ਑స׵͸ϐϘοτ͡Όͳ͍
    

    View Slide

20. ࢥ͍Λจষʹ͢Δ
    “ԶͨͪͷΏΔ;ΘΠϯλʔωοτʮpplogʯΛϦϦʔε͠·ͨ͠ʢͯ͠·ͨ͠ʣ”ΑΓ
    

    View Slide

21. ୭ͱ࡞Δ͔
    • ಉ͡ϨϕϧͰίϛοτग़དྷΔύʔτφʔ
    • αʔϏεʹର͢Δײ֮΍Ձ஋؍͕͍ۙ
    • ʮ૬खΛઆಘ͢Δඞཁ͕͋Δͱ͖ɺͦΕ͸ύʔ
    τφʔͳͷ͔ʁʯ
    • ޲͍͍ͯΔํ޲͕Ұॹͩͱ

    ҙࢥܾఆͷεϐʔυ͕͕͋Δ
    

    View Slide

22. Ͳ͏࡞Δ͔
    • ख׳Εͨಓ۩Λ༻͍ΔʢRailsɺherokuʣ

    ʮٕज़ݕূ͕͍ͨ͠ͷʁαʔϏεͷݕূ͕ͨ͠
    ͍ΜͩΑͶʁʯ
    • ͍ͭ΋ͷ΍ΓํͰ
    • ࢓ࣄͱಉ͡ΫΦϦςΟ
    • खΛൈ͔ͳ͍ʢςετॻ͘ɺfeature testʣ
    

    View Slide

23. ͍ͭ΋ͷ΍ͭ
    • railsςϯϓϨʔτͰ͸ͳ࣮͘ࡍʹಈ͍ͭ͘΋ͷ
    ϕʔεΞϓϦΛ࡞͓ͬͯ͘
    • https://github.com/ppworks/rails4base
    • herokuͳΒଈϦϦʔεͰ͖Δ
    • bootstrapͳΒ࠷ॳ͔ΒͦΕΆ͘ͳΔ
    

    View Slide

24. ͍ͭ΋ͷ΍Γ͔ͨ
    • ͍ͭ΋ͷwork flow
    • pull req։ൃ
    • WIPͳঢ়ଶͰ΋·ͣ͸pull req

    ʢੜࣽ͑ϓϧϦΫʣ
    • FIXME & FIXYOU
    • ͓٬͞ΜͱͦΕΛ࡞Δਓͱ͍͏

    ؔ܎ʹͳΒͳ͍
    

    View Slide

25. 1೔Ͱ࡞Δ
    

    View Slide

26. Ͳ͏࢖ͬͯ΋Β͏͔
    • ࢖ͬͯ΋Β͏ͷͰ͸ͳ͘ɺ࢖͏
    • Ϣʔβʔͷ੠ʹΑ͋͘ΔΞΠσΞͰ͸ͳ͘

    ԿΛղܾ͍ͨ͠ͷ͔ʁʹࣖΛ܏͚Δ
    • Ϣʔβʔ͸উखʹ૿͑Δ
    • αʔϏεͷཱࣗ
    

    View Slide

27. Ͳ͏ҭͯΔ͔
    • αʔϏεͷ੠Λฉ͘
    • Ͳ͏ͳΓ͍͔ͨʁαʔϏεͷؾ࣋ͪʹͳͬͯߟ
    ͑Δ
    • ͜ͷࢠɺͲ͏ͯ͋͛͠Δͱخ͔͠ͳʁ
    • ࠷৽ͷgem࢖͍ͬͯΔͱتͿλΠϓʁ
    

    View Slide

28. ༷ࢠΛݟΔ
    QQMPH
    ͯ͢ͱ
    

    View Slide

29. ༷ࢠͷݟ͔ͨ
    • github௨஌ => ։ൃͷ༷ࢠ
    • heroku௨஌ => deployͷ༷ࢠ
    • errbit͔Βͷ௨஌ => Τϥʔͷ༷ࢠ
    • twitterΤΰαʔν(twist) => ධ൑ͷ༷ࢠ
    • ಛఆͷจࣈྻ౤ߘΛ؂ࢹ => Ϣʔβʔͷ༷ࢠ
    ͢΂ͯJEPCBUBʹྲྀ͍ͯ͠Δ
    

    View Slide

30. αʔϏεͷٖਓԽ
    • TwitterͰαʔϏεͷதͷਓΞΧ΢ϯτΛ࡞Ζ͏
    • தͷਓͷݸਓΞΧ΢ϯτͰதͷͻͱͿΒͳ͍
    • ΤϯδχΞ͔Βͷෆ౎߹ใࠂʹΧοͱͳΒͳ͍
    • ෆ౎߹͸͠Εͬͱ௚͢
    • ো֐Ͱ߄ͯͳ͍
    l8αʔϏεΛٖਓԽͯ͠ӡ༻͠Α͏zΑΓ
    

    View Slide

31. @pplog_net
    • https://twitter.com/pplog_net
    • ϝϯςը໘ʹπΠʔτग़͓ͯ͘͠ͱศར
    

    View Slide

32. GoodsΛ࡞Δ
    

    View Slide

33. ޻෉͍ͯ͠Δ͜ͱ
    

    View Slide

34. ը૾Ͱ͸ͳ͘WEB font
    

    View Slide

35. heroku͸஗͍ʁ
    • ੩తϑΝΠϧΛCloud Frontʹ͓͘
    • SQLʹؾΛ͚ͭΔ(Railsͱ͍͑Ͳ΋SQLಡ΋͏)
    • fragment cache(Railsͷcacheػೳ)
    

    View Slide

36. Α͠Α͢͠Δ
    • WebαʔϏε͸ϤγϤγ͠ͳ͍ͱεωΔ
    • ఆظతͳbundle update
    • ѪΛ࣋ͬͯ઀͢Δ
    

    View Slide

37. heroku add-ons
    

    View Slide

38. ϚωλΠζ
    

    View Slide

39. ( ˘ω˘)ţźō…
    (୞ࠓٳۀதͰ͢)
    

    View Slide

40. View Slide

41. https://twitter.com/ppworks/status/469732680431452161
    

    View Slide