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
メディアを伸ばすWordPess開発事例 / WordBench Kurashiki vol4...
Search
Takenori Okashita (GOUTEN)
August 04, 2018
Technology
1
110
メディアを伸ばすWordPess開発事例 / WordBench Kurashiki vol4 session
あまりシェアしてはいけない
Takenori Okashita (GOUTEN)
August 04, 2018
Tweet
Share
More Decks by Takenori Okashita (GOUTEN)
See All by Takenori Okashita (GOUTEN)
デザインに必要な「呼吸」の話 / 2018 Creative Hunt Session
gouten5010
0
1k
さいきょーっぽいでーたべーすをつかってうぇぶせいさくをしてみた / Web Design & Creation Session vol2
gouten5010
0
100
Grow up your sense.
gouten5010
0
2.4k
顔出しNGがこわいあなたへ / WordFes Nagoya 2017 LT
gouten5010
0
1.4k
伝説のまさかりを本気で作る / Frontend Conference 2017 LT
gouten5010
1
210
できる!わぷーコスプレ / WordCamp Tokyo 2016 LT Personal
gouten5010
0
11k
Other Decks in Technology
See All in Technology
使えるデータ基盤を作る技術選定の秘訣 / selecting-the-right-data-technology
pei0804
10
1.6k
20250514 1Passwordを使い倒す道場 vol.1
east_takumi
0
150
Terraform にコントリビュートしていたら Azure のコストをやらかした話 / How I Messed Up Azure Costs While Contributing to Terraform
nnstt1
1
570
大規模サーバーレスプロジェクトのリアルな零れ話
maimyyym
3
260
LangfuseではじめるAIアプリのLLMトレーシング
codenote
1
200
技術選定を突き詰める 懇親会LT
okaru
2
1.2k
木を見て森も見る-モジュールが織りなすプロダクトの森
kworkdev
PRO
0
260
DynamoDB のデータを QuickSight で可視化する際につまづいたこと/stumbling-blocks-when-visualising-dynamodb-with-quicksight
emiki
0
180
[新卒向け研修資料] テスト文字列に「うんこ」と入れるな(2025年版)
infiniteloop_inc
14
46k
Why Platform Engineering? - マルチプロダクト・少人数 SRE の壁を越える挑戦 -
nulabinc
PRO
5
480
dbtとリバースETLでデータ連携の複雑さに立ち向かう
morookacube
0
1.1k
Google Cloud Next 2025 Recap 生成AIモデルとマーケティングでのコンテンツ生成 / Generative AI models and content creation in marketing
kyou3
0
350
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
Bash Introduction
62gerente
613
210k
Embracing the Ebb and Flow
colly
85
4.7k
The Language of Interfaces
destraynor
158
25k
How to train your dragon (web standard)
notwaldorf
91
6k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Adopting Sorbet at Scale
ufuk
76
9.4k
What's in a price? How to price your products and services
michaelherold
245
12k
Designing for humans not robots
tammielis
253
25k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
800
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
13
850
Transcript
ϝσΟΞӡӦΛ৳͢ 8PSE1SFTT։ൃࣄྫ 2018.08.04 - WordBenchෑ ୈ4ճษڧձ Takenori Okashita (GOUTEN)
Takenori Okashita a.k.a. GOUTEN @gouten5010 ϑϩϯτΤϯυΤϯδχΞʗ8FCσβΠφʔ ΫοΫϏζגࣜձࣾ 8PSE$BNQ0TBLB࣮ߦҕһ $44ϑϨϯζӡӦ
݄ΠνͰཱྀߦ໋͕ ํొஃ͍͚·͢ʂ ˒ ొஃͨ͜͠ͱ͕͋Δ ߦ͖͘ ˒ ࣮Ո
IUUQTGPPEJPOOFU ྉཧਓɾγΣϑͱͭͳ͕Δ৯ͷ4/4 'PPEJPO
IUUQTGPPEJPOOFU ྉཧਓɾγΣϑͱͭͳ͕Δ৯ͷ4/4 'PPEJPO ʴ ʴ
IUUQTGPPEJPOOFU ྉཧਓɾγΣϑͱͭͳ͕Δ৯ͷ4/4 'PPEJPO ʴ ʴ 1IPUPCZ!LVSPLPSPMM 8PSE#FODIෑୈճษڧձ
IUUQTDPPLCJ[KQTPLFO ҿ৯ਓࡐͷϓϩʹΑΔz৯zͷ૯߹ϝσΟΞ ΫοΫϏζ૯ݚ
IUUQTDPPLCJ[KQTPLFO ҿ৯ਓࡐͷϓϩʹΑΔz৯zͷ૯߹ϝσΟΞ ΫοΫϏζ૯ݚ ࠓͬͪ͜ͷ͓ʂ
ϝσΟΞαΠτͷΞΫηεΛ৳͢
IUUQTDPPLCJ[KQTPLFO ҿ৯ਓࡐͷϓϩʹΑΔz৯zͷ૯߹ϝσΟΞ ΫοΫϏζ૯ݚ
None
ؤுͬͯهࣄ͍ͬͺ͍ॻ͍ͨ
ΞΫηεΞοϓʹ։ൃඞཁͩ ͦΕ͚ͩ͡Όͳ͍ɻ
ηογϣϯΛ৳ͨ͢Ίʹͬͨ͜ͱ هࣄͷϦϥΠτ ߋ৽සͷΞοϓ ΦʔΨχοΫ֫ಘͷͨΊͷࢪࡦ ಛผͳϖʔδͷ࡞
ηογϣϯΛ৳ͨ͢Ίʹͬͨ͜ͱ ߋ৽සͷΞοϓ िະຬߋ৽͔Βͷ٫ ϥΠλʔͷՃ ࣌ࣄωλͷΩϟονΞοϓ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ߋ৽සͷΞοϓ िະຬߋ৽͔Βͷ٫ ϥΠλʔͷՃ ࣌ࣄωλͷΩϟονΞοϓ
ηογϣϯΛ৳ͨ͢Ίͷࢦඪ (PPHMF%BUB4UVEJP ղੳͨ͠Օॴ ΧςΰϦ͝ͱͷΠϯϓϨογϣϯ → ૯ͯ͡৳ͼͯͳ͍δϟϯϧ͕ಘҙɹ ɹͳਓͷิర → લ݄ΑΓ৳ͼ͍ͯΔδϟϯϧ͕ ɹಘҙͳਓͷิరΛͯ͠ɺΩʔϫʔυ
ɹͰݕࡧΤϯδϯͷॱҐΛ֫ಘ͢Δ ॾࣄʹΑΓ ݟͤΒΕ·ͤΜ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ϥΠλʔͷՃ ͬͨ͜ͱ ϥΠλʔΛ૿ͯ͠ճసΛ্͛Δ ։ɹൃ ϙΠϯτ هࣄΛॻ͘ϥΠλʔͷ৭Λग़͢ ϥΠλʔܦ༝ͰͷΞΫηεݟࠐΈ ճ༡ͷ૿Ճͷૂ͍ σϝϦοτ
֤छڐΛͱ͍ͬͯΔ͔ͷ֬ೝɺ هࣄͷެ։ϑϩʔ͕ෳࡶʹ ϥΠλʔͷϓϩϑΟʔϧͷదͳදࣔ ϥΠλʔҰཡͱϥΠλʔͷهࣄҰཡΛ࡞
ಛผͳϖʔδͷ࡞ Πϕϯτɾηϛφʔϖʔδͷઃஔ ϓϨεϦϦʔεɾدߘͷड͚ೖΕ ์ஔͯ͠େৎͳίϯςϯπ ηογϣϯΛ৳ͨ͢Ίʹͬͨ͜ͱ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ಛผͳϖʔδͷ࡞ Πϕϯτɾηϛφʔϖʔδͷઃஔ ϓϨεϦϦʔεɾدߘͷड͚ೖΕ ์ஔͯ͠େৎͳίϯςϯπ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ Πϕϯτɾηϛφʔϖʔδͷઃஔ ͬͨ͜ͱ Πϕϯτઐ༻ͷϑΥʔϚοτͷ༻ҙ ։ɹൃ ΧελϜϑΟʔϧυͰΠϕϯτଐੑͷ ೖྗ߲Ճ ϙΠϯτ େͷαΠτεϚϗ͔Βͷ ΞΫηεͷ΄͏͕ଟ͍
→ ϞόΠϧͰͷಈઢΛεϜʔζԽ͢Δ εϚʔτϑΥϯͰͷਃࠐΈͷಋઢڧԽ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ Πϕϯτɾηϛφʔϖʔδͷઃஔ ͬͨ͜ͱ Πϕϯτઐ༻ͷϑΥʔϚοτͷ༻ҙ ։ɹൃ ΧελϜϑΟʔϧυͰΠϕϯτଐੑͷ ೖྗ߲Ճ εϚʔτϑΥϯͰͷਃࠐΈͷಋઢڧԽ ϙΠϯτ େͷαΠτεϚϗ͔Βͷ
ΞΫηεͷ΄͏͕ଟ͍ → ϞόΠϧͰͷಈઢΛεϜʔζԽ͢Δ
ηογϣϯΛ৳ͨ͢Ίʹͬͨ͜ͱ ΦʔΨχοΫ֫ಘͷ ͨΊͷࢪࡦ ϥϯΩϯάͷઃஔ ".1ରԠ λάҰཡϖʔδͷઃஔ
ΦʔΨχοΫ֫ಘͷ ͨΊͷࢪࡦ ϥϯΩϯάͷઃஔ ".1ରԠ λάҰཡϖʔδͷઃஔ ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ϥϯΩϯάͷઃஔ ͬͨ͜ͱ αΠυόʔʢεϚϗͳΒϑολʔʣ ʹਓؾهࣄϥϯΩϯά ϥϯΩϯάͷઃஔ ͬͨ͜ͱ αΠυόʔʢεϚϗͳΒϑολʔʣ ʹਓؾهࣄϥϯΩϯά ։ɹൃ
Jetpack API ·ͨ Google Analytics API Λར༻ͯ͠هࣄͷPVΛऔಘɾιʔτ ϙΠϯτ Α͘ݟΒΕΔهࣄΛ࿐ग़ͯ͠ධՁͷ࣭ΛߴΊΔ ճ༡ੑͷ্ ϥϯΩϯάಛઃϖʔδΛઃஔ σΠϦʔʗ݄ؒʗ૯߹ϥϯΩϯάΛදࣔ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ϥϯΩϯάͷઃஔ ͬͨ͜ͱ αΠυόʔʢεϚϗͳΒϑολʔʣ ʹਓؾهࣄϥϯΩϯά ։ɹൃ Jetpack API ·ͨ Google
Analytics API Λར༻ͯ͠هࣄͷPVΛऔಘɾιʔτ ϙΠϯτ Α͘ݟΒΕΔهࣄΛ࿐ग़ͯ͠ධՁͷ࣭ΛߴΊΔ ճ༡ੑͷ্ // Google Analytics API ͷऔಘίʔυ ϥϯΩϯάಛઃϖʔδΛઃஔ σΠϦʔʗ݄ؒʗ૯߹ϥϯΩϯάΛදࣔ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ λάҰཡϖʔδͷઃஔ ͯ͢ͷઃఆ͞ΕͨλάΛཏͨ͠ ಛઃϖʔδΛઃஔ ։ɹൃ ϙΠϯτ ճ༡ੑͷ্ ݕࡧΤϯδϯʹಛఆΩʔϫʔυͰͷ ΠϯσοΫεΛ૿͢ λά͝ͱͷهࣄҰཡϖʔδͷઃஔ
"DDFMFSBUFE.PCJMF1BHFT ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ".1ରԠ WordPressͷAMPϓϥάΠϯΛಋೖ ͞ΒʹAMPςϯϓϨʔτվम ։ɹൃ ϙΠϯτ ϑϧεΫϥονςʔϚͰͷ ಠ࣮ࣗ෦ϓϥάΠϯͰ͑ͳ͍ͨΊ AMPϓϥάΠϯͷςϯϓϨʔτΛͱʹ
࣮ΛՃͨ͠ MFIʢMobile First IndexʣͷରԠ ಡΈࠐΈվળ
ηογϣϯΛ৳ͨ͢Ίʹͬͨ͜ͱ هࣄͷϦϥΠτ దͳλΠτϧ ެ։લɾެ։ޙͷهࣄͷ࣭ͷҧ͍ ༰ͷਫ਼ࠪ
ηογϣϯΛ৳ͨ͢Ίʹͬͨ͜ͱ దͳλΠτϧΛ͚ͭΔ ݩλΠτϧ έʔλϦϯάͰϚάϩͷղମγϣʔʁʂ ࢥ͍ग़ʹΔέʔλϦϯάαʔϏεΛ͝հ ϦϥΠτޙ େࡕͰέʔλϦϯάΛબͿͳΒ͜͜ʂ ࢥ͍ग़ʹΔਓؾͷαʔϏεΛ͝հ ʲؔฤʳ ϙΠϯτ
Ϛάϩղମγϣʔ͚ͩͰͳ͍هࣄ հ͍ͯ͠ΔαʔϏεʹҬͷภΓ͕͋Δ
ηογϣϯΛ৳ͨ͢Ίʹͬͨ͜ͱ ༰ͷਫ਼ࠪͯ͠هࣄΛׂ͢Δ ݩλΠτϧ ࣅ͍ͯΔΑ͏Ͱҧ͏ʁࣗຫͰ͖Δ౾ࣝʂͨΒ͜ͱ໌ଠࢠɺ ϚʔΨϦϯͱόλʔͷҧ͍આ໌Ͱ͖·͔͢ʁ ׂޙ ιʔηʔδͱΠϯφʔͷҧ͍ͱʁͷٙΛ͍·ղܾ͠Α͏ʂ ϙΠϯτ ୯ମهࣄͰΞΫηεΛՔ͛Δ ಛఆͷΩʔϫʔυΛૂͬͨSEOޮՌ
ҙ֎ͱΒΕͯͳ͍ʂͨΒ͜ͱ໌ଠࢠͷҧ͍ʹ͍ͭͯ ϚʔΨϦϯͱόλʔͷҧ͍આ໌Ͱ͖·͔͢ʁ ࣅ͍ͯΔΑ͏Ͱҧ͏ʁࣗຫͰ͖Δ౾ࣝʂιʔηʔδͱΟϯφʔɺ Ϗʔϧͱൃ๐ञͷҧ͍આ໌Ͱ͖·͔͢ʁ ϚʔΨϦϯͱόλʔͷҧ͍આ໌Ͱ͖·͔͢ʁ
ηογϣϯΛ৳ͨ͢Ίʹͬͨ͜ͱ ެ։ޙͷهࣄͷ࣭ͷҧ͍͔ΒλΠτϧมߋ ݩλΠτϧ ຊͷιτͰΈΜͳΞϨΛҿΜͰ͍Δʁʂ ੈքͷࢎҿྉಛू ϦϥΠτޙ ॵ͍قઅʹΦεεϝʂւ֎Ͱେਓؾͷ ࢎҿྉ4બʂ ϙΠϯτ ՆΛରͱͨ͠಄จ
հ͍ͯ͠Δͷ͕4ͭͰಛूͱݴ͍ͮΒ͍
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ϑϩϯτϖʔδͷϝΠϯϏδϡΞϧʹදࣔ͢Δهࣄͷखಈදࣔ ৄࡉهࣄͷϨίϝϯυͷखಈදࣔ Θ͟Θ͟ਓͷखΛೖΕΔࢪࡦ
ηογϣϯΛ৳ͨ͢Ίͷࢦඪ (PPHMF%BUB4UVEJP ղੳͨ͠Օॴ ࠷ۙΫϦοΫΠϯϓϨογϣϯ͕ଟ͍ɺ ·ͨݕࡧΤϯδϯͷܝࡌॱҐ͕ߴ͍ Ωʔϫʔυ → ֘͢ΔهࣄΛ૿ͯ͠ܝࡌॱҐΛकΔ → αΠτͷՁΛߴΊΔ
ॾࣄʹΑΓ ݟͤΒΕ·ͤΜ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ϑϩϯτϖʔδͷϝΠϯϏδϡΞϧʹදࣔ͢Δهࣄͷखಈදࣔ ϙΠϯτ قઅʹΑͬͯදࣔ͢ΔͷΛม͑Δ աڈͷྑهࣄͷ࿐ग़
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ৄࡉهࣄͷϨίϝϯυͷखಈදࣔ ϙΠϯτ ࣗಈͰؔ࿈͚͢Δͷݶք͕͋Δ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ৄࡉهࣄͷϨίϝϯυͷखಈදࣔ ϙΠϯτ ࣗಈͰؔ࿈͚͢Δͷݶք͕͋Δ खಈهࣄϨίϝϯυ
݄ 17ͷਪҠ ݄
దͳࢪࡦͷཪʹదͳ։ൃ͋Γ
ͰΑΓΑ͍ϝσΟΞͷӡ༻Λ ਓྗº։ൃ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ