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
340
do_action Japan 2020 振り返り
nukaga
0
510
英語ができない私がいかにしてグローバルチームにいるか / My english is poor, but I want to contribute to WordPress.
nukaga
7
7.1k
WordPressを使って社会の課題解決を目指す / SDGs with WordPress
nukaga
2
7.4k
#25 WP ZoomUP - WordPress 5.3 Beta 事前情報
nukaga
0
99
男木島図書館Webサイト WP ZoomUp 用資料 / Ogijima Library site Document for WP ZoomUp
nukaga
0
950
WordPress 5.0 を試してみよう / Let's try WordPress 5.0
nukaga
1
940
A wonderful circulation of the Ogijima Library and WordPress
nukaga
1
1.4k
WordCampの作り方そしてWordCamp Japanリニューアル
nukaga
0
1k
Other Decks in Business
See All in Business
コミュニティと横断組織を活かす“三菱電機”のre:Invent
licux
1
180
株式会社SAFELY 会社紹介 / Company
safely_pr
1
290
AmbientNavi_紹介資料.pdf
ambientnavi0329
0
230
ユーザーは本当に「AI」を求めている? toCプロダクトにおける生成AI体験づくり事例
inagakikay
1
650
採用案内2025年
hdn_tocci
0
3.7k
新規投資家向け資料20250214
junkiogawa
0
2.1k
地域を沸く沸く
fugashi1182
0
120
ユーザー体験の再定義 〜行動変容のための生成AI活用〜
_kojikako
1
410
i3DESIGN_Culture_Book / We-are-hiring
i3design
0
34k
不確実性の高い仮説を 迅速に検証するための開発プロセス
mkitahara01985
2
250
第3回関東Kaggler会 LT Kaggleはうつ病患者の役に立つ
utm529f
2
200
株式会社モバイルファクトリー 会社説明資料
mobilefactory
0
300
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
32
6.4k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Bash Introduction
62gerente
611
210k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Done Done
chrislema
182
16k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
Side Projects
sachag
452
42k
Why Our Code Smells
bkeepers
PRO
336
57k
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ɺϢʔβʔମݧɺ ԿΛσβΠϯ͢Δʁ Կ͕σβΠϯͱͳΔʁ