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の話
Search
Yui Sakamoto
January 20, 2017
Technology
8
6.5k
アプリファーストの影で頑張るWebの話
Yui Sakamoto
January 20, 2017
Tweet
Share
More Decks by Yui Sakamoto
See All by Yui Sakamoto
TypeScript エンジニアが Android 開発の世界に飛び込んだ話
yuisakamoto
6
940
Modular Monolith Monorepo ~シンプルさを保ちながらmonorepoのメリットを最大化する~
yuisakamoto
12
7k
Google I/O '18 Overview @わいわい報告会
yuisakamoto
3
4.3k
PWA+AMPの話
yuisakamoto
25
23k
Google I/O 2017 注目のmobile Web技術
yuisakamoto
7
6k
Other Decks in Technology
See All in Technology
MCP で繋ぐ Figma とデザインシステム〜LLM を使った UI 実装のリアル〜
kimuson
2
1.3k
積み上げられた技術資産と向き合いながら、プロダクトの信頼性をどう守るか
plaidtech
PRO
0
780
SmartHRの複数のチームにおけるMCPサーバーの活用事例と課題
yukisnow1823
2
1.1k
toittaにOpenTelemetryを導入した話 / Mackerel APM リリースパーティ
cohalz
1
480
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
24k
Rebase エンジニアリング組織の現状とこれから
rebase_engineering
0
140
2025advance01
minamizaki
0
130
オープンソースのハードウェアのコンテストに参加している話
iotengineer22
0
510
Roo Codeにすべてを委ねるためのルール運用
pharma_x_tech
1
220
RDRA3.0を知ろう
kanzaki
2
430
技術書典18結果報告
mutsumix
2
180
AIコードエディタは開発を変えるか?Cursorをチームに導入して1ヶ月経った本音
ota1022
1
680
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
42
2.3k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
228
22k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
It's Worth the Effort
3n
184
28k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
180
53k
Code Reviewing Like a Champion
maltzj
523
40k
Building Adaptive Systems
keathley
41
2.6k
Six Lessons from altMBA
skipperchong
28
3.8k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Documentation Writing (for coders)
carmenintech
71
4.8k
Transcript
ΞϓϦϑΝʔετͷ ӨͰؤுΔWebͷ Yui Sakamoto
• ࡔຊ ݁ҥ(@yui_tang) • Software Engineer • Mercari, inc. •
ೖࣾ3ʹಥೖ • αʔόʔαΠυɺϑϩϯτΤϯυɺϓϩδΣΫ τΦʔφʔʑ • ༷ʑͳϓϩδΣΫτʹؔΘΓͳ͕ΒɺೖࣾҎ དྷWebΛ୲͍ͯ͠Δ About Me
ࠓ͢͜ͱ • ϝϧΧϦͷWebαΠτͱʁ • ϝϧΧϦWebͷͱύϑΥʔϚϯεվળ • ͍ͬͯΔٕज़ • ։ൃମ੍ͱɺϝϧΧϦWebͷ͠͞ •
ͦͯ͜͠Ε͔Βͷ͜ͱ
ϝϧΧϦͷWebαΠτͱʁ
ຊ!
US"
UK#
WebαΠτػೳհ • ݕࡧ • ձһొ • ߪೖ • ग़ •
֤छऔҾ্ͷػೳ etc...
WebαΠτػೳհ • ݕࡧ • ձһొ • ߪೖ • ग़ •
֤छऔҾ্ͷػೳ etc... ओཁͳϝϧΧϦͷػೳ Ұ௨Γ͑Δ
Webಛ༗ͷٕज़ • • ECͷproductGoogleݕࡧ্෦ͷಛผରͰͳ͍ɻ • ϖʔδطʹສϖʔδ͕INDEX • Universal Links •
AppIndex εϚϗϢʔβʔʹΞϓϦΛͬͯཉ͍͠!!
εϚϗϢʔβʔʹ ΞϓϦΛͬͯཉ͍͠!!
ϝϧΧϦWebαΠτͷऔΓΈ •εϚϗͰΞΫηεͨ͠ϢʔβʔΛΞϓϦʹ༠ಋ •ϢʔβʔใͷSNSγΣΞ •SEOʹΑͬͯɺඇϢʔβʔͷೝ্ •ඇεϚϗϢʔβʔ͕ϝϧΧϦΛͬͯΒ͑Δ͜ͱͰɺϢʔβʔͷ Λ͛Δ •ߪೖػೳ on Web •ग़ػೳ
on Web
ϝϧΧϦWeb PC͔ΒͷΞΫηε 20161݄ 2ׂऑ
ϝϧΧϦWeb PC͔ΒͷΞΫηε 20161݄ 2ׂऑ 20171݄ 4ׂڧ
ϝϧΧϦWeb PC͔ΒͷΞΫηε ϢʔβʔใͷSNSγΣΞ SEOʹΑͬͯɺඇϢʔβʔʹೝͯ͠Β͏ ඇεϚϗϢʔβʔ͕ϝϧΧϦΛͬͯΒ͑Δ͜ͱͰɺϢʔ βʔͷΛ͛Δ ߪೖػೳ on Web ग़ػೳ
on Web 20161݄ 2ׂऑ 20171݄ 4ׂڧ ৽ͨͳϢʔβʔͷ ֫ಘʹޭ
ϝϧΧϦWebͷ
ϝϧΧϦWebͷେ͖ͳػೳϦϦʔε • 2015 • ՆʹϑϧεΫϥον(FW͔Β!!)ͰϦχϡʔΞϧͨ͠ US WebͷγεςϜʹJP WebΛҠߦ • 20163݄
• WebαΠτͰͷߪೖػೳΛϦϦʔε • 20166݄ • WebαΠτͰͷग़ػೳΛϦϦʔε
ϝϧΧϦWebͷ ̍Ͱ3ഒʹ❗ ݄ͷग़ػೳϦϦʔεͰঃʑʹ૿Ճ㽉 ϝσΟΞ࿐ग़Ͱߋʹ૿Ճ ϢʔβʔਪҠ
None
ঃʑʹ૿Ճ㽉 ݁ՌతʹؒͰ10ഒ૿❗ 17ਪҠ ϝϧΧϦWebͷ
None
%"6ਪҠ ग़ػೳϦϦʔε͔Βঃʑʹ૿Ճ㽉 ܧଓతʹϢʔβʔ૿Ճத ϝϧΧϦWebͷ
%"6ਪҠ ग़ػೳϦϦʔε͔Βঃʑʹ૿Ճ㽉 ܧଓతʹϢʔβʔ૿Ճத ϝϧΧϦWebͷ ܧଓతͳʹ͏ ෛՙ૿㽉ύϑΥʔϚϯε㽊
ϝϧΧϦWebͷύϑΥʔϚϯεվળ • SREνʔϜͱҰॹʹύϑΥʔϚϯεվળ • TTFBվળ • ίϯςϯπμϯϩʔυߴԽ • ͻͨ͢ΒΩϟογϡઓུ •
ϓϩδΣΫτ͕ࢭ·͍ͬͯΔ࣌ΨϯΨϯվળʂʂ
γεςϜߏ • MicroServicesతߏ • ΞϓϦͱڞ௨ͷAPIΛར༻ • jQueryϕʔε / React, Redux
• 1ιʔεͰෳϦʔδϣϯΛ࣮ݱ • iOS, AndroidͷΞϓϦͱฒͿΫϥΠΞϯτΞϓϦ
։ൃମ੍ • σΟϨΫλʔ • σβΠφʔ • ϑϩϯτΤϯυΤϯδχΞ • αʔόʔαΠυΤϯδχΞ •
QA ଞϓϩδΣΫτͱ݉͠ͳ͕ΒຊͰ։ൃɻ ͱͯศརͳσϓϩΠCPUΛۦͯ͠ɺ ଟ͍࣌ʹ8FC͚ͩͰʹʙճͷຊ൪ϦϦʔεɻ
ࠓޙͷల • ΞϓϦػೳͷߋͳΔҠ২ • A/BςετʹΑΔUXվળ • άϩʔόϧͳSEOͷޭ • ϑϩϯτΤϯυͷ࠷৽ٕज़ಋೖ •
PCϢʔβʔͷʹ߹ΘͤͨಠࣗਐԽ • ֤ࠃͷϢʔβʔʹϑΟοτͨ͠ಠࣗਐԽ • ύϑΥʔϚϯεͷߋͳΔվળ etc...
։ൃମ੍ • σΟϨΫλʔ • σβΠφʔ • ϑϩϯτΤϯυΤϯδχΞ • αʔόʔαΠυΤϯδχΞ •
QA ଞϓϩδΣΫτͱ݉͠ͳ͕ΒຊͰ։ൃɻ ͱͯศརͳσϓϩΠCPUΛۦͯ͠ɺ ଟ͍࣌ʹ8FC͚ͩͰʹʙճͷຊ൪ϦϦʔεɻ
ϝϧΧϦWebͷ͠͞ ϚϧνϦʔδϣϯରԠ • ଟݴޠରԠ • ύϑΥʔϚϯεͷέΞ • ݻఆճઢຊͱൺͯڥΑ͘ͳ͍ • ࠃͰ௨༻ͨ͠SEOςΫχοΫͰޮՌ͕ബ͍
• ֤ࠃʹσβΠϯΛϑΟοτͤ͞Δҝͷ࣮ͱอकੑ ͱͷτϨʔυΦϑ • ݶΒΕͨϦιʔεͰΓ͘Γ
None
·ͱΊ
ϝϧΧϦͷͷཪʹɺ ͦΕΛࢧ͑ΔWeb͕͋Δ❗
ੈքͰউͭϝϧΧϦΛࢧ͑Δ WebαΠτΛ࡞Δҝʹ • USɾEUɾͦͷଞੈք֤ࠃͷਓʑʹϝϧΧϦΛͬͯΒ͏ҝ ʹɺΞϓϦΛࢧ͑ΔੈքతͳWebαΠτΛ࡞Γ͍ͨ❗ • WebαΠτͰ͔͠ग़དྷͳ͍ମݧػೳͰɺΞϓϦΛ྇կ͢Δ ମݧΛWebͰ࣮ݱ͍ͨ͠❗ ੈքͰউͭҝʹҰॹʹ࣮ݱ͠·ͤΜ͔