WordPress のつくりかた

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