WordPress のつくりかた

WordBench 長野 vol.19 WordPress 15th Birthday! の登壇資料です。

Transcript

1. WordPress ͷͭ͘Γ͔ͨ Toro_Unit @2018.05.26 / WBOsaka 1
2. $ whoami 2
3. Toro_Unit ઎෦ ߛ (͏Β΂ ͻΖ͠) • Frontend Engineer • WordPress Plugin and Theme Developer Github: @torounit Twitter: @Toro_Unit 3
4. ࡳຈͷձࣾͰϦϞʔτϫʔΫͯ͠·͢ 4
6. Contribution • WordBench ௕໺ ϞσϨʔλʔ • WordCamp Kyoto 2017 / Osaka 2018 / Ogijima 2018 • WordCamp Tokyo 2017 Speaker • etc... 6
7. Plugins and Themes • Custom Post Type Permalinks • Simple Post Type Permalinks • Powerful Posts Per Page (PPPP) • Smart PWA <- new! • Vanilla • and more... 7
8. WordBench Nagano ຖ݄ ΍ͬͯ·͢ɻ Next • 6/23 • 7/21(Ծ) 8
11. ͍·͞ΒͰ͕͢ 11
12. WordPress ͬͯʁ 12
13. "Blog Tool, Publishing Platform, and CMS — WordPress" 13
14. "WordPress is open source software you can use to create a beautiful website, blog, or app." 14
15. 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
17. WordPress ͸ 5/27 ʹ15ࡀʹͳΓ·͢ɻ 17
18. Matt Mullenweg ࢯͱɺ Mike Litte ࢯͷೋਓʹΑͬͯɺb2 ͱ͍͏ϒϩάιϑτ΢ΣΞͷϑΥʔΫͱͯ͠2003೥ʹ஀ੜɻ 18
19. ࠷ॳ͸͜Μͳײ͡ͷը໘ɻ The history of WordPress user interface | Blog of Leonid Mamchenkov 19
24. The History of WordPress: 2003 – 2016 | Blog – PSD2HTML® 24
25. ຊ౰ʹͨ͘͞ΜͷਓʹΑͬͯ࡞ΒΕͯ·͢ɻ 25
26. wp-admin/credits.php 26
30. ݱࡏͰ΋͔ͳΓ׆ൃʹ։ൃ͕ଓ͍ͯ·͢ɻ 30
31. ຊମͷ։ൃ 31
32. WordPress Trac • ৽ػೳͷ௥Ճɺόάɾमਖ਼ͳͲΛ؅ ཧɻ୭Ͱ΋౤ߘग़དྷΔɻ • ηΩϡϦςΟϗʔϧͳͲͷ৘ใ͸ผ ͷ૭ޱɻ • ͜͜ʹ Patch Λ౤ߘͯͦ͠Ε͕ྑ͍ ײ͡Ͱ͋Ε͹ίΞίϛολʔʹΑͬ ͯϚʔδ͞ΕΔɻ • ϨϙδτϦ͸ Subversion. 32
33. Slack http://wordpress.slack.com/ • Slackࣾͷఏڙ͢ΔίϥϘϨʔγϣϯ πʔϧ • νϟοτͰͷϛʔςΟϯάͳͲ͕͜ ͜ͰߦΘΕΔɻ 33
34. ৽ػೳ͸ɺGithub ্ͰɹPlugin ͱͯ͠։ൃ͞Ε͔ͯΒϚʔδ ͞ΕΔ͜ͱ͕ଟ͍ɻ • MP6 (3.8ͰϚʔδ͞Εͨ؅ཧը໘ͷ৽σβΠϯ) • REST API • ίʔυΤσΟλͷվળ • Shiny Updates ʢϓϥάΠϯ΍ςʔϚͷΞοϓσʔτΛը໘ ભҠͳ͠Ͱɻ) 34
35. Gutenberg • ࣍ظόʔδϣϯ(5.0)ͰϚʔδ༧ఆͷ ৽͍͠هࣄͷ౤ߘը໘ɻ • GitHub - WordPress/gutenberg 35
36. Plugins / Themes. 36
38. WordPress.org ʹ͸ɺ • 55,000 Ҏ্ͷϓϥάΠϯ • 5,800 Ҏ্ͷςʔϚ ͕ଘࡏɻ • GPLͰϥΠηϯε͞Εͨແྉͷ΋ͷͷΈܝࡌɻ • ୭Ͱ΋ਃ੥͸ग़དྷΔ͕ɺϨϏϡʔΛ௨ա͢Δඞཁ͕͋Δɻ • ςʔϚͷϨϏϡʔ͸݁ߏ͍ͨ΁Μɻ 38
39. Translate • ຊମ΍ɺϓϥάΠϯɾςʔϚͳͲͷ຋༁ɻ • ୭Ͱ΋ؾܰʹࢀՃͰ͖Δɻ • Ҋ݅Ͱ࢖ͬͨϓϥάΠϯͷ຋༁ͱ͔ೖΕ ͓ͯ͘ͱࣗ෼΋ΈΜͳ΋ศརɻ • WordSlack ʢ೔ຊޠ൛ίϛϡχςΟͷඇ ެࣜSlackʣͰฉ͘ͱ͍Ζ͍ΖΞυόΠε ΋Β͑ͨΓ͢Δɻ • WordSlack΁ͷࢀՃํ๏ - WordPress Codex ೔ຊޠ൛ 39
40. Make WordPress ίΞ΍ϓϥάΠϯ΍ςʔϚҙ֎ʹ΋༷ʑͳνʔϜɻ • Core • Design • Mobile • iOS ΍ Android ͷΞϓϦ • Accessibility 40
41. • Polyglots • ຋༁ • Support • αϙʔτϑΥʔϥϜ • Documentation • Handbook ΍ Codex(Wiki) • Themes • WordPress.org ΁ܝࡌ͞ΕΔςʔϚͷϨϏϡʔ 41
42. • Plugins • ϓϥάΠϯͷϨϏϡʔ • Community • Meetup ΍ WordCampͳͲͷνʔϜ • Meta • ϏϧυπʔϧɾࢧԉπʔϧͳͲͷ։ൃ • Training • Test 42
43. • TV • WordPress.tv. ΠϕϯτͳͲͷηογϣϯͷಈը͕ܝࡌ͞ΕΔαΠτ ͷӡӦ • Marketing • CLI • WP-CLI. ίϚϯυϥΠϯ͔ΒWordPressΛૢ࡞͢Δπʔϧͷ։ൃ • Hosting • Tide • ϓϥάΠϯ΍ςʔϚͳͲͷࣗಈςετͷ։ൃɻ 43
44. ͜ΕΒ͸ϘϥϯςΟΞͷ׆ಈɻ • ಛఆͷاۀ͕։ൃ͍ͯ͠ΔΘ͚Ͱ͸ແ͍ɻ • WordPress.com Λ։ൃɾӡӦ͢Δ Automattic ͷϓϩμΫτ Ͱ͸ແ͍ɻ • ίΞίϛολʔ΋ଟ਺ॴଐ͍ͯ͠Δ͠ɺΊͪΌΊͪΌߩݙ ΋͍ͯ͠Δ͚Ͳɻ 44
45. Why? 45
46. ίϛολʔͷॴଐاۀ͝ͱͷίϛοτ਺ͷׂ߹ɻ(2016೥1݄) 63% of WordPress Core Committers Are Not Employed by Automattic – WordPress Tavern 46
47. • WordPress Ͱ WEBαΠτΛ੍࡞͍ͯ͠Δاۀ (10up,XWP, Human Made, Inpsyde,required) • αʔϏεΛఏڙ͍ͯ͠Δاۀ (Automattic, Yoast) • ϗεςΟϯά (Siteground,Human Made) • Ϣʔβʔ (NY Times, United States Digital Service) 47
50. Github ͷϓϩμΫτϚωʔδϟʔ Ben Batler ࢯʹΑΔεϥΠυ Government open source — ੓෎΍࣏ࣗମͷΦʔϓϯιʔε׆ ༻ // Speaker Deck 50
51. • WordPress ʹΈΜͳͰίϛοτ͢Δํ͕ޮ཰͍͍ɻ • Φʔϓϯιʔε͸ϫʔΫϑϩʔʂ 51
52. ݸਓతʹΑ͔ͬͨମݧɻ ࣌ؒ΋ମྗ΋࣌ʹ͸ԕ੐අ΋͔͔Δ͚Ͳŋŋŋ 52
53. • WordPressྗ্͕Γ·ͨ͠ɻ • ϑΥʔϥϜͳͲͰͷճ౴Λ͖͔͚ͬʹ͍Ζ͍ΖษڧͰ͖· ͨ͠ɻ • ӕΛॻ͖ͨ͘ͳ͍ΜͰ࠶౓ௐ΂௚ͨ͠ΓެࣜͷυΩϡϝϯ τΛಡΜͩΓ͍ͯ͠Δ͏ͪʹ͍ΖΜͳൃݟ͕͋ͬͨΓɻ • ͍ΖΜͳਓ͕͍ΔͷͰɺ͍ΖΜͳεΩϧʹৄ͘͠ͳΓ·ͨ͠ɻ • ϑϩϯτΤϯυͷਓͳͷʹɺͳ͔ͥΠϯϑϥܥͷεΩϧ͕ ਎ʹ͖ͭ·ͨ͠ɻ։ൃ؀ڥߏஙָͰ͢ɻ 53
54. • ϓϥάΠϯ࡞ͬͨΓɺίΞʹύονૹͬͨΓɺίϛϡχςΟ ׆ಈͯͨ͠ΒϑϦʔʹͳΕ·ͨ͠ɻ • ͳ͔ͥ๺ւಓͷձࣾʹೖΓ·ͨ͠ɻ • ͳ͔ͥஉ໦ౡʹߦͬͨΓ͠·͢ɻ • ೔ຊͷ͍ΖΜͳͱ͜ΖͰ͓ञΛҿΉػձ͕૿͑·ͨ͠ɻ 54
55. <dl> <!-- ----------- --> <dt>Get involved<dt> <!-- ----------- --> <dd>ר͖ࠐ·ΕΔ</dd> <dd>ؔ༩͢Δ</dd> <dd>ࢀՃ͢Δ</dd> <dd>खΛି͢</dd> <dd>ਂೖΓ͢Δ</dd> <dd>ҰཌྷΛ୲͏</dd> <dd>ເதʹͳΔ</dd> </dl> 55
56. Get involved! 56
57. ͓ΘΓɻ Thanks! Github: @torounit Twitter: @Toro_Unit Facebook: fb.me/torounit WEB Site: https://torounit.com 57