Nakamyͱ͍͏αʔϏεΛ ݸਓ։ൃͯ͠ϦϦʔεͨ͠࿩ @kikunantoka 

ࣗݾ঺հ about: name: Fumitaka Kikukawa twitter: @kikunantoka work_at: giftee Inc. // giftee is a good company. ࢷͷ৐Γ࢝Ίͨएख(?) (3೥໨)Ͱ͢ 

͜ͷ1೥ؒ • ڈ೥ͷ10݄ʹస৬ͨ͠ • ΤϯδχΞͱͯ͠ඞཁ࠷௿ݶͳ஌ࣝ͸৬Ҭબ ͹ͣʹֶΜͩ • Πϯϑϥ - AWS, CFn, Ansible • όοΫΤϯυ - Rails • ϑϩϯτΤϯυ - React, Redux, PostCSS • σβΠϯ - UIઃܭ, SketchͰॻ͚Δൣғͷૉࡐ࡞੒ • Ϗδωε - Ҋ݅ͰಘΒΕΔऩӹͱΠϯϑϥؚΊͨίετ 

࠷ۙͷ͠͝ͱ ΩϟϯϖʔϯͷϓϥοτϑΥʔϜΛ࡞ͬͯ·͢ 

ΞδΣϯμ • ϦϦʔεͨ͠αʔϏεʹ͍ͭͯ • ݸਓ։ൃͷֶͼ • ࢖ٕͬͨज़ɾαʔϏε • ࠓޙͷ΍͍͖ͬͯ 

ϦϦʔεͨ͠ αʔϏεʹ͍ͭͯ 

https://nakamy.com 

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

No content

User 01 User 02 User 03 User 04 

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

ݸਓ։ൃͷֶͼ 

શવਐ·ͳ͍ • ׬શʹϞνϕʔγϣϯʹґଘ • ฏ೔8࣌ؒಇ͍ͨޙͷ࢒Γ + ౔೔ • ࢓ࣄͰαʔϏε։ൃ͍ͯ͠Δ࣌ͷ଎౓͸ͳ͔ ͳ͔௒͑ΒΕͳ͍ 

ٕज़ʹڽΓͩ͢ͱશવਐ·ͳ͍ • React on Rails on SSR on SPA with HMR with Redux with CSS Modules • ΞϓϦԽΛߟ͑ͯ next.js + Railsʁ • ߏங͢Δ͚ͩͰຬ଍ͯ͠͠·ͬͨ • ؊৺ͷΞϓϦέʔγϣϯίʔυ͸શવਐΜͰ͍ ͳ͔ͬͨ 

MVPΛϦϦʔε͢Δ͜ͱΛ໨తͱ͢Δ • ։ൃ͕௕ظԽ͢ΔͱϞνϕʔγϣϯ͕མͪͯ ͘Δ • ࢖͑Δ͕࣌ؒগͳ͍͜ͱΛҙࣝͯ͠ಈ͘ • ࣮૷͢Δػೳ΍ٕज़ͷऔࣺબ୒ • ʮ࡞Ζ͏ͱࢥͬͯ·͢ʯ͸Կ΋࢈·ͳ͍ 

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

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

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

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

ίετΛ͔͚ͳ͍ • ConohaͳͲͷVPSΛ࢖͓͏ͱ͚ͨ͠Ͳɺ݁ہAWSͰ Public IPͷΠϯελϯε1୆ஔ͍ͯ͋Δߏ੒ͱมΘΒ ͳ͍ͱ͍͏ׂΓ੾Γ • ແྉ࿮Λ࠷େݶʹ࢖͏ • Bastion΋ஔ͔ͳ͍ • $0.55 / month ʢcdn༻ͷαϒυϝΠϯ୅ͷΈʣ 

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

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

࢖ٕͬͨज़ɾαʔϏε 

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

όοΫΤϯυ • 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' 

ϑϩϯτΤϯυ • Rails ͷ View Ͱ Slim + Sass • SPAͰ͋Δඞཁੑͷݕ౼͸େࣄͦ͏ • ඇಉظॲཧ͕ॻ͖ͨ͘ͳͬͨΒ෦෼తʹVueΛ ࢖͏༧ఆ 

CSSϑϨʔϜϫʔΫ • Semantic UI • Grid • ඞཁͦ͏ͳίϯϙʔωϯτ͸ἧ͍ͬͯΔ • semantic-ui-sass ͱ͍͏GemͰೖΔ 

Sentry • Τϥʔ௨஌αʔϏε • ձࣾͰAirbrake͔ΒSentryʹ৐Γ׵͑த 

ࠓޙͷ΍͍͖ͬͯ 

ࠓޙͷ΍͍͖ͬͯ • ༑ୡҎ֎ΛݟΕΔΑ͏ʹ • ऩӹԽΛ໨ࢦ͢ • Nakamy for Mac • ͲΜͳΤσΟλ࢖ͬͯΔʁͱ͔΍Γ͍ͨ 

·ͱΊ • ϦϦʔεΛ͍͖ͯ͠·͠ΐ͏ 

ίϚʔγϟϧ • We are hiring!!! - ΤϯδχΞืूதͰ͢ʂ ձһ਺ສਓಥഁʂ
ࠃ಺/PͷΧδϡΞϧΪϑταʔϏε 

ίϚʔγϟϧ • Meetup΍Γ·͢ - http://bit.ly/2zCphaB