WordPress のつくりかた

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

  5. 5

  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

  9. 9

  10. 10

  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
  16. 16

  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
  20. 20

  21. 21

  22. 22

  23. 23

  24. The History of WordPress: 2003 – 2016 | Blog –

    PSD2HTML® 24
  25. ຊ౰ʹͨ͘͞ΜͷਓʹΑͬͯ࡞ΒΕͯ·͢ɻ 25

  26. wp-admin/credits.php 26

  27. 27

  28. 28

  29. 29

  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

  37. 37

  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
  48. 48

  49. 49

  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