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
290
do_action Japan 2020 振り返り
nukaga
0
490
英語ができない私がいかにしてグローバルチームにいるか / My english is poor, but I want to contribute to WordPress.
nukaga
7
6.9k
WordPressを使って社会の課題解決を目指す / SDGs with WordPress
nukaga
2
7.1k
#25 WP ZoomUP - WordPress 5.3 Beta 事前情報
nukaga
0
88
男木島図書館Webサイト WP ZoomUp 用資料 / Ogijima Library site Document for WP ZoomUp
nukaga
0
930
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
1k
Other Decks in Business
See All in Business
俺とStripe -業務用自動車レンタルサービス BNR-
pharaohkj
2
220
VISASQ: ABOUT DEV TEAM
eikohashiba
3
20k
ログラス会社紹介資料 新卒採用 ビジネス職[経営幹部候補]/ Loglass Company Deck
loglass2019
0
200
エンジニアの「センス」とは何か / What is the sense of engineers
hiro_y
19
8.1k
メタバースを活用した東京の魅力発信
tokyo_metropolitan_gov_digital_hr
1
420
三井物産グループのデジタル証券〜三井物産グループのデジタル証券〜三重・イオンタウン鈴鹿〜徹底解説セミナースライド(20241023)
c0rp_mdm
0
1.6k
株式会社BFT 会社紹介資料|エンジニア&セールス職向け
bft_recruit
2
9.8k
Sales Marker Culture Book(English)
salesmarker
PRO
1
2.5k
「つい進捗してしまう」タスク分解のやり方 / How to Break Down Tasks in a Way That Naturally Leads to Progress
uenitty
1
160
株式会社kubellストレージ 会社説明資料
kubell_storage
2
190
LINEヤフー新卒採用 プロダクトプランナー職種説明資料
lycorp_recruit_jp
0
1.6k
【エンジニア採用】BuySell Technologies会社説明資料
buyselltechnologies
1
51k
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
228
52k
Thoughts on Productivity
jonyablonski
67
4.3k
Designing for Performance
lara
604
68k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Designing the Hi-DPI Web
ddemaree
280
34k
Designing for humans not robots
tammielis
249
25k
Building Adaptive Systems
keathley
38
2.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
9
680
Intergalactic Javascript Robots from Outer Space
tanoku
268
27k
Embracing the Ebb and Flow
colly
84
4.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
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ɺϢʔβʔମݧɺ ԿΛσβΠϯ͢Δʁ Կ͕σβΠϯͱͳΔʁ