Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
WordPress のつくりかた
Toro_Unit (Hiroshi Urabe)
May 26, 2018
Programming
2
190
WordPress のつくりかた
WordBench 長野 vol.19 WordPress 15th Birthday! の登壇資料です。
Toro_Unit (Hiroshi Urabe)
May 26, 2018
Tweet
Share
More Decks by Toro_Unit (Hiroshi Urabe)
See All by Toro_Unit (Hiroshi Urabe)
torounit
4
590
torounit
11
1.9k
torounit
2
1.3k
torounit
4
1.1k
torounit
0
140
torounit
0
1.3k
torounit
0
130
torounit
2
170
torounit
1
39
Other Decks in Programming
See All in Programming
numeroanddev
1
240
line_developers_tw2
0
4.8k
xrdnk
0
140
andpad
2
140
grapecity_dev
0
180
lovee
9
2.9k
suzukiot
0
300
grapecity_dev
0
180
manfredsteyer
PRO
0
150
nkjzm
1
200
korosuke613
2
260
xrdnk
0
180
Featured
See All Featured
andyhume
63
3.7k
myddelton
109
11k
philhawksworth
192
8.8k
geoffreycrofte
21
930
searls
204
36k
shlominoach
176
7.5k
phodgson
87
3.9k
wjessup
339
16k
rmw
11
810
afnizarnur
176
14k
roundedbygravity
242
21k
productmarketing
6
720
Transcript
WordPress ͷͭ͘Γ͔ͨ Toro_Unit @2018.05.26 / WBOsaka 1
$ whoami 2
Toro_Unit ෦ ߛ (͏Β ͻΖ͠) • Frontend Engineer • WordPress
Plugin and Theme Developer Github: @torounit Twitter: @Toro_Unit 3
ࡳຈͷձࣾͰϦϞʔτϫʔΫͯ͠·͢ 4
5
Contribution • WordBench ϞσϨʔλʔ • WordCamp Kyoto 2017 /
Osaka 2018 / Ogijima 2018 • WordCamp Tokyo 2017 Speaker • etc... 6
Plugins and Themes • Custom Post Type Permalinks • Simple
Post Type Permalinks • Powerful Posts Per Page (PPPP) • Smart PWA <- new! • Vanilla • and more... 7
WordBench Nagano ຖ݄ ͬͯ·͢ɻ Next • 6/23 • 7/21(Ծ) 8
9
10
͍·͞ΒͰ͕͢ 11
WordPress ͬͯʁ 12
"Blog Tool, Publishing Platform, and CMS — WordPress" 13
"WordPress is open source software you can use to create
a beautiful website, blog, or app." 14
Web Technology SurveysͷௐࠪʹΑΔ ͱɺΠϯλʔωοτશମʹ͓͚Δ WordPressͷγΣΞ͕30%ɻCMSͷத Ͱ60% • Usage Statistics and
Market Share of Content Management Systems for Websites, May 2018 • WordPressͷγΣΞ͕30%ʹ - Capital P 15
16
WordPress 5/27 ʹ15ࡀʹͳΓ·͢ɻ 17
Matt Mullenweg ࢯͱɺ Mike Litte ࢯͷೋਓʹΑͬͯɺb2 ͱ͍͏ϒϩάιϑτΣΞͷϑΥʔΫͱͯ͠2003ʹੜɻ 18
࠷ॳ͜Μͳײ͡ͷը໘ɻ The history of WordPress user interface | Blog of
Leonid Mamchenkov 19
20
21
22
23
The History of WordPress: 2003 – 2016 | Blog –
PSD2HTML® 24
ຊʹͨ͘͞ΜͷਓʹΑͬͯ࡞ΒΕͯ·͢ɻ 25
wp-admin/credits.php 26
27
28
29
ݱࡏͰ͔ͳΓ׆ൃʹ։ൃ͕ଓ͍ͯ·͢ɻ 30
ຊମͷ։ൃ 31
WordPress Trac • ৽ػೳͷՃɺόάɾमਖ਼ͳͲΛ ཧɻ୭Ͱߘग़དྷΔɻ • ηΩϡϦςΟϗʔϧͳͲͷใผ ͷ૭ޱɻ • ͜͜ʹ
Patch Λߘͯͦ͠Ε͕ྑ͍ ײ͡Ͱ͋ΕίΞίϛολʔʹΑͬ ͯϚʔδ͞ΕΔɻ • ϨϙδτϦ Subversion. 32
Slack http://wordpress.slack.com/ • Slackࣾͷఏڙ͢ΔίϥϘϨʔγϣϯ πʔϧ • νϟοτͰͷϛʔςΟϯάͳͲ͕͜ ͜ͰߦΘΕΔɻ 33
৽ػೳɺGithub ্ͰɹPlugin ͱͯ͠։ൃ͞Ε͔ͯΒϚʔδ ͞ΕΔ͜ͱ͕ଟ͍ɻ • MP6 (3.8ͰϚʔδ͞Εͨཧը໘ͷ৽σβΠϯ) • REST API
• ίʔυΤσΟλͷվળ • Shiny Updates ʢϓϥάΠϯςʔϚͷΞοϓσʔτΛը໘ ભҠͳ͠Ͱɻ) 34
Gutenberg • ࣍ظόʔδϣϯ(5.0)ͰϚʔδ༧ఆͷ ৽͍͠هࣄͷߘը໘ɻ • GitHub - WordPress/gutenberg 35
Plugins / Themes. 36
37
WordPress.org ʹɺ • 55,000 Ҏ্ͷϓϥάΠϯ • 5,800 Ҏ্ͷςʔϚ ͕ଘࡏɻ •
GPLͰϥΠηϯε͞ΕͨແྉͷͷͷΈܝࡌɻ • ୭Ͱਃग़དྷΔ͕ɺϨϏϡʔΛ௨ա͢Δඞཁ͕͋Δɻ • ςʔϚͷϨϏϡʔ݁ߏ͍ͨΜɻ 38
Translate • ຊମɺϓϥάΠϯɾςʔϚͳͲͷ༁ɻ • ୭ͰؾܰʹࢀՃͰ͖Δɻ • Ҋ݅ͰͬͨϓϥάΠϯͷ༁ͱ͔ೖΕ ͓ͯ͘ͱࣗΈΜͳศརɻ • WordSlack
ʢຊޠ൛ίϛϡχςΟͷඇ ެࣜSlackʣͰฉ͘ͱ͍Ζ͍ΖΞυόΠε Β͑ͨΓ͢Δɻ • WordSlackͷࢀՃํ๏ - WordPress Codex ຊޠ൛ 39
Make WordPress ίΞϓϥάΠϯςʔϚҙ֎ʹ༷ʑͳνʔϜɻ • Core • Design • Mobile •
iOS Android ͷΞϓϦ • Accessibility 40
• Polyglots • ༁ • Support • αϙʔτϑΥʔϥϜ • Documentation
• Handbook Codex(Wiki) • Themes • WordPress.org ܝࡌ͞ΕΔςʔϚͷϨϏϡʔ 41
• Plugins • ϓϥάΠϯͷϨϏϡʔ • Community • Meetup WordCampͳͲͷνʔϜ
• Meta • ϏϧυπʔϧɾࢧԉπʔϧͳͲͷ։ൃ • Training • Test 42
• TV • WordPress.tv. ΠϕϯτͳͲͷηογϣϯͷಈը͕ܝࡌ͞ΕΔαΠτ ͷӡӦ • Marketing • CLI
• WP-CLI. ίϚϯυϥΠϯ͔ΒWordPressΛૢ࡞͢Δπʔϧͷ։ൃ • Hosting • Tide • ϓϥάΠϯςʔϚͳͲͷࣗಈςετͷ։ൃɻ 43
͜ΕΒϘϥϯςΟΞͷ׆ಈɻ • ಛఆͷاۀ͕։ൃ͍ͯ͠ΔΘ͚Ͱແ͍ɻ • WordPress.com Λ։ൃɾӡӦ͢Δ Automattic ͷϓϩμΫτ Ͱແ͍ɻ •
ίΞίϛολʔଟॴଐ͍ͯ͠Δ͠ɺΊͪΌΊͪΌߩݙ ͍ͯ͠Δ͚Ͳɻ 44
Why? 45
ίϛολʔͷॴଐاۀ͝ͱͷίϛοτͷׂ߹ɻ(20161݄) 63% of WordPress Core Committers Are Not Employed by
Automattic – WordPress Tavern 46
• WordPress Ͱ WEBαΠτΛ੍࡞͍ͯ͠Δاۀ (10up,XWP, Human Made, Inpsyde,required) • αʔϏεΛఏڙ͍ͯ͠Δاۀ
(Automattic, Yoast) • ϗεςΟϯά (Siteground,Human Made) • Ϣʔβʔ (NY Times, United States Digital Service) 47
48
49
Github ͷϓϩμΫτϚωʔδϟʔ Ben Batler ࢯʹΑΔεϥΠυ Government open source — ࣏ࣗମͷΦʔϓϯιʔε׆
༻ // Speaker Deck 50
• WordPress ʹΈΜͳͰίϛοτ͢Δํ͕ޮ͍͍ɻ • ΦʔϓϯιʔεϫʔΫϑϩʔʂ 51
ݸਓతʹΑ͔ͬͨମݧɻ ࣌ؒମྗ࣌ʹԕඅ͔͔Δ͚Ͳŋŋŋ 52
• WordPressྗ্͕Γ·ͨ͠ɻ • ϑΥʔϥϜͳͲͰͷճΛ͖͔͚ͬʹ͍Ζ͍ΖษڧͰ͖· ͨ͠ɻ • ӕΛॻ͖ͨ͘ͳ͍ΜͰ࠶ௐͨ͠ΓެࣜͷυΩϡϝϯ τΛಡΜͩΓ͍ͯ͠Δ͏ͪʹ͍ΖΜͳൃݟ͕͋ͬͨΓɻ • ͍ΖΜͳਓ͕͍ΔͷͰɺ͍ΖΜͳεΩϧʹৄ͘͠ͳΓ·ͨ͠ɻ
• ϑϩϯτΤϯυͷਓͳͷʹɺͳ͔ͥΠϯϑϥܥͷεΩϧ͕ ʹ͖ͭ·ͨ͠ɻ։ൃڥߏஙָͰ͢ɻ 53
• ϓϥάΠϯ࡞ͬͨΓɺίΞʹύονૹͬͨΓɺίϛϡχςΟ ׆ಈͯͨ͠ΒϑϦʔʹͳΕ·ͨ͠ɻ • ͳ͔ͥւಓͷձࣾʹೖΓ·ͨ͠ɻ • ͳ͔ͥஉౡʹߦͬͨΓ͠·͢ɻ • ຊͷ͍ΖΜͳͱ͜ΖͰ͓ञΛҿΉػձ͕૿͑·ͨ͠ɻ 54
<dl> <!-- ----------- --> <dt>Get involved<dt> <!-- ----------- --> <dd>ר͖ࠐ·ΕΔ</dd>
<dd>ؔ༩͢Δ</dd> <dd>ࢀՃ͢Δ</dd> <dd>खΛି͢</dd> <dd>ਂೖΓ͢Δ</dd> <dd>ҰཌྷΛ୲͏</dd> <dd>ເதʹͳΔ</dd> </dl> 55
Get involved! 56
͓ΘΓɻ Thanks! Github: @torounit Twitter: @Toro_Unit Facebook: fb.me/torounit WEB Site:
https://torounit.com 57