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

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

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

148178a88ab033c72cde7aee7f64e0a9?s=128

Takahashi Fumiki

March 01, 2018
Tweet

Transcript

  1. ͸͡ΊͯͷΧελϜϒϩοΫ ߴڮจथ!$BQJUBM1 TU.BS(VUFOCFSH.FFUVQ7PM

  2. ϒϩοΫͱ͸ʁ w (VUFOCFSH͕ҎલͷϏδϡΞϧΤσΟλ5JOZ.$& ͱେ෯ʹมΘͬͨϙΠϯτ w ࣮ମ͸ίϝϯτλάͰׅΒΕ֦ͨுλάͷΑ͏ͳ΋ ͷɻγϣʔτίʔυΈ͍ͨͳ΍ͭɻ w ͜ͷίϝϯτͱ8ZTJXZHͳฤूը໘Λ͍ͬͨΓ͖ ͨΓ͢Δͷʹ3FBDU͕࢖ΘΕ͍ͯΔɻ

    2
  3. 3

  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