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
1.3k
Modular Monolith Monorepo ~シンプルさを保ちながらmonorepoのメリットを最大化する~
yuisakamoto
12
7.4k
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
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.7k
CDK Vibe Coding Fes
tomoki10
1
630
Amplify Gen2から知るAWS CDK Toolkit Libraryの使い方/How to use the AWS CDK Toolkit Library as known from Amplify Gen2
fossamagna
1
350
LLM拡張解体新書/llm-extension-deep-dive
oracle4engineer
PRO
23
6.3k
United™️ Airlines®️ Customer®️ USA Contact Numbers: Complete 2025 Support Guide
flyunitedguide
0
800
An introduction to Claude Code SDK
choplin
2
1.1k
AWS CDK 入門ガイド これだけは知っておきたいヒント集
anank
5
750
サービスを止めるな! DDoS攻撃へのスマートな備えと最前線の事例
coconala_engineer
1
180
[SRE NEXT 2025] すみずみまで暖かく照らすあなたの太陽でありたい
carnappopper
2
470
united airlines ™®️ USA Contact Numbers: Complete 2025 Support Guide
flyunitedhelp
1
470
スタックチャン家庭用アシスタントへの道
kanekoh
0
120
AWS 怖い話 WAF編 @fillz_noh #AWSStartup #AWSStartup_Kansai
fillznoh
0
130
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Faster Mobile Websites
deanohume
308
31k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
Raft: Consensus for Rubyists
vanstee
140
7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Done Done
chrislema
184
16k
The Cost Of JavaScript in 2023
addyosmani
51
8.6k
GitHub's CSS Performance
jonrohan
1031
460k
Facilitating Awesome Meetings
lara
54
6.5k
Why Our Code Smells
bkeepers
PRO
337
57k
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Ͱ࣮ݱ͍ͨ͠❗ ੈքͰউͭҝʹҰॹʹ࣮ݱ͠·ͤΜ͔