最近作ったプラグインをせっかくなので紹介する #wpshinshu / 2019-01-12 WPShinshu

Slide 1

Slide 1 text

࠷ۙ࡞ͬͨϓϥάΠϯΛ ͔ͤͬ͘ͳͷͰ঺հ͢Δ Toro_Unit@ Shinshu WP Meetup vol.9 1

Slide 2

Slide 2 text

$ whoami 2

Slide 3

Slide 3 text

Toro_Unit ઎෦ ߛ (͏Β΂ ͻΖ͠) • Frontend Engineer • WordPress Plugin and Theme Developer Github: @torounit Twitter: @Toro_Unit 3

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Contribution • WordPress 5.0.1 and 5.1 (Α͍ͯ) • WordCamp Kyoto 2017 / Osaka 2018 / Ogijima 2018 ࣮ߦҕһ • WordCamp Osaka 2018 Speaker. • etc... 6

Slide 7

Slide 7 text

Plugins and Themes • Custom Post Type Permalinks • Simple Post Type Permalinks • Powerful Posts Per Page (PPPP) • Smart PWA <- new! • Vanilla • and more... 7

Slide 8

Slide 8 text

͚͋·͓ͯ͠ΊͰͱ͏͍͟͝·͢ɻ 8

Slide 9

Slide 9 text

೥຤೥࢝Կͯ͠·ͨ͠ʁ 9

Slide 10

Slide 10 text

࣮ՈͰೣٔΕͨΓ 10

Slide 11

Slide 11 text

Slide 12

Slide 12 text

χϡʔΠϠʔӺ఻ݟͨΓ ஍ݩ͕܈അݝଠాࢢ 12

Slide 13

Slide 13 text

Slide 14

Slide 14 text

ϓϥάΠϯ࡞ͬͨ Γͯ͠·ͨ͠ 14

Slide 15

Slide 15 text

΍Δ͜ͱ͕ͳ͗ͯ͢͞… 15

Slide 16

Slide 16 text

࡞ͬͨϓϥάΠϯ • Advanced Posts Blocks • Advanced Archive Blocks • Code Editor Blocks • Review Mode 16

Slide 17

Slide 17 text

Advanced Posts Blocks 17

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Advanced Posts Blocks https://wordpress.org/plugins/advanced-posts-blocks/ • ʮ࠷৽ͷ౤ߘʯϒϩοΫΛڧԽͨ͠Ϡπͱ͔ͦͷ΄͔΋Ζ΋ Ζɻ • ςʔϚʹPHPϑΝΠϧΛઃஔ͢Δ͜ͱͰݟͨ໨ͷΧελϚΠ ζ͕Մೳɻ • WEB੍࡞Ͱ͍Ζ͍Ζ࢖ͬͨϒϩοΫΛ·ͱΊͨɻ 19

Slide 20

Slide 20 text

Posts Blocks • ౤ߘλΠϓɾΧςΰϦʔɾλάɾλΫιϊϛʔ ͰߜΓࠐΜͩ ౤ߘҰཡΛදࣔɻ • τοϓϖʔδ΍ɺࣄۀ঺հϖʔδͰͷؔ࿈χϡʔεͱ͔ɻ 20

Slide 21

Slide 21 text

Post Blocks • ಛఆͷ౤ߘΛબΜͰදࣔɻ • ؔ࿈هࣄͱ͔Λखಈઃఆ͢Δͱ͖ͱ͔ɻ 21

Slide 22

Slide 22 text

Children Blocks • ಛఆͷ౤ߘͷࢠϖʔδΛ͢΂ͯදࣔɻ • ݻఆϖʔδͳͲͰαϒϝχϡʔΛ࡞ͬͨΓɻ 22

Slide 23

Slide 23 text

Advanced Archive Blocks 23

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Advanced Archive Blocks https://wordpress.org/plugins/advanced-archive-blocks/ • ௨ৗͷΞʔΧΠϒϒϩοΫ͸݄ผ͔͠ग़དྷͳ͍ͷͰɺ೥ɾ ݄ɾ೔ɾि ͷΞʔΧΠϒ࢖͑ΔΑ͏ʹͨ͠Ϡπɻ 25

Slide 26

Slide 26 text

Code Editor Blocks 26

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Code Editor Blocks https://wordpress.org/plugins/code-editor-blocks/ • ΧελϜHTMLϒϩοΫͷϓϨϏϡʔ͕ iframe ͳͷͰɺී௨ ʹϨϯμϦϯά͢ΔΑ͏ʹͨ͠ɻϝσΟΞΫΤϦʔͳͲ͕ద ༻͞Ε͍ͯͯ΋ྑ͍ײ͡ʹϓϨϏϡʔ͢ΔΑ͏ʹɻ • λμͷςΩετΤϦΞͰ͸ͳͯ͘ɺΤσΟλʔ(CodeMirror) Λ࢖͏Α͏ʹͯ͠ΤϥʔͳͲΛݕ஌Ͱ͖ΔΑ͏ʹɻ 28

Slide 29

Slide 29 text

Review Mode 29

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Review Mode https://wordpress.org/plugins/review-mode/ • ϨϏϡʔϞʔυ͕༗ޮʹͳ͍ͬͯΔ৔߹ʹɺެ։ࡁΈʹՃ͑ ͯʮϨϏϡʔ଴ͪʯͷ౤ߘ΋ؚΊͯදࣔ͢ΔΑ͏ʹ͢Δɻ • ϨϏϡʔϞʔυͷઃఆ͸Ϣʔβʔ͝ͱʹɻ΋ͪΖΜϩάΠϯ ͍ͯ͠ͳ͍Ϣʔβʔ΍ଞͷϢʔβʔͷը໘ʹ͸Өڹ͠ͳ͍ɻ ެ։͍ͨ͠هࣄ͕ΞʔΧΠϒ΍ҰཡͳͲͰͲͷΑ͏ʹݟ͑Δ ͷ͔Λ֬ೝ͢ΔͨΊͷϓϥάΠϯɻ 31

Slide 32

Slide 32 text

ײ૝ • ஌ࣝͷ୨Է͠΋݉Ͷͯɺ࢓ࣄͰ࡞ͬͨػೳͰසग़ͨ͠ϠπΛϓϥάΠϯʹɻ • খ͞ͳ୯ҐͰϓϥάΠϯʹ͓ͯ͘͠ͱϝϯςφϯε΋ָͰখճΓ΋ޮ͍ͯྑ ͍ײ͡ɻ • All in One ͳϞϊ͕ྑ͍͔Ͳ͏͔͸έʔεόΠέʔε͚ͩͲɺϒϩοΫप Γ͸খ෼͚ʹͨ͠ํ͕࢖͍উखྑͦ͞͏ɻ • ৭Μͳػೳ͕ೖͬͯΔϞϊ͸ػೳ͕ڝ߹ͨ͠ͱ͖໘౗͍͘͞ɻ • ཉ͍͠΋ͷ͚ͩΠϯετʔϧ͢Ε͹͍͍ɻ 32

Slide 33

Slide 33 text

ΧελϜϒϩοΫͷϓϥάΠϯʹ͍ͭͯ • Gutenberg ͷιʔείʔυɺಘʹ block-library ลΓͷιʔείʔυΛ໓஡ ۤ஡ಡΜͩํ͕͍͍ɻ࣮૷ྫͳͲ͕গͳ͍ͷͰιʔεΛಡΉͱࢀߟʹͳΔɻ • HOC ౳ɺReact ͷษڧʹ͸ͳΔ͠ɺศརͳϥΠϒϥϦ΋ଟ͍ͷͰ WP API Λ࢖͏ͱ͖ʹ໾ʹཱͭ஌͕͍ࣝΖ͍Ζɻ (@wordpress/data,@wordpress/ api-fetch) • ΧελϜϒϩοΫΛҊ݅͝ͱʹຖճ࡞Δͷ͸ຊ౰ʹۤߦɻʢϒϩοΫ͝ͱͷ ೖྗͷ࢓༷ܾΊͳͲ͕େมʣ • γϯϓϧͳίϯϙʔωϯτΛ࡞ͬͯϓϥάΠϯʹ͓ͯ͘͠ͷ͕ྑ͍ɻ 33

Slide 34

Slide 34 text

Thanks! Github: @torounit Twitter: @Toro_Unit Facebook: fb.me/torounit Blog: https://torounit.com 34