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
5.6k
Google I/O '18 Overview @わいわい報告会
yuisakamoto
3
4.3k
PWA+AMPの話
yuisakamoto
25
23k
Google I/O 2017 注目のmobile Web技術
yuisakamoto
7
5.9k
Other Decks in Technology
See All in Technology
あれは良かった、あれは苦労したB2B2C型SaaSの新規開発におけるCloud Spanner
hirohito1108
2
570
ホワイトボードチャレンジ 説明&実行資料
ichimichi
0
130
利用終了したドメイン名の最強終活〜観測環境を育てて、分析・供養している件〜 / The Ultimate End-of-Life Preparation for Discontinued Domain Names
nttcom
2
190
滅・サービスクラス🔥 / Destruction Service Class
sinsoku
6
1.6k
リーダブルテストコード 〜メンテナンスしやすい テストコードを作成する方法を考える〜 #DevSumi #DevSumiB / Readable test code
nihonbuson
11
7.2k
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
2
2.9k
技術負債の「予兆検知」と「状況異変」のススメ / Technology Dept
i35_267
1
1.1k
MC906491 を見据えた Microsoft Entra Connect アップグレード対応
tamaiyutaro
1
540
白金鉱業Meetup Vol.17_あるデータサイエンティストのデータマネジメントとの向き合い方
brainpadpr
5
740
目の前の仕事と向き合うことで成長できる - 仕事とスキルを広げる / Every little bit counts
soudai
24
7.1k
速くて安いWebサイトを作る
nishiharatsubasa
10
12k
Cloud Spanner 導入で実現した快適な開発と運用について
colopl
1
600
Featured
See All Featured
KATA
mclloyd
29
14k
Building Applications with DynamoDB
mza
93
6.2k
The Language of Interfaces
destraynor
156
24k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
960
Building Flexible Design Systems
yeseniaperezcruz
328
38k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
A Philosophy of Restraint
colly
203
16k
A designer walks into a library…
pauljervisheath
205
24k
Building Adaptive Systems
keathley
40
2.4k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
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Ͱ࣮ݱ͍ͨ͠❗ ੈքͰউͭҝʹҰॹʹ࣮ݱ͠·ͤΜ͔