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
910
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.1k
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
590
Gatsby.jsで導入事例をバシバシ読めるSPAなLPを作った話 / gatsby-js-for-biz-lp
kikunantoka
2
660
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
〜『世界中の家族のこころのインフラ』を目指して”次の10年”へ〜 SREが導いたグローバルサービスの信頼性向上戦略とその舞台裏 / Towards the Next Decade: Enhancing Global Service Reliability
kohbis
3
1.5k
安定した基盤システムのためのライブラリ選定
kakehashi
PRO
3
130
How to Quickly Call American Airlines®️ U.S. Customer Care : Full Guide
flyaahelpguide
0
240
CDK Toolkit Libraryにおけるテストの考え方
smt7174
1
550
shake-upを科学する
rsakata
7
1k
アクセスピークを制するオートスケール再設計: 障害を乗り越えKEDAで実現したリソース管理の最適化
myamashii
1
670
LIXIL基幹システム刷新に立ち向かう技術的アプローチについて
tsukuha
1
380
Data Engineering Study#30 LT資料
tetsuroito
1
200
セキュアなAI活用のためのLiteLLMの可能性
tk3fftk
1
340
cdk initで生成されるあのファイル達は何なのか/cdk-init-generated-files
tomoki10
1
670
AIでテストプロセス自動化に挑戦する
sakatakazunori
1
530
Four Keysから始める信頼性の改善 - SRE NEXT 2025
ozakikota
0
420
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
GitHub's CSS Performance
jonrohan
1031
460k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
The Cult of Friendly URLs
andyhume
79
6.5k
BBQ
matthewcrist
89
9.7k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Six Lessons from altMBA
skipperchong
28
3.9k
Designing for humans not robots
tammielis
253
25k
How to train your dragon (web standard)
notwaldorf
96
6.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.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