WordPress のつくりかた

Transcript

1. 1.

   WordPress ͷͭ͘Γ͔ͨ Toro_Unit @2018.05.26 / WBOsaka 1

2. 2.

   $ whoami 2

3. 3.

   Toro_Unit ઎෦ ߛ (͏Β΂ ͻΖ͠) • Frontend Engineer • WordPress

   Plugin and Theme Developer Github: @torounit Twitter: @Toro_Unit 3
4. 4.

   ࡳຈͷձࣾͰϦϞʔτϫʔΫͯ͠·͢ 4

5. 5.

   5

6. 6.

   Contribution • WordBench ௕໺ ϞσϨʔλʔ • WordCamp Kyoto 2017 /

   Osaka 2018 / Ogijima 2018 • WordCamp Tokyo 2017 Speaker • etc... 6
7. 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. 8.

   WordBench Nagano ຖ݄ ΍ͬͯ·͢ɻ Next • 6/23 • 7/21(Ծ) 8

9. 9.

   9

10. 10.

    10

11. 11.

    ͍·͞ΒͰ͕͢ 11

12. 12.

    WordPress ͬͯʁ 12

13. 13.

    "Blog Tool, Publishing Platform, and CMS — WordPress" 13

14. 14.

    "WordPress is open source software you can use to create

    a beautiful website, blog, or app." 14
15. 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.

    16

17. 17.

    WordPress ͸ 5/27 ʹ15ࡀʹͳΓ·͢ɻ 17

18. 18.

    Matt Mullenweg ࢯͱɺ Mike Litte ࢯͷೋਓʹΑͬͯɺb2 ͱ͍͏ϒϩάιϑτ΢ΣΞͷϑΥʔΫͱͯ͠2003೥ʹ஀ੜɻ 18

19. 19.

    ࠷ॳ͸͜Μͳײ͡ͷը໘ɻ The history of WordPress user interface | Blog of

    Leonid Mamchenkov 19
20. 20.

    20

21. 21.

    21

22. 22.

    22

23. 23.

    23

24. 24.

    The History of WordPress: 2003 – 2016 | Blog –

    PSD2HTML® 24
25. 25.

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

26. 26.

    wp-admin/credits.php 26

27. 27.

    27

28. 28.

    28

29. 29.

    29

30. 30.

    ݱࡏͰ΋͔ͳΓ׆ൃʹ։ൃ͕ଓ͍ͯ·͢ɻ 30

31. 31.

    ຊମͷ։ൃ 31

32. 32.

    WordPress Trac • ৽ػೳͷ௥Ճɺόάɾमਖ਼ͳͲΛ؅ ཧɻ୭Ͱ΋౤ߘग़དྷΔɻ • ηΩϡϦςΟϗʔϧͳͲͷ৘ใ͸ผ ͷ૭ޱɻ • ͜͜ʹ

    Patch Λ౤ߘͯͦ͠Ε͕ྑ͍ ײ͡Ͱ͋Ε͹ίΞίϛολʔʹΑͬ ͯϚʔδ͞ΕΔɻ • ϨϙδτϦ͸ Subversion. 32
33. 33.

    Slack http://wordpress.slack.com/ • Slackࣾͷఏڙ͢ΔίϥϘϨʔγϣϯ πʔϧ • νϟοτͰͷϛʔςΟϯάͳͲ͕͜ ͜ͰߦΘΕΔɻ 33

34. 34.

    ৽ػೳ͸ɺGithub ্ͰɹPlugin ͱͯ͠։ൃ͞Ε͔ͯΒϚʔδ ͞ΕΔ͜ͱ͕ଟ͍ɻ • MP6 (3.8ͰϚʔδ͞Εͨ؅ཧը໘ͷ৽σβΠϯ) • REST API

    • ίʔυΤσΟλͷվળ • Shiny Updates ʢϓϥάΠϯ΍ςʔϚͷΞοϓσʔτΛը໘ ભҠͳ͠Ͱɻ) 34
35. 35.

    Gutenberg • ࣍ظόʔδϣϯ(5.0)ͰϚʔδ༧ఆͷ ৽͍͠هࣄͷ౤ߘը໘ɻ • GitHub - WordPress/gutenberg 35

36. 36.

    Plugins / Themes. 36

37. 37.

    37

38. 38.

    WordPress.org ʹ͸ɺ • 55,000 Ҏ্ͷϓϥάΠϯ • 5,800 Ҏ্ͷςʔϚ ͕ଘࡏɻ •

    GPLͰϥΠηϯε͞Εͨແྉͷ΋ͷͷΈܝࡌɻ • ୭Ͱ΋ਃ੥͸ग़དྷΔ͕ɺϨϏϡʔΛ௨ա͢Δඞཁ͕͋Δɻ • ςʔϚͷϨϏϡʔ͸݁ߏ͍ͨ΁Μɻ 38
39. 39.

    Translate • ຊମ΍ɺϓϥάΠϯɾςʔϚͳͲͷ຋༁ɻ • ୭Ͱ΋ؾܰʹࢀՃͰ͖Δɻ • Ҋ݅Ͱ࢖ͬͨϓϥάΠϯͷ຋༁ͱ͔ೖΕ ͓ͯ͘ͱࣗ෼΋ΈΜͳ΋ศརɻ • WordSlack

    ʢ೔ຊޠ൛ίϛϡχςΟͷඇ ެࣜSlackʣͰฉ͘ͱ͍Ζ͍ΖΞυόΠε ΋Β͑ͨΓ͢Δɻ • WordSlack΁ͷࢀՃํ๏ - WordPress Codex ೔ຊޠ൛ 39
40. 40.

    Make WordPress ίΞ΍ϓϥάΠϯ΍ςʔϚҙ֎ʹ΋༷ʑͳνʔϜɻ • Core • Design • Mobile •

    iOS ΍ Android ͷΞϓϦ • Accessibility 40
41. 41.

    • Polyglots • ຋༁ • Support • αϙʔτϑΥʔϥϜ • Documentation

    • Handbook ΍ Codex(Wiki) • Themes • WordPress.org ΁ܝࡌ͞ΕΔςʔϚͷϨϏϡʔ 41
42. 42.

    • Plugins • ϓϥάΠϯͷϨϏϡʔ • Community • Meetup ΍ WordCampͳͲͷνʔϜ

    • Meta • ϏϧυπʔϧɾࢧԉπʔϧͳͲͷ։ൃ • Training • Test 42
43. 43.

    • TV • WordPress.tv. ΠϕϯτͳͲͷηογϣϯͷಈը͕ܝࡌ͞ΕΔαΠτ ͷӡӦ • Marketing • CLI

    • WP-CLI. ίϚϯυϥΠϯ͔ΒWordPressΛૢ࡞͢Δπʔϧͷ։ൃ • Hosting • Tide • ϓϥάΠϯ΍ςʔϚͳͲͷࣗಈςετͷ։ൃɻ 43
44. 44.

    ͜ΕΒ͸ϘϥϯςΟΞͷ׆ಈɻ • ಛఆͷاۀ͕։ൃ͍ͯ͠ΔΘ͚Ͱ͸ແ͍ɻ • WordPress.com Λ։ൃɾӡӦ͢Δ Automattic ͷϓϩμΫτ Ͱ͸ແ͍ɻ •

    ίΞίϛολʔ΋ଟ਺ॴଐ͍ͯ͠Δ͠ɺΊͪΌΊͪΌߩݙ ΋͍ͯ͠Δ͚Ͳɻ 44
45. 45.

    Why? 45

46. 46.

    ίϛολʔͷॴଐاۀ͝ͱͷίϛοτ਺ͷׂ߹ɻ(2016೥1݄) 63% of WordPress Core Committers Are Not Employed by

    Automattic – WordPress Tavern 46
47. 47.

    • WordPress Ͱ WEBαΠτΛ੍࡞͍ͯ͠Δاۀ (10up,XWP, Human Made, Inpsyde,required) • αʔϏεΛఏڙ͍ͯ͠Δاۀ

    (Automattic, Yoast) • ϗεςΟϯά (Siteground,Human Made) • Ϣʔβʔ (NY Times, United States Digital Service) 47
48. 48.

    48

49. 49.

    49

50. 50.

    Github ͷϓϩμΫτϚωʔδϟʔ Ben Batler ࢯʹΑΔεϥΠυ Government open source — ੓෎΍࣏ࣗମͷΦʔϓϯιʔε׆

    ༻ // Speaker Deck 50
51. 51.

    • WordPress ʹΈΜͳͰίϛοτ͢Δํ͕ޮ཰͍͍ɻ • Φʔϓϯιʔε͸ϫʔΫϑϩʔʂ 51

52. 52.

    ݸਓతʹΑ͔ͬͨମݧɻ ࣌ؒ΋ମྗ΋࣌ʹ͸ԕ੐අ΋͔͔Δ͚Ͳŋŋŋ 52

53. 53.

    • WordPressྗ্͕Γ·ͨ͠ɻ • ϑΥʔϥϜͳͲͰͷճ౴Λ͖͔͚ͬʹ͍Ζ͍ΖษڧͰ͖· ͨ͠ɻ • ӕΛॻ͖ͨ͘ͳ͍ΜͰ࠶౓ௐ΂௚ͨ͠ΓެࣜͷυΩϡϝϯ τΛಡΜͩΓ͍ͯ͠Δ͏ͪʹ͍ΖΜͳൃݟ͕͋ͬͨΓɻ • ͍ΖΜͳਓ͕͍ΔͷͰɺ͍ΖΜͳεΩϧʹৄ͘͠ͳΓ·ͨ͠ɻ

    • ϑϩϯτΤϯυͷਓͳͷʹɺͳ͔ͥΠϯϑϥܥͷεΩϧ͕ ਎ʹ͖ͭ·ͨ͠ɻ։ൃ؀ڥߏஙָͰ͢ɻ 53
54. 54.

    • ϓϥάΠϯ࡞ͬͨΓɺίΞʹύονૹͬͨΓɺίϛϡχςΟ ׆ಈͯͨ͠ΒϑϦʔʹͳΕ·ͨ͠ɻ • ͳ͔ͥ๺ւಓͷձࣾʹೖΓ·ͨ͠ɻ • ͳ͔ͥஉ໦ౡʹߦͬͨΓ͠·͢ɻ • ೔ຊͷ͍ΖΜͳͱ͜ΖͰ͓ञΛҿΉػձ͕૿͑·ͨ͠ɻ 54

55. 55.

    <dl> <!-- ----------- --> <dt>Get involved<dt> <!-- ----------- --> <dd>ר͖ࠐ·ΕΔ</dd>

    <dd>ؔ༩͢Δ</dd> <dd>ࢀՃ͢Δ</dd> <dd>खΛି͢</dd> <dd>ਂೖΓ͢Δ</dd> <dd>ҰཌྷΛ୲͏</dd> <dd>ເதʹͳΔ</dd> </dl> 55
56. 56.

    Get involved! 56

57. 57.

    ͓ΘΓɻ Thanks! Github: @torounit Twitter: @Toro_Unit Facebook: fb.me/torounit WEB Site:

    https://torounit.com 57