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
270
do_action Japan 2020 振り返り
nukaga
0
450
英語ができない私がいかにしてグローバルチームにいるか / My english is poor, but I want to contribute to WordPress.
nukaga
7
6.8k
WordPressを使って社会の課題解決を目指す / SDGs with WordPress
nukaga
2
7k
#25 WP ZoomUP - WordPress 5.3 Beta 事前情報
nukaga
0
79
男木島図書館Webサイト WP ZoomUp 用資料 / Ogijima Library site Document for WP ZoomUp
nukaga
0
910
WordPress 5.0 を試してみよう / Let's try WordPress 5.0
nukaga
1
890
A wonderful circulation of the Ogijima Library and WordPress
nukaga
1
1.3k
WordCampの作り方そしてWordCamp Japanリニューアル
nukaga
0
960
Other Decks in Business
See All in Business
キャッチアップ会社紹介
catchup
2
46k
自己解決を支える検索技術と改善サイクル
akiroom
0
300
払いすぎていませんか?AWSコスト最適化へのはじめの一歩
o2mami
1
1.3k
相続チェックリスト
wf714201
0
270
サスメド株式会社 Culture Deck
susmed
0
33k
AmbientNavi 紹介資料
ambientnavi0329
0
400
問題を明確にする方法 / How To Clarify The Problem
tbpgr
1
280
WORKERS'BOX document ver5.2
himojimoji
0
100
クラスメソッド_会社紹介資料_202407 / introduction to classmethod for engineers
classmethod_jinji
1
1.3k
K.S.ロジャース会社紹介資料
ksr_hiring
1
1.9k
20240629_CMCCentral_closing
hideki_ojima
2
240
GMO_beauty_recruit
gmo_beauty
0
5.2k
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
PRO
20
7.2k
KATA
mclloyd
20
13k
Infographics Made Easy
chrislema
238
18k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
90
47k
Large-scale JavaScript Application Architecture
addyosmani
506
110k
Designing for humans not robots
tammielis
247
25k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
34
1.9k
Adopting Sorbet at Scale
ufuk
71
8.8k
Become a Pro
speakerdeck
PRO
15
4.8k
Being A Developer After 40
akosma
72
580k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.9k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
13
430
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ɺϢʔβʔମݧɺ ԿΛσβΠϯ͢Δʁ Կ͕σβΠϯͱͳΔʁ