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
フリーランスWebデザイナーの WordPress 案件ワークフローとお見積り (Web用簡易版)
Search
nukaga
January 24, 2017
Business
1
15k
フリーランスWebデザイナーの WordPress 案件ワークフローとお見積り (Web用簡易版)
WordBench Nagano vol.6 "WBNagano Special!!!" にて
nukaga
January 24, 2017
Tweet
Share
More Decks by nukaga
See All by nukaga
高知こどもの図書館のウェブサイト制作から学ぶ “依頼者も制作チームも幸せ” なプロジェクト
nukaga
0
380
do_action Japan 2020 振り返り
nukaga
0
550
英語ができない私がいかにしてグローバルチームにいるか / My english is poor, but I want to contribute to WordPress.
nukaga
7
7.1k
WordPressを使って社会の課題解決を目指す / SDGs with WordPress
nukaga
2
7.5k
#25 WP ZoomUP - WordPress 5.3 Beta 事前情報
nukaga
0
120
男木島図書館Webサイト WP ZoomUp 用資料 / Ogijima Library site Document for WP ZoomUp
nukaga
0
980
WordPress 5.0 を試してみよう / Let's try WordPress 5.0
nukaga
1
980
A wonderful circulation of the Ogijima Library and WordPress
nukaga
1
1.4k
WordCampの作り方そしてWordCamp Japanリニューアル
nukaga
0
1.1k
Other Decks in Business
See All in Business
Google ADK実用例:Travel Concierge徹底解説
mickey_kubo
0
380
現場のリサーチ術 基礎編
hynym
PRO
1
180
Bwell Group Recruit
yuyaokagawa
0
730
株式会社TSIホールディングス会社案内
tsi_saiyou
0
4.7k
グラハム株式会社_採用ピッチ_20241225__1__compressed.pdf
shu30
0
230
エンジニア応募者様向け_会社説明資料_202502
brainpadpr
0
2.2k
Udyam Registration Portal - MSME Registration Online for Small Businesses in India
udyamr
0
140
Ускорение создания стратегии с помощью ИИ
alexanderbyndyu
0
490
Micoworks Recruitment Materials
micoworks
PRO
0
2.6k
DMM.com アルファ室採用案内資料
dmmcom2025
0
120
LW_brochure_engineer
lincwellhr
0
34k
【DearOne】Dear Newest Member
hrm
2
9.9k
Featured
See All Featured
Designing for humans not robots
tammielis
253
25k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Being A Developer After 40
akosma
90
590k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Music & Morning Musume
bryan
46
6.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
The Invisible Side of Design
smashingmag
299
51k
Balancing Empowerment & Direction
lara
1
340
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
660
Transcript
Nukaga Junko ϑϦʔϥϯεWebσβΠφʔͷ WordPress Ҋ݅ϫʔΫϑϩʔͱ͓ݟੵΓ WordBench / WEBެ։༻؆қ൛
ֹլॱࢠ Nukaga Junko Profile ϑϦʔϥϯεͷWebσβΠφʔ WordCamp Kansai 2014 ࣮ߦҕһ σδλϧΩϡʔϒ
νʔϜΊ 2014உౡҠॅɻ NPO๏ਓஉౡਤॻؗɹཧࣄ WordPress 4.7 ίΞίϯτϦϏϡʔλʔ ɹ nukaga ɹɹnukagajunko
੍࡞ձࣾೖࣾ 1999 σβΠϯɾσΟϨΫγϣϯ ΨϥέʔαΠτʢezweb HDMLʣ LϞʔυɹςʔϒϧϨΠΞτ ୈ2ͷ੍࡞ձࣾ 2002 σβΠϯɾσΟϨΫγϣϯ FlashɹςʔϒϧϨΠΞτ͔ΒCSS
γεςϜҊ݅ଟ͠ ϑϦʔϥϯεʹ 2006 σβΠϯɾσΟϨΫγϣϯɾίʔσΟϯά EίϚʔεɹָఱɹYahoo Movable type WordPress ΛϝΠϯʹ 2011 σβΠϯɾσΟϨΫγϣϯɾίʔσΟϯάɾߏங εϚʔτϑΥϯ Ϩεϙϯγϒ
͓ࣄͷελΠϧ உౡਤॻؗ ཧࣄ ϑϦʔϥϯε WordPress Web DTP ݸਓࣄۀओ Ί νʔϜͷҰһͱͯ͠
σβΠϯΛ୲ ऀ ༗ݶձࣾϝΨωΠυ औక
͓ࣄͷ্Ͱͷׂ σΟϨΫγϣϯ ϥΠςΟϯά σβΠϯ ίʔσΟϯά ߏங ࣸਅ ৭࠼ઃܭ
ֹۚͱͰ͖Δ͜ͱͷ݉Ͷ߹͍ σΟϨΫγϣϯ ϥΠςΟϯά σβΠϯ ίʔσΟϯά ߏங ࣸਅ ࢠςʔϚ༻ ৭࠼ઃܭ
ͲΜͳ෩ʹରԠ͢Δʁ εϚʔτϑΥϯରԠ Ϩεϙϯγϒʁ εϚʔτϑΥϯ༻αΠτʁ
σΟϨΫγϣϯඅ ਐߦཧඅඞ͍ͣͨͩ͘ɻ ଧͪ߹ΘͤاըఏҊʹඅ༻͕͔͔͍ͬͯ Δɻ ਓʁϖʔδʁ ΫϥΠΞϯτ͕Θ͔Γ͍͢ܗ͕͍͍Μ͡Ό ͳ͍͔ͳɻ ΘΓͱ࠷ऴతʹಉ͘͡Β͍ͷֹۚʹͳΔɻ WordPressͷ߹ɺݻఆϖʔδͷ੍࡞ΛΫϥ ΠΞϯτଆ͕͢Δ߹ɻ
͓ݟੵΓ ׂ͍ॿۚͷ૬ஊʹͷΔ αΠτΛ࡞Δͱ͍͏ͷ͍҆ങ͍Ͱͳ͍ɻ
σΟϨΫλʔͱͯ͠ؾΛ͚͍ͭͯΔ͜ͱ ΫϥΠΞϯτͷཉ͍͠ͷ ΫϥΠΞϯτͷఏࣔͯ͘͠Δ͜ͱʹཉ͍͠ͷͰ ͳ͍߹͕͋ΔɻޮՌͳͷ͔σβΠϯͳͷ͔ɻ ͦΕϢʔβʔͷٻΊΔ͜ͱͱ߹͍ͬͯΔ͔ɻ ֹۚͱ࡞ۀྔ ֹۚͱ࡞ۀྔͷόϥϯεΛݟΔɻ ༏ઌॱҐ ࡞Δͷʹରͯ͠ͷ༏ઌॱҐΛ͔ͬ͠Γ ͱೝࣝ߹ΘͤΛ͢Δɻ
࠷ॳʹ͖ͪΜͱ͑Δ Ͱ͖Δ͜ͱɺͰ͖ͳ͍͜ͱɻՃྉۚʹ ͍ͭͯɻೲظʹ͍ͭͯɻSEOʹ͍ͭͯɻ ਓͱࣄΛ͍ͯ͠Δ ΫϥΠΞϯτਓͩ͠ɺνʔϜϝϯόʔ ਓͰ͋ΔɻͲͪΒकΔࣄΛ͢Δɻ ϨεϙϯγϒʢϞόΠϧରԠʣ ରԠϒϥβʹ͍ͭͯɻϨεϙϯγϒσβΠϯ࣌Ϟ όΠϧϫΠϠʔͷΈ͋͛Δ͜ͱɻϐΫηϧύʔ ϑΣΫτΛٻΊΔͱίετ͕͔͔Δͱ͍͏ҙࣝɻ —
σβΠφʔͱͯ͠ؾΛ͚͍ͭͯΔ͜ͱ ΞΫηγϏϦςΟͷྀ ίϯτϥετจࣈͷେ͖͞ͳͲ࠷ݶ ͷΞΫηγϏϦςΟͷྀ ԿΛ͍͑ͨͷ͔ ΫϥΠΞϯτ͕ͦͷαΠτͰԿΛ͑ͨ ͍͔ RetinaରԠ༻σʔλ RetinaରԠ༻ͷσʔλͷ༻ҙ ίʔσΟϯά͍͢͠σβΠϯ
༨നͷϧʔϧ͚ɺϨεϙϯγϒΛҙࣝɺ WordPressͷ߹ςϯϓϨʔτΛσβΠϯ͠ ͍ͯΔͱ͍͏ҙࣝ ίʔσΟϯά͍͢͠σʔλ σβΠϯΞϓϦέʔγϣϯͷ૬ஊɺϨΠϠʔ ͚ɺϨΠϠʔ໊ɺͰ͖Δ͚ͩϏοτϚο ϓʹ͠ͳ͍ɻϑΥϯτ͕Θ͔ΔΑ͏ʹ͢Δɻ
Ҋ݅A
Ҋ݅AͰͷׂ୲ σΟϨΫγϣϯ ϥΠςΟϯά σβΠϯ ίʔσΟϯά ߏங ࣸਅ ৭࠼ઃܭ ࡚ͷ༏लϓϩάϥϚʔK͞Μ
Bootstrap ϫΠϠʔϑϨʔϜ bitbucket git Sass css Gulp.js ϏϧυγεςϜ Ҋ݅Aπʔϧ Facebook
ϝοηʔδ Google Drive ਐḿཧ
Γ͔ͬͨ͢͜ͱ ɾgulpɺsassɺGit ͷར༻ͳͲɺ։ൃऀଆ͕։ൃ͍͢͠Α͏ʹྀͯ͠Β͑ͨ ɾσβΠϯ͕γϯϓϧͩͬͨͷ͋Δ͔͠Ε·ͤΜ͕ɺ͜ΕͲ͏ͬͯΉͶ Μ…Έ͍ͨͳ͍ΘΏΔࢴతͳσβΠϯ͕ͳͯ͘࡞Γ͔ͬͨ͢ ɾจࣈαΠζ༨നͳͲʹ͓͍ͯϐΫηϧύʔϑΣΫτΛٻΊΒΕͳ͔ͬͨʢϨε ϙϯγϒͰɺϒϥβOS͍Ζ͍Ζ͋ΔݱࡏͰٻΊΒΕ࣮ͯࡍ࣮ݱ΄΅ ෆՄೳͳͷͰɺ͜ΕΛ͍ΘΕΔͱ͔ͳΓແବͳ͕࣌ؒͱΒΕΔͷͰ͢…ʣ ɾʢΧϨϯμʔͷ࣮ʹ͍ͭͯʣ͋ΓͷͷϓϥάΠϯͰରԠͰ͖ΔൣғͰ͓٬༷ ͱҙࢥૄ௨Λͯ͠Β͑ͨ
= ༧ࢉͰͪ͜Β͕ରԠՄೳͳൣғͰ͓٬༷ʹཧղ͠ ͯΒ͑ΔΑ͏ʹσΟϨΫγϣϯͯ͠Β͑ͨʢSimple Calendarʣ ˕Γʹ͔ͬͨ͘͜ͱ ɾϝʔϧத৺ͷΓͱΓͰ͕ͨ͠ɺGitHub Backlog Ͱ՝ཧͨ͠΄͏͕ਐḿ Ѳ֬ೝͳͲ͔͔ͬͨ͢͠ ɾͪΐͬͱͨ͠ΓͱΓ Slack ͳͲͷνϟοτͷ΄͏͕ؾ͔ܰͩͬͨ K͞Μʹฉ͍ͯΈ·ͨ͠
Ҋ݅B
Ҋ݅BͰͷׂ୲ σΟϨΫγϣϯ ϥΠςΟϯά σβΠϯ ίʔσΟϯά ߏங ৭࠼ઃܭ உౡͷ༏लϓϩάϥϚʔN͞Μ Πϥετ உౡͷ࠽ೳ͋ΔΠϥετϨʔλʔH͞Μ
Basis ϑϨʔϜϫʔΫ Backlog ਐḿཧɹGit HackMD λεΫཧ Adobe XD ϫΠϠʔϑϨʔϜ
ϓϥάΠϯ Ͱ͖Δ͚ͩ͏ϓϥάΠϯͷࢉΛཱ͓ͯͯ ͘ ʢྫʣ Contact Form 7 Flamingo Show
Current Template ࠷ۙ Yoast SEO Slim Stat Analytics ΛೖΕΔ͜ͱ ߘɾΧελϜߘλΠϓ ߘͰλάΧςΰϦʔΛͬͯཧ͢Δ͔ɺ ΧελϜߘλΠϓΛ͏͔ ಛʹؾΛ͚ͭͯWordPress Ҋ݅࣌ʹܾΊ͍ͯΔ͜ͱ อकཧΛ͢Δ͔Ͳ͏͔ ࠓޙอकཧΛ͚ෛ͍͔ͬͯ͘ɺ͚ෛ͏ ߹ɺͲΕ͘Β͍ͷ͜ͱΛ͢Δ͔
Ҋ݅C
Ҋ݅CͰͷׂ୲ σΟϨΫγϣϯ ϥΠςΟϯά σβΠϯ ίʔσΟϯά ߏங ࣸਅ ৭࠼ઃܭ ࢠςʔϚ༻
ެࣜςʔϚ͔ΒબͿ ެࣜͰͳ͍ςʔϚͷηΩϡϦςΟ͕৺ɻ ެࣜͰͳ͍ςʔϚͷ߹ςʔϚࣗମʹόά ͕͋Δ͜ͱɻ Ͳ͜·ͰมߋͰ͖Δ͔ ࢠςʔϚͰͳΜͰͰ͖ΔΘ͚Ͱͳ͍ ࢠςʔϚΛ͏࣌ʹؾΛ͚͍ͭͯΔ͜ͱ
ࢠςʔϚΛ͏߹ΥʔλʔϑΥʔϧܕͷϫʔ ΫϑϩʔʹͳΒͳ͍ ϒϥβͰͲΜͲΜ֬ೝ͍ͯ͘͠ ࢠςʔϚΛ͏߹΄ͱΜͲ͕ϨεϙϯγϒɻσβΠϯΛ͔̌Β্ཱ͍ͪ͛ͯΔΘ͚Ͱͳ͍ͷͰΫϥΠΞϯτͱϒϥβͰ֬ೝ͠ͳ ͕ΒਐΊ͍ͯ͘ɻ ࠷ॳͷʮͲ͏͍͏ίϯςϯπ͕ཉ͍͔͠ʯͷฉ͖औΓͱɺͦΕʹ߹ͬͨςʔϚબͼॏཁɻ
͜Ε͔ΒͷWordPress WordPress 4.7 ࠓ·ͰϓϥάΠϯͩͬͨ WP-REST-API ͕ίΞʹɻ ͔͢͠Δͱͬͱࣗ༝ʹσβΠϯ͕Ͱ͖ΔΑ͏ʹͳΔ͔͠Εͳ͍ɻ ϫʔΫϑϩʔͷมಈ͕ى͖Δ͔ɻ 4.7Ͱfiltterͷ͍ํ͕มΘͬͯͪΐͬͱށ͍ɻͲΜͲΜਐԽͯ͠ ͍͘͢ͳΔͱ͍͍ͳɻ
ΓํৗʹҰͭͰͳ͍ ৽͍͜͠ͱΛऔΓೖΕΔͱಉ࣌ʹɺݹ͍ΓํόΧʹ͠ͳ͍ɻ ΫϥΠΞϯτͱࣗɻ ςʔϜͰͷ࡞ۀɻ αΠτΛ͏Ϣʔβʔɻ ʮͲ͏ͨ͠ΒΓ͍͔͢ʯʮͲ͏ͨ͠ΒΘ͔Γ͍͔͢ʯ ॊೈ͕͞େࣄɻ
σβΠϯσʔλ
σβΠϯͷܗͬͱมΘ͍ͬͯ͘ ࢴɺϒϥβɺ3DɺϢʔβʔମݧɺ ԿΛσβΠϯ͢Δʁ Կ͕σβΠϯͱͳΔʁ