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
280
do_action Japan 2020 振り返り
nukaga
0
470
英語ができない私がいかにしてグローバルチームにいるか / My english is poor, but I want to contribute to WordPress.
nukaga
7
6.8k
WordPressを使って社会の課題解決を目指す / SDGs with WordPress
nukaga
2
7.1k
#25 WP ZoomUP - WordPress 5.3 Beta 事前情報
nukaga
0
82
男木島図書館Webサイト WP ZoomUp 用資料 / Ogijima Library site Document for WP ZoomUp
nukaga
0
920
WordPress 5.0 を試してみよう / Let's try WordPress 5.0
nukaga
1
900
A wonderful circulation of the Ogijima Library and WordPress
nukaga
1
1.3k
WordCampの作り方そしてWordCamp Japanリニューアル
nukaga
0
990
Other Decks in Business
See All in Business
スマートキャンプ株式会社 会社紹介資料 / companydeck
smartcamp
0
120
Recruiting FACT BOOK_JP
paypaycorporation
PRO
0
77k
記憶力に頼らないタスク管理 / Task management without relying on memory
tbpgr
7
14k
NOT A HOTEL SOFTWARE DECK
notahotel
6
62k
株式会社トリビュー|採用ピッチ資料
tribeau
1
120
人事図書館ラーニングバー_人事としての学びとその活かし方_ねこやなぎのケース20240831
nekoyanagi
1
460
hokan Recruiting Deck
hokan
0
20k
エイチーム M&A方針説明会資料(2024年8月7日)
ateam
0
550
CLS_dejima_vol0
hideki_ojima
1
1.9k
Amazon Chime SDK と Vonage Video API の徹底比較
mobilebiz
0
230
株式会社CINC 会社案内/Company introduction
cinchr
6
41k
遠くへ行きたければ、チームで行け!アジャイルとスクラムに学ぶチームの成長のためのエッセンス
curanosuke
0
110
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
43
13k
How to name files
jennybc
75
98k
Making the Leap to Tech Lead
cromwellryan
128
8.8k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
Embracing the Ebb and Flow
colly
83
4.4k
The Cost Of JavaScript in 2023
addyosmani
42
5.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
The Language of Interfaces
destraynor
153
23k
A Tale of Four Properties
chriscoyier
155
22k
Happy Clients
brianwarren
96
6.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
30
2.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
89
16k
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ɺϢʔβʔମݧɺ ԿΛσβΠϯ͢Δʁ Կ͕σβΠϯͱͳΔʁ