Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

Naoto Koshikawa

November 16, 2014
Tweet

More Decks by Naoto Koshikawa

Other Decks in Programming

Transcript

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  5. ࣗݾ঺հ͸͜͜·Ͱ

    View full-size slide

  6. We love Heroku

    View full-size slide

  7. https://pplog.net

    View full-size slide

  8. Ͱ͖ͳ͍͜ͱ

    View full-size slide

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

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

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

    View full-size slide

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

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

    View full-size slide

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

    View full-size slide

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

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

    ؔ܎ʹͳΒͳ͍

    View full-size slide

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

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

    View full-size slide

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

    View full-size slide

  21. ༷ࢠΛݟΔ
    QQMPH
    ͯ͢ͱ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  25. GoodsΛ࡞Δ

    View full-size slide

  26. ޻෉͍ͯ͠Δ͜ͱ

    View full-size slide

  27. ը૾Ͱ͸ͳ͘WEB font

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  30. heroku add-ons

    View full-size slide

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

    View full-size slide

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

    View full-size slide