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.4k
アプリファーストの影で頑張るWebの話
Yui Sakamoto
January 20, 2017
Tweet
Share
More Decks by Yui Sakamoto
See All by Yui Sakamoto
Modular Monolith Monorepo ~シンプルさを保ちながらmonorepoのメリットを最大化する~
yuisakamoto
12
6.2k
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
一人QA時代が終わり、 QAチームが立ち上がった話
ma_cho29
0
290
OPENLOGI Company Profile for engineer
hr01
1
22k
RAGの基礎から実践運用まで:AWS BedrockとLangfuseで実現する構築・監視・評価
sonoda_mj
0
440
ルートユーザーの活用と管理を徹底的に深掘る
yuobayashi
6
730
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
20k
AIエージェント完全に理解した
segavvy
4
270
LINE Notify互換のボットを作った話
kenichirokimura
0
180
Security response for open source ecosystems
frasertweedale
0
100
スケールアップ企業のQA組織のバリューを最大限に引き出すための取り組み
tarappo
4
960
技術好きなエンジニアが _リーダーへの進化_ によって得たものと失ったもの / The Gains and Losses of a Tech-Enthusiast Engineer’s “Evolution into Leadership”
kaminashi
0
210
お問い合わせ対応の改善取り組みとその進め方
masartz
1
370
Tirez profit de Messenger pour améliorer votre architecture
tucksaun
1
150
Featured
See All Featured
Faster Mobile Websites
deanohume
306
31k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.3k
A designer walks into a library…
pauljervisheath
205
24k
Writing Fast Ruby
sferik
628
61k
Fireside Chat
paigeccino
37
3.3k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
GitHub's CSS Performance
jonrohan
1030
460k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
8
700
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.2k
Designing for Performance
lara
606
69k
BBQ
matthewcrist
88
9.5k
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Ͱ࣮ݱ͍ͨ͠❗ ੈքͰউͭҝʹҰॹʹ࣮ݱ͠·ͤΜ͔