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
100
メディアを伸ばす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
910
さいきょーっぽいでーたべーすをつかってうぇぶせいさくをしてみた / Web Design & Creation Session vol2
gouten5010
0
86
Grow up your sense.
gouten5010
0
2.3k
顔出しNGがこわいあなたへ / WordFes Nagoya 2017 LT
gouten5010
0
1.3k
伝説のまさかりを本気で作る / Frontend Conference 2017 LT
gouten5010
1
210
できる!わぷーコスプレ / WordCamp Tokyo 2016 LT Personal
gouten5010
0
10k
Other Decks in Technology
See All in Technology
楽しくGoを学び合う、LayerXの勉強会文化 / LayerX's study culture of having fun and learning Go together
ar_tama
2
350
ここがすごいよ! AWS Systems Manager!
saichan11
0
1.8k
テスト・設計研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
Azure AI ことはじめ
tsubakimoto_s
0
130
AI研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
130
ペパボのオブザーバビリティ研修2024 説明資料
kesompochy
0
1.1k
AIアシスタントの活用で品質の向上と開発ワークフローのスピードアップ
nagix
1
210
Matterport を使ってクラスメソッド各拠点のバーチャルオフィスツアーを作成してみた
wakatsuki
0
160
What is DRE? - Road to SRE NEXT@広島
chanyou0311
3
630
Flutter研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
160
ゆめみのアクセシビリティの現在地と今後
ryokatsuse
3
290
ABEMAにおけるLLMを用いたコンテンツベース推薦システム導入と効果検証
cyberagentdevelopers
PRO
1
760
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
219
8.8k
Atom: Resistance is Futile
akmur
261
25k
How to name files
jennybc
67
96k
5 minutes of I Can Smell Your CMS
philhawksworth
200
19k
Why Our Code Smells
bkeepers
PRO
332
56k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
12
3.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
Six Lessons from altMBA
skipperchong
24
3.2k
The Mythical Team-Month
searls
217
43k
Facilitating Awesome Meetings
lara
46
5.8k
The Straight Up "How To Draw Better" Workshop
denniskardys
229
130k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
16
1.6k
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ͷਪҠ ݄
దͳࢪࡦͷཪʹదͳ։ൃ͋Γ
ͰΑΓΑ͍ϝσΟΞͷӡ༻Λ ਓྗº։ൃ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ