Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ゼロから学ぼう!ブロックエディター(Gutenberg)/ Let's learn Block...

ud_fibonacci
November 02, 2019

ゼロから学ぼう!ブロックエディター(Gutenberg)/ Let's learn Block Editor from scratch!

2019/11/2
WordCamp Tokyo 2019 で発表したスライドです。
https://2019.tokyo.wordcamp.org/session/heart01/

ud_fibonacci

November 02, 2019
Tweet

More Decks by ud_fibonacci

Other Decks in Design

Transcript

  1. ͱ͸ ϒϩοΫΤσΟλʔ  ͪΐͬͱศརͳ  ର৅ऀผ ϙΠϯτू ࢖͍ํ ʢσϞʣ 

    ϒϩοΫΤσ Ολʔ ৘ใ  ϒϩοΫΤσ Ολʔ ͷಘํ ·ͱΊ 
  2. ·ͱΊ  ࢖͍ํ ʢσϞʣ  ϒϩοΫΤσ Ολʔ ͪΐͬͱศརͳ  ର৅ऀผ

    ϙΠϯτू ৘ใ  ϒϩοΫΤσ Ολʔ ͷಘํ ͱ͸ ϒϩοΫΤσΟλʔ 
  3. ܥ ݟग़͠ ϒϩοΫ ஈམ จষ ϒϩοΫ ը૾ ϒϩοΫ ը૾ ϒϩοΫ

    Ϙλϯ ϒϩοΫ Ϙλϯ ϒϩοΫ ΧόʔϒϩοΫ ຒΊࠐΈ ϒϩοΫ ຒΊࠐΈ ϒϩοΫ ܥ
  4. ͱ͸ ϒϩοΫΤσΟλʔ  ͪΐͬͱศརͳ  ର৅ऀผ ϙΠϯτू ࢖͍ํ ʢσϞʣ 

    ϒϩοΫΤσ Ολʔ ৘ใ  ϒϩοΫΤσ Ολʔ ͷಘํ ·ͱΊ 
  5. ͪΐͬͱศརͳ  ର৅ऀผ ϙΠϯτू ৘ใ  ϒϩοΫΤσ Ολʔ ͷಘํ ͱ͸

    ϒϩοΫΤσΟλʔ  ·ͱΊ  ࢖͍ํ ʢσϞʣ  ϒϩοΫΤσ Ολʔ
  6. ΋͘͡ ͱ͸ ϒϩοΫΤσΟλʔ  ͪΐͬͱศརͳ  ର৅ऀผ ϙΠϯτू ࢖͍ํ ʢσϞʣ

     ϒϩοΫΤσ Ολʔ ৘ใ  ϒϩοΫΤσ Ολʔ ͷಘํ ·ͱΊ 
  7. ͱ͸ ϒϩοΫΤσΟλʔ  ·ͱΊ  ࢖͍ํ ʢσϞʣ  ϒϩοΫΤσ Ολʔ

    ৘ใ  ϒϩοΫΤσ Ολʔ ͷಘํ ΋͘͡ ͪΐͬͱศརͳ  ର৅ऀผ ϙΠϯτू
  8. ͪΐͬͱศརͳ  ର৅ऀผ ϙΠϯτू ৘ใ  ϒϩοΫΤσ Ολʔ ͷಘํ ͱ͸

    ϒϩοΫΤσΟλʔ  ·ͱΊ  ࢖͍ํ ʢσϞʣ  ϒϩοΫΤσ Ολʔ ΋͘͡
  9. ࢖͍ํ ʢσϞʣ  ϒϩοΫΤσ Ολʔ ͪΐͬͱศརͳ  ର৅ऀผ ϙΠϯτू ͱ͸

    ϒϩοΫΤσΟλʔ  ·ͱΊ  ΋͘͡ ৘ใ  ϒϩοΫΤσ Ολʔ ͷಘํ
  10. ͪΐͬͱศརͳ  ର৅ऀผ ϙΠϯτू ৘ใ  ϒϩοΫΤσ Ολʔ ͷಘํ ͱ͸

    ϒϩοΫΤσΟλʔ  ·ͱΊ  ࢖͍ํ ʢσϞʣ  ϒϩοΫΤσ Ολʔ
  11. ৘ใ  ϒϩοΫΤσ Ολʔ ͷಘํ ࢖͍ํ ʢσϞʣ  ϒϩοΫΤσ Ολʔ

    ͪΐͬͱศརͳ  ର৅ऀผ ϙΠϯτू ͱ͸ ϒϩοΫΤσΟλʔ  ΋͘͡ ·ͱΊ