信州 WordPress Meetup vol.9 登壇資料です。
࠷ۙ࡞ͬͨϓϥάΠϯΛ͔ͤͬ͘ͳͷͰհ͢ΔToro_Unit@ Shinshu WP Meetupvol.91
View Slide
$ whoami2
Toro_Unit෦ ߛ (͏Β ͻΖ͠)• Frontend Engineer• WordPress Plugin and ThemeDeveloperGithub: @torounitTwitter: @Toro_Unit3
ࡳຈͷձࣾͰϦϞʔτϫʔΫͯ͠·͢4
5
Contribution• WordPress 5.0.1 and 5.1 (Α͍ͯ)• WordCamp Kyoto 2017 / Osaka2018 / Ogijima 2018 ࣮ߦҕһ• WordCamp Osaka 2018 Speaker.• etc...6
Plugins and Themes• Custom Post Type Permalinks• Simple Post Type Permalinks• Powerful Posts Per Page (PPPP)• Smart PWA <- new!• Vanilla• and more...7
͚͋·͓ͯ͠ΊͰͱ͏͍͟͝·͢ɻ8
࢝Կͯ͠·ͨ͠ʁ9
࣮ՈͰೣٔΕͨΓ10
11
χϡʔΠϠʔӺݟͨΓݩ͕܈അݝଠాࢢ12
13
ϓϥάΠϯ࡞ͬͨΓͯ͠·ͨ͠14
Δ͜ͱ͕ͳ͗ͯ͢͞…15
࡞ͬͨϓϥάΠϯ• Advanced Posts Blocks• Advanced Archive Blocks• Code Editor Blocks• Review Mode16
Advanced Posts Blocks17
18
Advanced Posts Blockshttps://wordpress.org/plugins/advanced-posts-blocks/• ʮ࠷৽ͷߘʯϒϩοΫΛڧԽͨ͠Ϡπͱ͔ͦͷ΄͔ΖΖɻ• ςʔϚʹPHPϑΝΠϧΛઃஔ͢Δ͜ͱͰݟͨͷΧελϚΠζ͕Մೳɻ• WEB੍࡞Ͱ͍Ζ͍ΖͬͨϒϩοΫΛ·ͱΊͨɻ19
Posts Blocks• ߘλΠϓɾΧςΰϦʔɾλάɾλΫιϊϛʔ ͰߜΓࠐΜͩߘҰཡΛදࣔɻ• τοϓϖʔδɺࣄۀհϖʔδͰͷؔ࿈χϡʔεͱ͔ɻ20
Post Blocks• ಛఆͷߘΛબΜͰදࣔɻ• ؔ࿈هࣄͱ͔Λखಈઃఆ͢Δͱ͖ͱ͔ɻ21
Children Blocks• ಛఆͷߘͷࢠϖʔδΛͯ͢දࣔɻ• ݻఆϖʔδͳͲͰαϒϝχϡʔΛ࡞ͬͨΓɻ22
Advanced Archive Blocks23
24
Advanced Archive Blockshttps://wordpress.org/plugins/advanced-archive-blocks/• ௨ৗͷΞʔΧΠϒϒϩοΫ݄ผ͔͠ग़དྷͳ͍ͷͰɺɾ݄ɾɾि ͷΞʔΧΠϒ͑ΔΑ͏ʹͨ͠Ϡπɻ25
Code Editor Blocks26
27
Code Editor Blockshttps://wordpress.org/plugins/code-editor-blocks/• ΧελϜHTMLϒϩοΫͷϓϨϏϡʔ͕ iframe ͳͷͰɺී௨ʹϨϯμϦϯά͢ΔΑ͏ʹͨ͠ɻϝσΟΞΫΤϦʔͳͲ͕ద༻͞Ε͍ͯͯྑ͍ײ͡ʹϓϨϏϡʔ͢ΔΑ͏ʹɻ• λμͷςΩετΤϦΞͰͳͯ͘ɺΤσΟλʔ(CodeMirror)Λ͏Α͏ʹͯ͠ΤϥʔͳͲΛݕͰ͖ΔΑ͏ʹɻ28
Review Mode29
30
Review Modehttps://wordpress.org/plugins/review-mode/• ϨϏϡʔϞʔυ͕༗ޮʹͳ͍ͬͯΔ߹ʹɺެ։ࡁΈʹՃ͑ͯʮϨϏϡʔͪʯͷߘؚΊͯදࣔ͢ΔΑ͏ʹ͢Δɻ• ϨϏϡʔϞʔυͷઃఆϢʔβʔ͝ͱʹɻͪΖΜϩάΠϯ͍ͯ͠ͳ͍ϢʔβʔଞͷϢʔβʔͷը໘ʹӨڹ͠ͳ͍ɻެ։͍ͨ͠هࣄ͕ΞʔΧΠϒҰཡͳͲͰͲͷΑ͏ʹݟ͑Δͷ͔Λ֬ೝ͢ΔͨΊͷϓϥάΠϯɻ31
ײ• ࣝͷ୨Է݉͠ͶͯɺࣄͰ࡞ͬͨػೳͰසग़ͨ͠ϠπΛϓϥάΠϯʹɻ• খ͞ͳ୯ҐͰϓϥάΠϯʹ͓ͯ͘͠ͱϝϯςφϯεָͰখճΓޮ͍ͯྑ͍ײ͡ɻ• All in One ͳϞϊ͕ྑ͍͔Ͳ͏͔έʔεόΠέʔε͚ͩͲɺϒϩοΫपΓখ͚ʹͨ͠ํ͕͍উखྑͦ͞͏ɻ• ৭Μͳػೳ͕ೖͬͯΔϞϊػೳ͕ڝ߹ͨ͠ͱ͖໘͍͘͞ɻ• ཉ͍͠ͷ͚ͩΠϯετʔϧ͢Ε͍͍ɻ32
ΧελϜϒϩοΫͷϓϥάΠϯʹ͍ͭͯ• Gutenberg ͷιʔείʔυɺಘʹ block-library ลΓͷιʔείʔυΛ໓ۤಡΜͩํ͕͍͍ɻ࣮ྫͳͲ͕গͳ͍ͷͰιʔεΛಡΉͱࢀߟʹͳΔɻ• HOC ɺReact ͷษڧʹͳΔ͠ɺศརͳϥΠϒϥϦଟ͍ͷͰ WP APIΛ͏ͱ͖ʹʹཱ͕͍ͭࣝΖ͍Ζɻ (@wordpress/data,@wordpress/api-fetch)• ΧελϜϒϩοΫΛҊ݅͝ͱʹຖճ࡞ΔͷຊʹۤߦɻʢϒϩοΫ͝ͱͷೖྗͷ༷ܾΊͳͲ͕େมʣ• γϯϓϧͳίϯϙʔωϯτΛ࡞ͬͯϓϥάΠϯʹ͓ͯ͘͠ͷ͕ྑ͍ɻ33
Thanks!Github: @torounitTwitter: @Toro_UnitFacebook: fb.me/torounitBlog: https://torounit.com34