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
事例からみるアプリデザインの成長戦略とWeb Native Platform/app_desi...
Search
Masahiko Sakakibara
November 02, 2019
Business
1
840
事例からみるアプリデザインの成長戦略とWeb Native Platform/app_design_growth
https://2019.kfug.jp/session/sakakibaramasahiko/
Masahiko Sakakibara
November 02, 2019
Tweet
Share
More Decks by Masahiko Sakakibara
See All by Masahiko Sakakibara
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
150
Reactフレームワークプロダクトを モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
300
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4.4k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
440
JavaScriptから デバイスの力を100%引き出すための Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
550
Capacitor4_release
rdlabo
0
620
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
130
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
130
JavaScript から デバイスの力を 100%引き出すための Capacitor と Angular でのはじめかた。
rdlabo
2
1.8k
Other Decks in Business
See All in Business
アウトカムファーストな専門技術組織の構築と運用のための取り組み / Efforts to Build and Operate an Outcome-First Technical Expertise Organization
lycorptech_jp
PRO
2
350
そのAWSコスト、もっと下げられるかも? 150社超のコスト分析で見えた「鉄板」削減Tips
o2mami
2
2.8k
【新卒採用ピッチ資料/営業職】(株)キャリアデザインセンター
cdcsaiyo
0
1.7k
Sales Marker Culture book
salesmarker
PRO
35
56k
フルリモートで社内にどうやって自分の居場所を作るのか?
satoshi256kbyte
1
260
株式会社BALLAS 会社案内
ballas_inc
0
19k
アッテル会社紹介資料/culture deck
attelu
10
15k
(9枚)そもそも営業とは何か? バリューチェーン分析のフレームワークで考えてみる
nyattx
PRO
1
100
なぜConfluence Cloudだったのか?〜『運用効率と将来性』から見る最適解と、予期せぬ課題を乗り越えた移行のリアル~ / Why-we-choose-confluence-cloud
medley
0
180
『Policy Fund』採択団体 政策提言集/Policy Fund Report
polipoli
0
440
チーム力を高める「ストロータワー」
chibanba1982
PRO
0
200
ソリューションデザイナの紹介
laboroai2016
0
280
Featured
See All Featured
The Cult of Friendly URLs
andyhume
79
6.5k
Done Done
chrislema
184
16k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Thoughts on Productivity
jonyablonski
69
4.7k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
17
950
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Building an army of robots
kneath
306
45k
The Invisible Side of Design
smashingmag
300
51k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
How STYLIGHT went responsive
nonsquared
100
5.6k
Transcript
ࣄྫ͔ΒΈΔ ΞϓϦσβΠϯͷઓུͱ8FC/BUJWF1MBUGPSN GSPOULBOTBJ# 'SPOU$POGΞϓϦ IUUQTLGVHJPOJDGSBNFXPSLKQ
ࣗݾհ !SEMBCP Ұൠࣾஂ๏ਓ ϦϨʔγϣϯσβΠϯݚڀॴදཧࣄ Ұൠࣾஂ๏ਓ "SFB*OOPWBUJPO"MJBODF$50 *POJD+BQBO6TFS(SPVQ ද
ίϯτϦϏϡʔλʔ ionic-team/ionic ionic-team/starters ionic-team/ionic-cli ionic-team/ionic-docs ionic-team/ionic-react -conference-app GoogleChrome/lighthouse
<1SPEVDU>SBCJGZ$%/ FYBNQMFDPNDBUKQH E FYBNQMFDPNDBUKQH E ʮը૾͕ͳ͔ͳ͔දࣔ͞Εͳ͍ʯΛվળɻ
<1SPEVDU>UJQTZT
ϝσΟΞܝࡌ w ςϨϏʮ50,:0.9ʯʢʣ w ࡶɹࢽʮ$-"44:ʯʢʣ w ςϨϏʮεΫʔϧֵ໋ʯʢʣ w ࡶɹࢽʮXJUIʯʢʣ
ϓϩμΫτͷເ
ϓϩμΫτ։ൃͷເ όζͬͯࢿۚௐୡ ࠂग़ߘ ͰສϢʔβ֫ಘ ͍͖ͳΓޏ༻
ϓϩμΫτ։ൃͷເ IUUQTUB⒎CMPHCICDPKQ FJE
None
͍͖ͳΓόζΔϓϩμΫτͷཪଆ w͍͖ͳΓສϢʔβ͕͖ͨΒɺͭͷෆ۩߹Λສਓ͕ମݧ w໎͏6*͕ͭ͋Εɺສਓ͕໎ࢠ wαʔόεϖοΫ༧ଌͰ͖ͯΔʁ w4MPX2VFSZڐ༰ൣғͰ͔͠ͳ͍ʁຊʁ w͍߹ΘͤͷରԠମ੍͋Δʁ wఆ֎ͷΘΕํ͠ͳ͍ʁ wఆ֎ͷΘΕํʹରͯ͠ར༻ن๏తʹେৎʁ
ମྗͷ͋Δاۀͷղܾํ๏ t2.medium ݄3ઍԁ t2.2xlarge ݄3ສԁ m5d.metal ݄40ສԁ ºαʔό ५ͳཁһ
ݱ࣮ʹཱ͔͓ͪ͏
UJQTZT։ൃͷ͖͔͚ͬ ʮग़ձ͍ΛҰॹʹ୳͠ʹ͍͘૬ख͕͍ͳ͍ʯ ʮஉ͡Όͳͯ͘ɺঁ༑ୡͱͷϚονϯάαΠτ͕͋Ε͍͍ͷʹʯ ʮ্ژͯ͠Ұܦͬͯͳ͍͔ΒͭΒ͍ʯ
UJQTZT։ൃͷ͖͔͚ͬ ɾ͓ۚͱ࣮͕ཉ͍͠ ɾ࣮ͦͦྗ͕ཉ͍͠ ɾडୗճ͠ଓ͚ͳ͍ͱࢭ·ΔϋϜελʔͷճ͠ंײ֮ ɾ͓·͔͔ͤ͠ͳ͍ण࢘ɻ͓ͨͩ͠ࢼ͠Ͱͭͬͯ͘Βͬͯ Ұ݅ສɻ୭͕ೖΔͷʁ ɾചΓ্͛ͨ͜ͱ͕ͳ͍Ӧۀɻۀվળͨ͜͠ͱͷͳ͍ίϯα ϧ ʮͭͬͨ͘ΒϢʔβਓ͍ΔΒ͍ͧ͠ʯ
࣌ͷٕज़ελοΫ w)5.-$44ҰԠΘ͔Δ wK2VFSZϓϥάΠϯ͑Δ w"OHVMBS+4ίʔυͷίϐϖͰ͖Δ w8PSE1SFTT·͊Ͱ͖Δ w1)1Կͱͳ͘ϓϩμΫτͭ͘ΕΔ w4XJGU·ͬͨ͘Θ͔ΒΜஅ೦ܦݧ͋Γ w9DPEFͷετʔϦʔϘʔυ8FCۀք͏௨Γա ࣺ͗ͯͯͨಓͩɻϗʔϜϖʔδϏϧμʔੜίʔυ ؾ࣋ͪѱ͍ͱ͍ͬͯ͏ͷΛΊͨͩΖ͏ʢෛ͚੯͠
Έʣ
ͱΓ͋͑ͣඞཁͦ͏ͳը໘ΛΓग़ͯ͠ΈΑ͏ υϥϑτͷϓϩμΫτ
ʮঁ༑ୡͱग़ձ͏6*ͬͯਖ਼ղ͋Δͷʁʯ ͱΓ͋͑ͣඞཁͦ͏ͳը໘ΛΓग़ͯ͠ΈΑ͏ ʮҟੑؒͷग़ձ͍ʹ࠷దԽ͞Εͨ6*ͬͯࢀߟʹͳΔʁʯ ʮϢʔβগͳ͍࣌ͱଟ͘ͳ͔ͬͯΒͱಉ͡6*ʁʯ ʮͦͦ͜Ε1)1Ͱͭͬͯ͘ར༻ͯ͠Β͑Δʁʯ ʮϢʔβ͕͏ίϯςΩετʁʯ
վળΛ܁Γฦ͍ͯ͘͠
6*ͷ1%$"
ใͷάϧʔϐϯά
Ϣʔβͷ؍
Ϣʔβͷ؍ʢԾઆݕূʣ
Ϣʔβͷ؍ʢԾઆݕূʣ
1BHFؒͷʮҙຯʯͷ౷ҰʢΧςΰϥΠζʣ
1BHFؒͷʮҙຯʯͷ౷Ұ
ΞϓϦنͱσβΠϯʢ࣌ܥྻʣ
ʮͲ͏ͬͯͬͯཉ͍͠ʁʯʢҙਤʣ
69ઃܭͷ
4&-&$5͍ ෳ$16Λ༻͍ͯΫΤϦ࣮ߦ͢ΔʮύϥϨϧΫΤϦʯʢતʣ 1PTU(*4ΛͬͯਤσʔλΛѻ͑Δʢۭؒσʔλѻ͑Δ ܕ͕ݫ֨ͳͷͰൺֱ͕ࣜॻ͖͍͢ ϒϩοΩϯάॲཧ͕ݰਓࢦ
69ʛίϯςΩετɹʕʕɹͲ͏͍͏γʔϯͰʁ IUUQZLB[VDPNVYDPOUFYUGPSVYEFTJHO
69ʛϖϧιφɹʕʕɹ୭͕ʁ IUUQTNPOTUBSMBCDPNVYEFTJHO@QFSTPOB
69ʛϖϧιφɹʕʕɹ୭͕ʁ wຊͷํʹڵຯ͕͋ΔΞϥϒͷੴ༉Ԧ wૉͳΒ͕͖͠Ͱ͋ΓɺࢁࡊݹຽՈ͕͖ w૽ͷ͋Δͱ͜ΖͰͳ͘੩͔ͳͱ͜Ζ͕͖ w͓ͦͯۚ͠Λ͔ͭͬͯ͘ΕΔ ͋ͳͨͷपΓʹͻͱΓͰ͍·͔͢ʁ ˞࣮ʹج͍ͮͨͰ͢
69ʛϖϧιφɹʕʕɹ୭͕ʁ
69ɹʕʕɹϢʔβମݧ ར༻લ ར༻த ར༻ޙ ग़యɹ69നॻʢຊޠ൛ʣ ࣌ܥྻʹɺϢʔβ͕ ମݧ͢Δࣄ࣮ɾײɻ
ΞϓϦͷ6TFS*OUFSGBDFͱ
ٕज़ελοΫ͔Βͷٕज़બఆ wͬͺΓΞϓϦετΞͰ৴͍ͨ͠ʢϢʔβઢɺϓϩ όΠμઢͱʹʣ w͚Ͳɺ͔Β4XJGU+BWBΛ֮͑Δͷۤ௧ wݱ࣮తʹ͍αΠΫϧͰ6*ػೳͷݟ͠Ͱ͖Δʁ wͻͱΓͳͷͰϋΠϒϦουΞϓϦ͡Όͳ͍ͱࢮ͵͚ Ͳ$Θ͔ΒΜ9BNBSJOແཧɻ w8FCٕज़ͰΞϓϦͭͬͯ͘ΞϓϦετΞͰ৴ͨ͠ ͍ʂʂ
*POJD'SBNFXPSL ʮ8FCٕज़ͰΞϓϦ6*Λ࠶ݱ͢Ε͍͍͡Όͳ͍ʯ
*POJD'SBNFXPSL.PCJMF6* .PCJMF6TFS*OUFSGBDF
*POJD'SBNFXPSL'SBNFXPSL$PNQBUJCJMJUZ 'SBNFXPSL$PNQBUJCJMJUZʢϓϥοτϑΥʔϜͷޓੑʣ ʮίϯύνϏϦςΟͱɺϋʔυΣΞιϑτΣΞ͕ɺ༷ͷҟͳΔͷʹஔ͖ ͑ΒΕ্ͨͰɺݩ௨Γͷಈ࡞Λ͢Δͱ͍͏ঢ়ଶͷ͜ͱͰ͋Δʯ
*POJD'SBNFXPSLlOPOMJOFBSOBWJHBUJPO lOPOMJOFBSOBWJHBUJPOʢඇઢܗφϏήʔγϣϯʣ
*POJD'SBNFXPSL/BWJHBUJPO4UBDL /BWJHBUJPOTUBDLʢφϏήʔγϣϯελοΫʣ
$PSEPWB$BQBDJUPS ʮ8FC7JFXͰΞϓϦΛදࣔͨ͠Β͍͍͡Όͳ͍ʯ
8FCඪ४Λϕʔεʹͨ͠ϋΠϒϦουల։
'SPOU$POGΞϓϦ 8FCΛϞόΠϧϥΠΫͳΞϓϦͱͯ͠ѻ͏͜ͱ͕Մೳ
'SPOU$POGΞϓϦ 8FCΛϞόΠϧϥΠΫͳΞϓϦͱͯ͠ѻ͏͜ͱ͕Մೳ IUUQTLGVHJPOJDGSBNFXPSLKQ
8FCσβΠφʔ͕ͰεϚϗΞϓϦΛެ։ͨ͠ํ๏ IUUQTCMPHDOUMPHOFUBSDIJWFT
*POJDͰ࡞ΔϞόΠϧΞϓϦ੍࡞ೖ ୯ߦຊr ϖʔδɹ ԁ IUUQTBN[OUP1"S&M
খͭͬͯ͘͘͞େ͖͘ҭͯΔ
ظͷɾվળઓུ
·ͱΊ w8FC੍࡞͕Ͱ͖ΔͳΒɺΞϓϦΛͭ͘Δ͜ͱ͕Ͱ͖Δ w41"18"ͱ͚ͯͩ͠Ͱͳ͘ɺ"QQ4UPSF(PPHMF1MBZͰ ৴Ͱ͖Δ wͪΖΜऩೖͱ୯Ձ૿͑ͨɻͦͯ͠Քಇ࣌ؒݮΒͯ͠ఆ ظతʹೖͬͯ͘Δݻఆऩೖ͕ੜ·Εͨɻ wԿ͔͡Ίͨͯ͘͜͜ʹ͖ͯΔͳΒɺͥͻϓϩμΫτ։ൃͱ *POJDΛࢼͯ͠Έ͍ͯͩ͘͞
ͥͻɺ୨ʹΛฒ͍ͯͩ͘͞ɻ
None