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
WordPress のつくりかた
Search
Toro_Unit (Hiroshi Urabe)
May 26, 2018
Programming
2
380
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)
ブロックテーマでサイトリニューアルした話 / Toro_Unit / 2025.04.12 @ Shinshu WordPress Meetup
torounit
1
200
Cloudflare Meetup Nagano Vol.3
torounit
1
85
僕が考える 「HTML サイトを WordPress にする」話 / 2023-11-05 Kansai WordPress Meetup
torounit
9
7.6k
Cloudflare Pages に入門してみた / 2023-10-14 Cloudflare Meetup Nagano Vol.2
torounit
2
1.8k
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2023 09 23
torounit
14
10k
ブロックエディターカスタマイズことはじめ #wpshinshu / 2023-06-17 Shinshu WordPress Meetup vol.24
torounit
1
410
FSE時代におけるWEBサイト制作の研究 #wpshinshu / 2023-05-20 Shinshu WordPress Meetup vol.23
torounit
0
450
ブロックエディターを用いたWEBサイト開発とカスタムフィールドのあり方を考える。/ WordCamp Japan 2021
torounit
0
570
ブロックエディターで変わる、WordPress でのウェブサイト開発 / SaCSS Special 26
torounit
4
880
Other Decks in Programming
See All in Programming
LINEヤフー データグループ紹介
lycorp_recruit_jp
0
1.2k
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
300
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
230
VS Code Update for GitHub Copilot
74th
1
470
CursorはMCPを使った方が良いぞ
taigakono
1
190
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
470
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
110
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.4k
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
170
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
570
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
WindowInsetsだってテストしたい
ryunen344
1
200
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Site-Speed That Sticks
csswizardry
10
660
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
710
Designing Experiences People Love
moore
142
24k
How STYLIGHT went responsive
nonsquared
100
5.6k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
A designer walks into a library…
pauljervisheath
207
24k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Visualization
eitanlees
146
16k
We Have a Design System, Now What?
morganepeng
53
7.7k
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