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
1.1k
さいきょーっぽいでーたべーすをつかってうぇぶせいさくをしてみた / Web Design & Creation Session vol2
gouten5010
0
100
Grow up your sense.
gouten5010
0
2.5k
顔出し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
Evolución del razonamiento matemático de GPT-4.1 a GPT-5 - Data Aventura Summit 2025 & VSCode DevDays
lauchacarro
0
190
JTCにおける内製×スクラム開発への挑戦〜内製化率95%達成の舞台裏/JTC's challenge of in-house development with Scrum
aeonpeople
0
220
2025年になってもまだMySQLが好き
yoku0825
8
4.7k
研究開発と製品開発、両利きのロボティクス
youtalk
1
520
下手な強制、ダメ!絶対! 「ガードレール」を「檻」にさせない"ガバナンス"の取り方とは?
tsukaman
2
440
Generative AI Japan 第一回生成AI実践研究会「AI駆動開発の現在地──ブレイクスルーの鍵を握るのはデータ領域」
shisyu_gaku
0
160
5年目から始める Vue3 サイト改善 #frontendo
tacck
PRO
3
220
今!ソフトウェアエンジニアがハードウェアに手を出すには
mackee
12
4.7k
ハードウェアとソフトウェアをつなぐ全てを内製している企業の E2E テストの作り方 / How to create E2E tests for a company that builds everything connecting hardware and software in-house
bitkey
PRO
1
130
Webブラウザ向け動画配信プレイヤーの 大規模リプレイスから得た知見と学び
yud0uhu
0
230
大「個人開発サービス」時代に僕たちはどう生きるか
sotarok
20
9.9k
エラーとアクセシビリティ
schktjm
1
1.2k
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
135
9.5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Done Done
chrislema
185
16k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.5k
What's in a price? How to price your products and services
michaelherold
246
12k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
Balancing Empowerment & Direction
lara
3
620
How to Think Like a Performance Engineer
csswizardry
26
1.9k
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ͷਪҠ ݄
దͳࢪࡦͷཪʹదͳ։ൃ͋Γ
ͰΑΓΑ͍ϝσΟΞͷӡ༻Λ ਓྗº։ൃ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ