Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Nakamyというサービスを個人開発してリリースした話
Search
kikunantoka
October 23, 2017
Technology
0
920
Nakamyというサービスを個人開発してリリースした話
@第12回若手Webエンジニア交流会 (
https://wakateweb.connpass.com/event/67846/
)
kikunantoka
October 23, 2017
Tweet
Share
More Decks by kikunantoka
See All by kikunantoka
個人開発しているサービスのインフラをAWSからGCPに載せ替えた話 💪 / kojin_kaihatsu_night_3
kikunantoka
0
1.2k
Gatsby.jsとCloud Functionsで毎週自動でコンテンツが更新され続けるフレームワーク比較サイトを作った話 / gotanda_js_13
kikunantoka
1
2.4k
Gatsby.jsとCloud Functionsで毎週自動でコンテンツが更新され続けるフレームワーク比較サイトを作った話 / frontend_night_1
kikunantoka
3
1.6k
サービスがゼロからN億円規模になるまに実践した7つのやっていき / 7_yatteiki_battle_conference_u30_2019
kikunantoka
1
1.3k
Gatsby.jsとNetlifyとの付き合い方 / gatsby-js-and-netlify
kikunantoka
3
600
Gatsby.jsで導入事例をバシバシ読めるSPAなLPを作った話 / gatsby-js-for-biz-lp
kikunantoka
2
670
Gatsby.jsで導入事例をバシバシ読めるSPAなLPを作った話 / gatsby-js-for-biz-lp
kikunantoka
1
1.8k
今日から始める Flood.io / fuka-taisaku-night-01
kikunantoka
0
320
20万RPMを捌くRailsアプリケーションの作り方
kikunantoka
0
810
Other Decks in Technology
See All in Technology
Gaze-LLE: Gaze Target Estimation via Large-Scale Learned Encoders
kzykmyzw
0
310
人を動かすことについて考える
ichimichi
2
320
マイクロモビリティシェアサービスを支える プラットフォームアーキテクチャ
grimoh
1
190
Webアクセシビリティ入門
recruitengineers
PRO
1
160
ECS モニタリング手法大整理
yendoooo
1
120
R-SCoRe: Revisiting Scene Coordinate Regression for Robust Large-Scale Visual Localization
takmin
0
430
Browser
recruitengineers
PRO
3
200
実践アプリケーション設計 ③ドメイン駆動設計
recruitengineers
PRO
1
110
Amazon Bedrock AgentCore でプロモーション用動画生成エージェントを開発する
nasuvitz
6
410
ドキュメントはAIの味方!スタートアップのアジャイルを加速するADR
kawauso
3
300
Product Management Conference -AI時代に進化するPdM-
kojima111
0
220
Yahoo!ニュースにおけるソフトウェア開発
lycorptech_jp
PRO
0
320
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
820
Thoughts on Productivity
jonyablonski
69
4.8k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
BBQ
matthewcrist
89
9.8k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Music & Morning Musume
bryan
46
6.7k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Statistics for Hackers
jakevdp
799
220k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Six Lessons from altMBA
skipperchong
28
4k
Transcript
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࿈ܞͯ͠ɺϗʔϜը໘ΛΞοϓϩʔ υ͢Εɺ༑ୡͷϗʔϜը໘ΛݟΕΔ • কདྷతʹϢʔβଐੑʹج͍ͮͨΞϓϦͷϨ ίϝϯυͳͲ
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༻ͷαϒυϝΠϯͷΈʣ
ϚωλΠζ • ΞϓϦͷΞϑΟϦΤΠτͷഽײΛ௫Ή • ϒϩάͰΞϓϦͷհͷهࣄΛॻ͍ͯݕূ • 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