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 session
Search
Takenori Okashita (GOUTEN)
August 04, 2018
Technology
1
96
メディアを伸ばす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
840
さいきょーっぽいでーたべーすをつかってうぇぶせいさくをしてみた / Web Design & Creation Session vol2
gouten5010
0
74
Grow up your sense.
gouten5010
0
2.2k
顔出しNGがこわいあなたへ / WordFes Nagoya 2017 LT
gouten5010
0
1.3k
伝説のまさかりを本気で作る / Frontend Conference 2017 LT
gouten5010
1
210
できる!わぷーコスプレ / WordCamp Tokyo 2016 LT Personal
gouten5010
0
9.5k
Other Decks in Technology
See All in Technology
社内共通ルールを値オブジェクトにして社内ライブラリとして運用してみた話
leveragestech
2
1.1k
サービスメッシュ環境における OpenTelemetry 活用 / OpenTelemetry in Service Mesh
k6s4i53rx
2
820
Azureコストは水道代/The_47th_Tokyo_Jazug
aeonpeople
3
350
Vos logs méritent mieux que la config par défaut
lyrixx
2
210
.NETの非同期戦略とUnityとの相互運用
neuecc
2
2.4k
エバンジェリスト活動を7年やってきて見えてきた、コミュニティとエバンジェリストの関係
soracom
PRO
1
200
初心者が行く!サーバレスWebアプリ開発の道
nagaharutogawa
0
440
AWS アーキテクチャクイズ
yuu26
2
700
XRミーティング 2024-03-20
1ftseabass
PRO
0
100
生成AIサービスPanorama AIご説明資料
sdt
0
300
オブジェクト指向宗教史
tanakahisateru
13
11k
CI/CDがあたりまえの今の時代にAPIテスティングツールに求められていること / CI/CD Test Night #7
k1low
12
2.8k
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
421
63k
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
StorybookのUI Testing Handbookを読んだ
zakiyama
10
4.5k
Web Components: a chance to create the future
zenorocha
304
41k
A Philosophy of Restraint
colly
195
15k
Automating Front-end Workflow
addyosmani
1353
200k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
What's new in Ruby 2.0
geeforr
335
31k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
18
1.7k
VelocityConf: Rendering Performance Case Studies
addyosmani
319
23k
Web development in the modern age
philhawksworth
201
10k
What's in a price? How to price your products and services
michaelherold
236
11k
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ͷਪҠ ݄
దͳࢪࡦͷཪʹదͳ։ൃ͋Γ
ͰΑΓΑ͍ϝσΟΞͷӡ༻Λ ਓྗº։ൃ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ