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
ページコンテンツを作る際に気をつけること
Search
Koji Kuno
March 09, 2019
0
300
ページコンテンツを作る際に気をつけること
Gifu WordPress Meetup #9で登壇した際の資料
Koji Kuno
March 09, 2019
Tweet
Share
More Decks by Koji Kuno
See All by Koji Kuno
unitoneが楽しくなるまでの道のり
oleindesign
0
83
WordPress 6.5 の新機能紹介
oleindesign
0
110
How to deal with WordPress themes in the future
oleindesign
0
1.6k
WordPress(再)入門 - 運用・学習編
oleindesign
0
200
WordPress(再)入門 - カスタマイズ編
oleindesign
0
220
WordPress(再)入門 - コンテンツ作成方法編
oleindesign
0
190
WordPress(再)入門 - テーマ・プラグイン編 / introduction-to-wordpress-again-theme-plugin
oleindesign
0
220
WordPress(再)入門 - 基本設定編 / introduction-to-wordpress-again-basic-settings
oleindesign
0
410
WordPress(再)入門 - 基礎知識・環境編
oleindesign
2
960
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Practical Orchestrator
shlominoach
189
11k
Producing Creativity
orderedlist
PRO
346
40k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.4k
How STYLIGHT went responsive
nonsquared
100
5.7k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
It's Worth the Effort
3n
185
28k
Art, The Web, and Tiny UX
lynnandtonic
301
21k
Transcript
PMFJOEFTJHODPN !0MFJO@KQ ϖʔδίϯςϯπΛ࡞Δࡍʹ ؾΛ͚ͭΔ͜ͱ ݄ʢʣ (JGV8PSE1SFTT.FFUVQ !ΈΜͳͷ͗;ϝσΟΞίεϞε͓ͲΔελδΦ
PMFJOEFTJHODPN !0MFJO@KQ ࣗݾհ
PMFJOEFTJHODPN !0MFJO@KQ ٱߊ࢘ʢ͘ͷ͜͏͡ʣ w ϑϦʔϥϯε8FC੍࡞ऀ!ذෞࢢ w (JGV8PSE1SFTT.FFUVQڞಉΦʔΨφΠβʔ w $PEFS%PKPذෞνϟϯϐΦϯɺ8FCDSFBUPSTذෞӡӦऀ w
ݩάϥϑΟοΫσβΠφʔʢࡶࢽࠂެڞϙελʔͳͲ w 8FCಠֶɹ8PSE1SFTTྺҎ্ w 0MFJO1SFTTγϦʔζͰ8PSE1SFTTςʔϚͷൢച४උத
PMFJOEFTJHODPN !0MFJO@KQ w .FFUVQ0SHBOJ[FSʢ(JGV8PSE1SFTT.FFUVQӡӦʣ w 5SBOTMBUJPO$POUSJCVUPSʢ81ຊޠ༁ʹڠྗʣ w 5IFNF%FWFMPQFSʢެࣜσΟϨΫτϦʹςʔϚܝࡌʣ https://profiles.wordpress.org/olein
PMFJOEFTJHODPN !0MFJO@KQ (1-༗ྉ8PSE1SFTTςʔϚ
PMFJOEFTJHODPN !0MFJO@KQ ΞδΣϯμ w ϖʔδίϯςϯπͱ w ίϯςϯπϚʔέςΟϯάͱ w ίϯςϯπͷ࡞Γํ w
ϥΠςΟϯάํ๏
PMFJOEFTJHODPN !0MFJO@KQ ϖʔδίϯςϯπͱ
PMFJOEFTJHODPN !0MFJO@KQ ϖʔδίϯςϯπͱ w ΣϒαΠτ্ʹܝࡌ͞ΕΔϖʔδͷத w ӡӦऀ͕ʮ͍͑ͨ͜ͱʯΛܝࡌͨ͠ͷͰͳ͍ w ๚ऀʹʮಡΜͰ΄͍͠ͷʯΛܝࡌͨ͠ͷͰͳ͍ w
๚ऀ͕ʮಡΈ͍ͨʢ୳͍ͯͨ͠ʣใʯͰ͋Δ͖
PMFJOEFTJHODPN !0MFJO@KQ ಡΈ͍ͨʢ୳͍ͯͨ͠ʣใ
PMFJOEFTJHODPN !0MFJO@KQ ๚ऀઢͰߟ͑Δ
PMFJOEFTJHODPN !0MFJO@KQ ίϯςϯπϚʔέςΟϯάͱ
PMFJOEFTJHODPN !0MFJO@KQ ίϯςϯπϚʔέςΟϯάͱ ༗༻ɾ༗ӹͳίϯςϯπΛ੍࡞͢Δ ެ։ɾ৴͢Δ ʢજࡏతʹʣඞཁͱ͍ͯ͠ΔϢʔβʔΛݺͼࠐΈ
ϑΝϯʹͳΔΑ͏ͭͳ͍͛ͯ͘
PMFJOEFTJHODPN !0MFJO@KQ ओͳྲྀೖݩ w ݕࡧΤϯδϯ w ֤ιʔγϟϧɾωοτϫʔΩϯάɾαʔϏε ˠઓུతར༻͕ඞཁ
PMFJOEFTJHODPN !0MFJO@KQ ඞͣΖ͏ɺޮՌଌఆͱ1%$" w ɾ,,%ʢצɾܦݧɾڳʣ w (PPHMF"OBMZUJDTͱ(PPHMF4FBSDI$POTPMFಋೖఆ൪ w 1%$"ʢ1MBOˠ%Pˠ$IFDLˠ"DUʣ ˠఆྔతଌఆɾఆظతҙݟަ͕ඞཁ
w ඪઃఆΛΕͣʹ ˠΰʔϧ͕ͳ͍ͱΔํ͕Θ͔Βͳ͍ʂ
PMFJOEFTJHODPN !0MFJO@KQ Α͋͘Δ,1*ઃఆྫ ߪೖ ࢿྉٻ ϝϧϚΨձһొ ͍߹Θͤ ձһొ 17ɺηογϣϯɺϢʔβʔɺ$73 $73ʹίϯόʔδϣϯϨʔτʹʢඪ๚ऀʣ
17 ηογϣϯ ֤ܦ࿏͔ΒͷྲྀೖɺݕࡧॱҐ λʔήοτΩʔϫʔυͷݕࡧॱҐ ؔ࿈ΩʔϫʔυͷݕࡧॱҐɺݕࡧྲྀೖ ݕࡧྲྀೖ λʔήοτΩʔϫʔυͷݕࡧॱҐɺؔ࿈ΩʔϫʔυͷݕࡧॱҐ
PMFJOEFTJHODPN !0MFJO@KQ ΦϯυϝσΟΞͱ
PMFJOEFTJHODPN !0MFJO@KQ ΦϯυϝσΟΞͱ w ίϯςϯπϚʔέςΟϯάΛ͔ͳ͑ΔϝσΟΞ w اۀஂମ͕ӡӦɾཧ͢ΔΣϒαΠτ w ੵۃతʹࣗࣾαʔϏεͳͲใൃ৴͢ΔϝσΟΞ
PMFJOEFTJHODPN !0MFJO@KQ ΦϯυϝσΟΞͷత w ചΓ্͛ۀͷ্ w ৽نސ٬ͷ֫ಘطଘސ٬ͱͷؔߏங w ໊ͷ্ʢϒϥϯσΟϯάʣ త͕ͨ͘͞Μ͔͋ͬͯͳ͑Δ͜ͱ͍͠
ॏཁͳతʹߜΔ͜ͱ͕؊ཁ
PMFJOEFTJHODPN !0MFJO@KQ ֤ϝσΟΞͷׂ &BSOFE ಘΔɾ֫ಘ͢Δ 1BZFE ࢧ͏ 0XOFE อ࣋͢Δ ɾಠࣗαΠτ
ɾݟࠐΈ٬ͷ֫ಘ ɾ57ϥδΦͳͲैདྷܕϝσΟΞ ɾࠂඅΛࢧ͍ใΛల։ ɾޱίϛαΠτɾ4/4ͳͲ ɾ৴༻ɾ৴པΛ֫ಘ
PMFJOEFTJHODPN !0MFJO@KQ ϝϦοτɾσϝϦοτ ϝϦοτ w ࣗࣾͰൃ৴༰සΛίϯτϩʔϧͰ͖Δ͜ͱ σϝϦοτ w ॳظͷใ֦ࢄͷଈޮੑظͰ͖ͳ͍ w
هࣄ࡞ʹίετ͕͔͔Δʢਓɾ࣌ؒɾ֎ʣ
PMFJOEFTJHODPN !0MFJO@KQ ϚʔέςΟϯάΛՄࢹԽ͢Δ
PMFJOEFTJHODPN !0MFJO@KQ ̏ͭͷϓϩηε ֎෦ྲྀೖͷ֫ಘ ߹ͤͷ্ ͷ্ 4&0ϦεςΟϯάࠂ ͳͲͷݕࡧྲྀೖɺ4/4 ֎෦ϦϯΫʹΑΔྲྀೖɻ ॻ੶ϝσΟΞܝࡌͳͲ
ͷڹʹΑΔྲྀೖͳͲ͕ ؚ·ΕΔɻ ίϯςϯπΛىͱͨ͠ αΠτճ༡ɺࢿྉμ ϯϩʔυͳͲͷ߹ͤ ͷϋʔυϧΛԼ͛Δใ ఏڙɺ-1߹ͤϑΥʔ ϜͳͲͷվળͳͲؚ͕· ΕΔɻ εςοϓϝʔϧిର ԠͳͲͷΠϯαΠυηʔ ϧεɺηϛφʔలࣔ ձͰͷ։࠵ରԠɻӦۀ෦ ʹΑΔΞϓϩʔνͳͲ ؚ͕·ΕΔɻ
PMFJOEFTJHODPN !0MFJO@KQ ϚʔέςΟϯάϚοϓ
PMFJOEFTJHODPN !0MFJO@KQ ίϯςϯπͷ࡞Γํ
PMFJOEFTJHODPN !0MFJO@KQ ͳͥ୭ಡ·ͳ͍ͷ͕ੜ·ΕΔʁ w ฏۉͳίϯςϯπʹͳ͍ͬͯΔ ˠλʔήοτ͕ఆ·͍ͬͯͳ͍ͨΊɺສਓʹड͚ೖΕΒ ΕΑ͏ͱ͢Δίϯςϯπʹͳ͍ͬͯΔ w ूΊ͍ͨϢʔβʔ͕Ͳͷ͘Β͍ͷࣝϨϕϧͳͷ͔ɺͲ ΜͳใΛಘ͍ͨͱ͍ͯ͠Δͷ͔Λߟ͑Δ
PMFJOEFTJHODPN !0MFJO@KQ ίϯςϯπߏ w ʮىঝస݁ʯ͕ઈରͰͳ͍ ˠʮىʯʜ͢Ͱʹ͍ͬͯΔ༰ʹͳΓ͕ͪ ˠʮసʯʜల։͕มΘΔͱϢʔβʔ͕ࠞཚ͢Δ w ݁ϑΝʔετ ˠϢʔβʔ͑Λ୳ͨ͢Ίʹݕࡧ͍ͯ͠Δ
w ϢʔβʔࠜڌٻΊ͍ͯΔ ˠ͚݁ͩͰͳ͘ɺͳͥͦ͏ͳΔͷ͔ͱ͍͏࠷ݶͷࠜڌ ඞཁ w ؔ࿈ϖʔδհͯ͠ຬΛߴΊΔ
PMFJOEFTJHODPN !0MFJO@KQ ඞཁͳίϯςϯπԿ͔ w ίϯόʔδϣϯ͕తͳΒʜ ɾਃ͠ࠐΈ૭ޱʢϝʔϧϑΥʔϜʣ ɾిͰͷґཔͳΒి൪߸ ɾ༣ศͰͷडͳΒॅॴ w ϢʔβʔԿ͕Γ͍ͨͷ͔
ɾϢʔβʔൺֱɾݕ౼Λ͢Δʢ#UP##UP$ಉ͡ʣ ɾͦͷͨΊͷใΛ͔ͬ͠Γͱ༻ҙ͢Δ ɾࣗࣾʢࣗʣ͕࠾༻͞ΕͨࡍͷϝϦοτΛ໌֬ʹఏࣔ
PMFJOEFTJHODPN !0MFJO@KQ ใඞཁ࠷খݶʹ w ใ͕ଟ͗ͯ͢Ϣʔβʔࠞཚ͢Δ ˠʮఏڙ͍ͨ͠ใʯͱʮඞཁͱ͞ΕΔใʯͷҧ͍ w 4&0ͷӨڹ͔Γؾʹͨ͠จίϯςϯπʮৄ͍͠จ ষʯͱݴ͑ͳ͍ w
ൺֱɾݕ౼͕ߦ͑Δใʹߜͬͨίϯςϯπ w ࣗͣͱγϯϓϧʹͳΔͣ
PMFJOEFTJHODPN !0MFJO@KQ ϝσΟΞͷ4&0ϙΠϯτ w ݕࡧҙਤΛద͑ΔίϯςϯπΛ࡞Δ w ղܾܕ ˠϢʔβʔͷ๊͍͑ͯΔΛղܾ͢Δίϯςϯπ w λΠτϧͱݟग़͠Ͱ༰͕ѲͰ͖ΔΑ͏ʹ
ˠίϯςϯπͷ۱͔Β۱·ͰಡΜͰ͘ΕΔϢʔβʔগ ͳ͍ɻύοͱݟͯ༰ΛཧղͰ͖ΔΑ͏ʹɻ w దͳใఏڙ ˠৄ͘͠આ໌͠Α͏ͱ͠ա͗ͯจʹͳΒͳ͍Α͏ʹ ˠ୯هࣄͰͳ͘αΠτશମͰධՁΛ্͛Δҙࣝ
PMFJOEFTJHODPN !0MFJO@KQ w ෳͷϖʔδͰϢʔβʔͷҙਤΛຬͨ͢ w 4&0Λҙࣝ͗͢͠Δͱϖʔδ୯ମͷݕࡧॱҐΛ্͛Δ ͜ͱ͔Γߟ͕͑ͪ w ෳͷϖʔδͱ෦ϦϯΫΛͬͯใΛཧ w
αΠτΛ८ճ͘͢͢͠Δ
PMFJOEFTJHODPN !0MFJO@KQ ಡΈ͍͢σβΠϯ w σβΠϯ͕ѱ͍ͱಡ·Εͳ͍ w ϑΥϯταΠζͱߦؒ ɾϑΥϯταΠζˠQYʙQY ɾߦؒͷײ֮ˠʙ ɾ̍ߦͷจࣈˠશ֯ʙจࣈ
w ۭനεϖʔεը૾ͳͲͰςΩετີΛԼ͛Δ ɾஈམ͝ͱʹۭനεϖʔε ɾ̍ʙ̎εΫϩʔϧ͝ͱʹը૾ਤදΛೖΕΔ ɾ͝ͱʹখݟग़͠ΛೖΕΔ
PMFJOEFTJHODPN !0MFJO@KQ γΣΞ͢ΔϢʔβʔͷಈػ w ϒοΫϚʔΫΘΓ w ਓʹΑ͘ࢥΘΕ͍ͨ ˠγΣΞ͢ΔਓࣗͷϒϥϯσΟϯάͷͨΊ w ࣗݾදݱΛ͍ͨ͠
ˠγΣΞ͢ΔίϯςϯπͷίϝϯτΛ௨ͯࣗ͡ݾදݱ
PMFJOEFTJHODPN !0MFJO@KQ γΣΞ͞Ε͍͢λΠτϧ w લͰҙΛҾ͖͚ͭɺޙͰ༰Λิ͢Δ w Ҿ͖ͷڧ͍ཁૉͳΔ͘લͷํೖΕΔ w ࣈΛೖΕΔ
PMFJOEFTJHODPN !0MFJO@KQ ྫ ʢѱ͍ྫʣ ɹΠϯςϦΞίʔσΟωΠτͷࢀߟαΠτ·ͱΊ ʢྑ͍ྫʣ ɹࠗ׆ྗ্͕͢ΔʂΠϯςϦΞίʔσΟωΠτͷࢀ ߟαΠτબ
PMFJOEFTJHODPN !0MFJO@KQ ϥΠςΟϯάํ๏
PMFJOEFTJHODPN !0MFJO@KQ ̎ͭͷϥΠςΟϯάํ๏ ֎ͯ͠ॻ͍ͯΒ͏ ࣗͰॻ͘
PMFJOEFTJHODPN !0MFJO@KQ ֎ͯ͠ॻ͍ͯΒ͏ϙΠϯτ w ϥϯαʔζΫϥυϫʔΫεͳͲͰϥΠλʔΛ୳͢͜ ͱՄೳͳ࣌ʢྑ͠ѱ͠அ͕͍͠ʣ w ߏҊࢀߟ63-Λඞͣ͑Δ ˠݕࡧΩʔϫʔυ͚ͩΛ͑Δ͚ͩͰμϝ ˠهࣄͷλΠτϧɾߏԾҊɾࢀߟ63-ͳͲࢿྉΛڞ༗
w ϑΟʔυόοΫ໌֬ɾత֬ʹ ˠ۩ମతͳࢦࣔΛग़ͯ͠मਖ਼ͯ͠Β͏ ˠมߋཤྺ͕ΔܗͰΓऔΓΛ͢Δ
PMFJOEFTJHODPN !0MFJO@KQ ࣗͰॻ͘ࡍͷྲྀΕ ࣥචલͷΔ͜ͱ w จষͷతɾλʔήοτɾϨΪϡϨʔγϣϯΛܾΊΔ ࣥචதʹΔ͜ͱ w
࠷ޙ·ͰಡΜͰΒ͏ͨΊͷߏ w 4&0ʹڧ͍λΠτϧ w దͳ෦Ͱݟग़͠ͳͲΛ͚ͭΔ
PMFJOEFTJHODPN !0MFJO@KQ ࣗͰॻ͘ࡍͷྲྀΕ ࣥචޙʹΔ͜ͱ w ࣄ࣮ޡೝຊޠͷؒҧ͍ɺෆշͱஅ͞ΕΔݴ༿͕ ͳ͍͔֬ೝ w શମ෦ΛϒϥογϡΞοϓͯ͠ಡΈ͘͢͢Δ
PMFJOEFTJHODPN !0MFJO@KQ ҙࣝ͢ΔϙΠϯτ w จষͷతΛ໌֬ʹ͢Δ w λʔήϯοτΛܾΊͯత֬ʹใΛಧ͚Δ ˠΣϒαΠτͷϖϧιφઃఆࢀߟʹ w ϨΪϡϨʔγϣϯΛܾΊΑ͏
ˠจମɾݴ༿ɾදهͳͲͷܾ·Γ͝ͱ
PMFJOEFTJHODPN !0MFJO@KQ هࣄωλͷ୳͠ํ w :BIPPܙା w ڭ͑ͯHPP w 0,8"7&
PMFJOEFTJHODPN !0MFJO@KQ ࢀߟਤॻ
PMFJOEFTJHODPN !0MFJO@KQ ·ͱΊ w ʮ4&0ʯΛҙࣝ͢ΔલʹʮϢʔβʔʯΛҙࣝ͠Α͏ w ʮతʯͱʮϢʔβʔʯΛҙ͔ࣝͯ͠͏ํΛߟ͑Δ w ֎ϥΠλʔΛ͏߹͔ͬ͠ΓϚωʔδϝϯτ w
·ͣग़དྷΔ͜ͱ͔Βࢼͯ͠ΈΑ͏ʂ
PMFJOEFTJHODPN !0MFJO@KQ ͓ΘΓ