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

Nakamyというサービスを作った話

 Nakamyというサービスを作った話

@俺の話を聞け!!LT大会 in Tokyo ( https://orehanatokyo.connpass.com/event/82057/ )

A79762150f8a3c6015ec11c4f494a371?s=128

kikunantoka

March 22, 2018
Tweet

Transcript

  1. Nakamyͱ͍͏αʔϏεΛ࡞ͬͨ࿩ @kikunantoka Զͷ࿩Λฉ͚ʂʂLTେձ in Tokyo on 2018/03/22

  2. Զͷ࿩Λฉ͚ʂʂ

  3. Զͷ࿩Λฉ͚ʂʂ

  4. ࣗݾ঺հ about: name: Fumitaka Kikukawa twitter: @kikunantoka job: engineer work_at:

    giftee Inc. // giftee is a good company. ʢΫϨΠδʔέϯόϯυ͸͋Μ·Γௌ͔ͳ͍Ͱ͢ʣ ʢλΠΨʔυϥΰϯ͸ϦΞϧλΠϜͰ؍ͯ·ͨ͠ʣ
  5. Կ΍ͬͯΜͷʁ

  6. Կ΍ͬͯΜͷʁ

  7. Կ΍ͬͯΜͷʁ ʢࣾ಺Ͱ($1ͱུ͞Εͩ͢ʜʣ

  8. Զͷ࿩Λฉ͚ʂʂ

  9. Nakamyͱ͍͏αʔϏεΛ࡞ͬͨ࿩ • ։ൃͨ͠αʔϏεʹ͍ͭͯ • ݸਓ։ൃͷֶͼ • NakamyΛࢧ͑Δٕज़ • ࠓޙͷ΍͍͖ͬͯ

  10. ։ൃͨ͠ αʔϏεʹ͍ͭͯ

  11. https://nakamy.com

  12. Nakamy • ༑ୡͷiPhoneͷத਎Λ೷͚ΔαʔϏε • Facebook࿈ܞͯ͠ɺϗʔϜը໘ΛΞοϓϩʔ υ͢Ε͹ɺ༑ୡͷϗʔϜը໘ΛݟΕΔ • কདྷతʹ͸Ϣʔβଐੑʹج͍ͮͨΞϓϦͷϨ ίϝϯυͳͲ

  13. None
  14. User 01 User 02 User 03 User 04

  15. ࡞͖͔͚ͬͨͬ • ஌Βͳ͍ΞϓϦ͕ͨ͘͞Μ͋ͬͯɺ΋͍ͬͨͳ͍ • ͝൧ͷ࣌ʹʮ͓͢͢ΊͷΞϓϦ͋Δʁʯͬͯฉ͍ ͯ΋1ݸ͔2ݸ͙Β͍͔͠Ҿ͖ग़ͤͳ͍ • ༑ୡͷiPhoneͷத਎Λ೷͖͍ͨ • ͩͬͨΒɺ͍ͬͦͷ͜ͱϗʔϜը໘ΛΞοϓϩʔ

    υͤͯ͞ɺը૾ղੳ͠Α͏
  16. ݸਓ։ൃͷֶͼ

  17. શવਐ·ͳ͍ • खΛಈ͔ͤΔਓ͸ࣗ෼ͻͱΓ • ׬શʹϞνϕʔγϣϯʹґଘ • ฏ೔8࣌ؒಇ͍ͨޙͷ࢒Γ + ౔೔ •

    ࢓ࣄͰαʔϏε։ൃ͍ͯ͠Δ࣌ͷ଎౓͸ͳ͔ ͳ͔௒͑ΒΕͳ͍
  18. ٕज़ʹڽΓͩ͢ͱશવਐ·ͳ͍ • React on Rails on SSR on SPA with

    HMR with Redux with CSS Modules • ΞϓϦԽΛߟ͑ͯ next.js + Railsʁ • ؀ڥߏங͢Δ͚ͩͰຬ଍ͯ͠͠·ͬͨ • ؊৺ͷΞϓϦέʔγϣϯίʔυ͸શવਐΜͰ͍ ͳ͔ͬͨ
  19. MVPΛϦϦʔε͢Δ͜ͱΛ໨తͱ͢Δ • ։ൃ͕௕ظԽ͢ΔͱϞνϕʔγϣϯ͕མͪͯ ͘Δ • ࢖͑Δ͕࣌ؒগͳ͍͜ͱΛҙࣝͯ͠ಈ͘ • ࣮૷͢Δػೳ΍ٕज़ͷऔࣺબ୒ • ʮ࡞Ζ͏ͱࢥͬͯ·͢ʯ͸Կ΋࢈·ͳ͍

  20. NakamyͷMVP • ϗʔϜը໘ΛΞοϓϩʔυ͢Δͱը૾ղੳ͞ Εͯɺதʹೖ͍ͬͯΔΞϓϦҰཡ͕औಘͰ͖ ͯɺͦͷΞϓϦͷৄࡉ͕ݟΕͯ… • ༑ୡͷϗʔϜը໘ͷεΫϦʔϯγϣοτͷը ૾͕ݟΕΔ • FB࿈ܞ,

    ༑ୡػೳ, Ξοϓϩʔυػೳ
  21. ϦϦʔε͢Δ͜ͱͰ • ஌Γ߹͍͔͠࢖ͬͯͳͯ͘΋ɺগͳ͘ͱ΋൓ ڹ͕͋Δ • ࣍ͷػೳΛ։ൃ͢ΔϞνϕʔγϣϯʹͳΔ • ࠓ΍͍ͬͯΔ͜ͱΛڞ༗͠΍͘͢ͳΔ

  22. ϦϦʔε͢Δ͜ͱͰ • αʔϏεͷ໘ന͞ΛମײͰ͖Δ • CTO͕ωλ౤ߘͯ͠Δw • ಉ͡ΞϓϦΛ͜ͷਓͱ͜ͷਓ͕࢖͍ͬͯΔɺௐ΂ ͯΈΑ͏

  23. ձࣾͰ࢖͏ٕज़ͱڞ௨Խ͢Δ • Ansible΍CFnͷςϯϓϨʔτ΍GemfileͳͲ ͸࢓ࣄ͔Βྲྀ༻Ͱ͖ͨ • ٯʹSemantic UIͳͲ͸ݸਓ։ൃ͔Β࢓ࣄʹ׆ ͔͢͜ͱ͕Ͱ͖ͨ • ڞ௨Խ͢Δͱ࢓ࣄͱݸਓ։ൃͰֶͼͷ૬৐ޮ

    Ռ͕͋Δ
  24. ίετΛ͔͚ͳ͍ • ConohaͳͲͷVPSΛ࢖͓͏ͱ͚ͨ͠Ͳɺ݁ہAWSͰ Public IPͷΠϯελϯε1୆ஔ͍ͯ͋Δߏ੒ͱมΘΒ ͳ͍ͱ͍͏ׂΓ੾Γ • ແྉ࿮Λ࠷େݶʹ࢖͏ • Bastion΋ஔ͔ͳ͍

    • $0.55 / month ʢcdn༻ͷαϒυϝΠϯ୅ͷΈʣ
  25. ΫϩʔζͷλΠϛϯάΛܾΊΔ • ແྉ࿮͕࢒͍ͬͯΔ1೥ͷؒʹɺαʔό୅ఔ౓ ͷϚωλΠζͷ໨ॲཱ͕ͨͳ͚Ε͹ɺΫϩʔ ζ͢Δ • AWSͷແྉ࿮͕ྑ͍൑அϙΠϯτͱͳΔͷͰ ͸ • ੺ࣈΛਨΕྲྀ͠ଓ͚Δͱਏ͘ͳΓͦ͏

  26. ϚωλΠζ • ΞϓϦͷΞϑΟϦΤΠτͷഽײΛ௫Ή • ϒϩάͰΞϓϦͷ঺հͷهࣄΛॻ͍ͯݕূ • 50 PVs /day Ͱ

    ¥200 / month ͙Β͍
  27. શવ޿·Βͳ͍ • ϚωλΠζ΁޲͚ͯMAU֫ಘ͍͕ͨ͠೉͍͠ • ஌Γ߹͍ͷҬΛͳ͔ͳ͔ग़ͳ͍… • γΣΞػೳʁ

  28. NakamyΛࢧ͑Δٕज़

  29. Πϯϑϥ • AWS • ແྉ࿮ߏ੒

  30. όοΫΤϯυ • Rails 5.1.3 # facebook API gem 'koala' #

    image gem 'carrierwave' gem 'fog-aws' gem 'rmagick' gem 'carrierwave-magic' gem 'piet' gem 'piet-binary' # error log gem 'sentry-raven' # views gem 'autoprefixer-rails' gem 'semantic-ui-sass' gem 'jquery-rails' gem 'slim-rails' # database gem 'seed-fu' # authorization gem 'omniauth-facebook' gem 'devise'
  31. ϑϩϯτΤϯυ • Rails ͷ View Ͱ Slim + Sass •

    SPAͰ͋Δඞཁੑͷݕ౼͸େࣄͦ͏ • ඇಉظॲཧ͕ॻ͖ͨ͘ͳͬͨΒ෦෼తʹVueΛ ࢖͏༧ఆ
  32. CSSϑϨʔϜϫʔΫ • Semantic UI • Grid • ඞཁͦ͏ͳίϯϙʔωϯτ͸ἧ͍ͬͯΔ • semantic-ui-sass

    ͱ͍͏GemͰೖΔ
  33. Sentry • Τϥʔ௨஌αʔϏε • ձࣾͰAirbrake͔ΒSentryʹ৐Γ׵͑த

  34. ࠓޙͷ΍͍͖ͬͯ

  35. ࠓޙͷ΍͍͖ͬͯ • ·ͱ΋ͳΞϓϦέʔγϣϯʹ࢓্͍͛ͯ͘ • ऩӹԽΛ໨ࢦ͢ • Nakamy Insight • ϗʔϜը໘ΛऔΓ্͍͛ͯ͘

    • Nakamy for Mac • ͲΜͳΤσΟλ࢖ͬͯΔʁͱ͔΍Γ͍ͨ
  36. ࣌ؒ༨ͬͨΒฉ͍ͯཉ͍͠࿩ • ϩΰͷ࿩

  37. ࣌ؒ༨ͬͨΒฉ͍ͯཉ͍͠࿩ • ϩΰͷ࿩ ࣋ͬͯΔΞϓϦ͸ेਓे৭

  38. ࣌ؒ༨ͬͨΒฉ͍ͯཉ͍͠࿩ • ϩΰͷ࿩ ࣋ͬͯΔΞϓϦ͸ेਓे৭ ᶃ ᶄ ᶅ ᶆ ᶇ ᶈ

    ᶉ ᶊ ᶋ ᶌ
  39. օ͞Μ΋༑ୡͷiPhoneΛ ೷͍ͯΈ·ͤΜ͔ʁ

  40. https://nakamy.com

  41. ίϚʔγϟϧ • We are hiring!!! - Ұॹʹಇ͘஥ؒΛืूதʂ ձһ਺ສਓಥഁʂ ࠃ಺/PͷΧδϡΞϧΪϑταʔϏε