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
2.3k
Modular Monolith Monorepo ~シンプルさを保ちながらmonorepoのメリットを最大化する~
yuisakamoto
12
8.6k
Google I/O '18 Overview @わいわい報告会
yuisakamoto
3
4.4k
PWA+AMPの話
yuisakamoto
25
23k
Google I/O 2017 注目のmobile Web技術
yuisakamoto
7
6.1k
Other Decks in Technology
See All in Technology
SQLAlchemy の select(User).where(User.id =="123") を理解してみる/sqlalchemy deep dive
3l4l5
3
350
AIエージェントによる業務効率化への飽くなき挑戦-AWS上の実開発事例から学んだ効果、現実そしてギャップ-
nasuvitz
5
1.1k
AI-Readyを目指した非構造化データのメダリオンアーキテクチャ
r_miura
1
310
ソースを読む時の思考プロセスの例-MkDocs
sat
PRO
1
170
AWS DMS で SQL Server を移行してみた/aws-dms-sql-server-migration
emiki
0
230
SCONE - 動画配信の帯域を最適化する新プロトコル
kazuho
1
370
AI時代、“平均値”ではいられない
uhyo
8
2.6k
生成AI時代のPythonセキュリティとガバナンス
abenben
0
130
IoTLT@ストラタシスジャパン_20251021
norioikedo
0
140
ヘンリー会社紹介資料(エンジニア向け) / company deck for engineer
henryofficial
0
370
だいたい分かった気になる 『SREの知識地図』 / introduction-to-sre-knowledge-map-book
katsuhisa91
PRO
3
1.4k
Wasmの気になる最新情報
askua
0
190
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
How STYLIGHT went responsive
nonsquared
100
5.9k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
620
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Side Projects
sachag
455
43k
Designing Experiences People Love
moore
142
24k
Site-Speed That Sticks
csswizardry
13
920
Code Review Best Practice
trishagee
72
19k
Making Projects Easy
brettharned
120
6.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
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Ͱ࣮ݱ͍ͨ͠❗ ੈքͰউͭҝʹҰॹʹ࣮ݱ͠·ͤΜ͔