はじめてのカスタムブロック

GutenbergミートアップVol.1の発表資料です。WordPressの次世代エディタGutenbergでカスタムブロックを作ってみます。

Transcript

1. ͸͡ΊͯͷΧελϜϒϩοΫ ߴڮจथ
   !
   $BQJUBM
   1
   TU
   .BS
   
   (VUFOCFSH
   .FFUVQ
   7PM
2. ϒϩοΫͱ͸ʁ w (VUFOCFSH͕ҎલͷϏδϡΞϧΤσΟλ5JOZ.$& ͱେ෯ʹมΘͬͨϙΠϯτ
   w ࣮ମ͸ίϝϯτλάͰׅΒΕ֦ͨுλάͷΑ͏ͳ΋ ͷɻγϣʔτίʔυΈ͍ͨͳ΍ͭɻ
   w ͜ͷίϝϯτͱ8ZTJXZHͳฤूը໘Λ͍ͬͨΓ͖ ͨΓ͢Δͷʹ
   3FBDU
   ͕࢖ΘΕ͍ͯΔɻ 2
4. εςοϓ
   ͱΓ͋͑ͣ࡞Δ w (VUFOCFSHͷ(JUIVCϦϙδτϦʹ͋Διʔείʔ υΛίϐϖ͢ΔͱͱΓ͋͑ͣ࡞ΕΔɻ
   w ΍ͬͯΈΑ͏ʂ 4
5. ͸͍ɻ 5
6. ੒Ռ෺ w ϓϧμ΢ϯΛબͿͱɺ
   MPSFNQJYFMDPN
   ͱ͍͏α Πτ͔ΒϥϯμϜʹը૾ΛҾͬுͬͯ͘Δ
   w อଘ͢ΔͱJNHλάʹม׵͞ΕΔ
   w FM
   ΊΜͲ͘͞ʜʜ 6
7. εςοϓ
   +49ͷํ͕Α͍ 7
8. ͸͍ɻ 8
9. ੒Ռ෺ w Ͱ͖ͨ΋ͷ͸৴͕͍͙ͨ͡Β͍ಉ͡
   w +49ͷํ͕·͠Ͱ͸͋Δɻ
   w 8FCQBDLʹͨ͠Βಈ͔ͳ͔ͬͨɻແࣄࢮ๢ɻ 9
10. εςοϓ
    ͳΜ͔΋͏ͪΐͬͱ w ೖྗͨ͠஋ͱ࣮ࡍͷݟӫ͕͍͑͢͝มΘΔ΍͕ͭ࡞ Γ͍ͨɻ
    w ৘ऑϦςϥγʔͷ௿͍ํͰ΋ෳࡶͳԿ͔͕ೖྗͰ͖ ΔΑ͏ʹͳΔɻ
    w $47ΛೖΕͨΒ5BCMFλάʹͳΔͱ͔ɻ 10
11. ͸͍ɻ 11
12. ੒Ռ෺ w γϣʔτίʔυͱͷࠩผԽΛͲ͏͠Α͏ʜʜ
    w ஋Λ໭ͤͳ͍Μ͚ͩͲʢ)5.-ͷଐੑͳͲΛऔΔͷ ͸؆୯ʂʣ
    w ೉ͦ͠͏ 12
13. ࠓ೔ͷࢿྉ w εϥΠυ͸ޙ೔Ͳ͔͜ʹΞοϓ͠·͢ɻ
    w (JUIVCϦϙδτϦ͸
    GVNJLJUPNZpSTUCMPDL
    Ͱ ͢ɻ
    w ࠷ॳͷϒϩοΫʹؔ͢Δهࣄ͸$BQJUBM
    1ʹ ʮ(VUFOCFSH͸͡ΊͯͷΧελϜϒϩοΫʯͱ͠ ͯެ։ͯ͠·͢ɻ 13
14. rΤϨϊΞɾϧʔζϕϧτ ͋ͳ͕ͨڪΕ͍ͯΔ͜ͱΛ
    ຖ೔Ұͭߦ͍ͳ͍͞ɻ 14
15. ͓͠·͍ɻ 15 IUUQTDBQJUBMQKQ