Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Nakamyというサービスを作った話 @社内LT会
kikunantoka
April 13, 2018
Technology
1
85
Nakamyというサービスを作った話 @社内LT会
社内LT会@giftee
kikunantoka
April 13, 2018
Tweet
Share
More Decks by kikunantoka
See All by kikunantoka
kikunantoka
0
340
kikunantoka
1
1.4k
kikunantoka
3
970
kikunantoka
1
850
kikunantoka
3
350
kikunantoka
2
370
kikunantoka
1
1.2k
kikunantoka
0
170
kikunantoka
0
470
Other Decks in Technology
See All in Technology
oliva
7
1k
viva_tweet_x
3
2.5k
kanaugust
PRO
0
100
syoshie
0
150
benzookapi
1
140
imdigitallab
0
120
1stship
0
240
whitefox_73
0
190
gamella
3
1.4k
clustervr
0
130
pohjus
0
3.3k
pohjus
1
740
Featured
See All Featured
jnunemaker
PRO
40
4.6k
tanoku
258
24k
dotmariusz
94
5.5k
frogandcode
128
20k
destraynor
223
47k
brettharned
93
3k
matthewcrist
73
7.5k
mojombo
358
62k
pedronauck
652
110k
samlambert
237
10k
kastner
54
1.9k
schacon
145
6.6k
Transcript
Nakamyͱ͍͏αʔϏεΛ࡞ͬͨ @kikunantoka ࣾLTձ@giftee on 2018/04/13
ࣗݾհ about: name: Fumitaka Kikukawa twitter: @kikunantoka job: engineer work_at:
giftee Inc. // giftee is a good company.
ԿͬͯΜͷʁ
ԿͬͯΜͷʁ ʢࣾͰ($1ͱུ͞Εͩ͢ʜʣ
Nakamyͱ͍͏αʔϏεΛ࡞ͬͨ • ։ൃͨ͠αʔϏεʹ͍ͭͯ • ݸਓ։ൃͷֶͼ • NakamyΛࢧ͑Δٕज़ • ࠓޙͷ͍͖ͬͯ
։ൃͨ͠ αʔϏεʹ͍ͭͯ
https://nakamy.com
Nakamy • ༑ୡͷiPhoneͷதΛ͚ΔαʔϏε • Facebook࿈ܞͯ͠ɺϗʔϜը໘ΛΞοϓϩʔ υ͢Εɺ༑ୡͷϗʔϜը໘ΛݟΕΔ • কདྷతʹϢʔβଐੑʹج͍ͮͨΞϓϦͷϨ ίϝϯυͳͲ
None
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 • ಉ͡ΞϓϦΛ͜ͷਓͱ͜ͷਓ͕͍ͬͯΔɺௐ ͯΈΑ͏
ձࣾͰ͏ٕज़ͱڞ௨Խ͢Δ • AnsibleCFnͷςϯϓϨʔτGemfileͳͲ ࣄ͔Βྲྀ༻Ͱ͖ͨ • ٯʹSemantic UIͳͲݸਓ։ൃ͔Βࣄʹ׆ ͔͢͜ͱ͕Ͱ͖ͨ • ڞ௨Խ͢Δͱࣄͱݸਓ։ൃͰֶͼͷ૬ޮ
Ռ͕͋Δ
ίετΛ͔͚ͳ͍ • ConohaͳͲͷVPSΛ͓͏ͱ͚ͨ͠Ͳɺ݁ہAWSͰ Public IPͷΠϯελϯε1ஔ͍ͯ͋ΔߏͱมΘΒ ͳ͍ͱ͍͏ׂΓΓ • ແྉΛ࠷େݶʹ͏ • Bastionஔ͔ͳ͍
• $0.55 / month ʢcdn༻ͷαϒυϝΠϯͷΈʣ
ΫϩʔζͷλΠϛϯάΛܾΊΔ • ແྉ͕͍ͬͯΔ1ͷؒʹɺαʔόఔ ͷϚωλΠζͷॲཱ͕ͨͳ͚ΕɺΫϩʔ ζ͢Δ • AWSͷແྉ͕ྑ͍அϙΠϯτͱͳΔͷͰ • ࣈΛਨΕྲྀ͠ଓ͚Δͱਏ͘ͳΓͦ͏
ϚωλΠζ • ΞϓϦͷΞϑΟϦΤΠτͷഽײΛ௫Ή • ϒϩάͰΞϓϦͷհͷهࣄΛॻ͍ͯݕূ • 50 PVs /day Ͱ
¥200 / month ͙Β͍
શવ·Βͳ͍ • ϚωλΠζ͚ͯMAU֫ಘ͍͕͍ͨ͠͠ • Γ߹͍ͷҬΛͳ͔ͳ͔ग़ͳ͍… • γΣΞػೳʁ • ϒϩάϝσΟΞʁ •
Ωϟϯϖʔϯʁ
NakamyΛࢧ͑Δٕज़
Wappalyzer ᐌ͘
Πϯϑϥ • 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Ͱ͋Δඞཁੑͷݕ౼େࣄͦ͏ • JSΛΰϦοͱॻ͖ͨ͘ͳͬͨΒɺ෦తʹ VueΛ͏༧ఆ
CSSϑϨʔϜϫʔΫ • Semantic UI • Grid • ඞཁͦ͏ͳίϯϙʔωϯτἧ͍ͬͯΔ • semantic-ui-sass
ͱ͍͏GemͰೖΔ
Sentry • Τϥʔ௨αʔϏε • ձࣾͰAirbrake͔ΒSentryʹΓ͑த
ࠓޙͷ͍͖ͬͯ
ࠓޙͷ͍͖ͬͯ • ·ͱͳΞϓϦέʔγϣϯʹ্͍͛ͯ͘ • ऩӹԽΛࢦ͢ • Nakamy Insight • ϗʔϜը໘ΛऔΓ্͍͛ͯ͘
• Nakamy for Mac • ͲΜͳΤσΟλͬͯΔʁͱ͔Γ͍ͨ
࣌ؒ༨ͬͨΒฉ͍ͯཉ͍͠ • ϩΰͷͩ͜ΘΓ
࣌ؒ༨ͬͨΒฉ͍ͯཉ͍͠ • ϩΰͷͩ͜ΘΓ ࣋ͬͯΔΞϓϦेਓे৭
࣌ؒ༨ͬͨΒฉ͍ͯཉ͍͠ • ϩΰͷͩ͜ΘΓ ᶃ ᶄ ᶅ ᶆ ᶇ ᶈ ᶉ
ᶊ ᶋ ᶌ ࣋ͬͯΔΞϓϦेਓे৭
օ͞Μ༑ୡͷiPhoneΛ ͍ͯΈ·ͤΜ͔ʁ
https://nakamy.com
ίϚʔγϟϧ • We are hiring!!! - Ұॹʹಇؒ͘Λืूதʂ ձһສਓಥഁʂ ࠃ/PͷΧδϡΞϧΪϑταʔϏε