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

by ud_fibonacci

Slide 1

Slide 1 text

θϩ͔Βֶ΅͏ʂ ϒϩοΫΤσ Ολʔ ʢ(VUFOCFSHʣ ΦϑΟεϑΟϘφονଜ্௚ࢠ

Slide 2

Slide 2 text

*OUSPEVDJOH8PSE1SFTT#FCP IUUQTZPVUVCFYE$6@@9$L

Slide 3

Slide 3 text

ࠓ೔͸͜Ε͔Β

Slide 4

Slide 4 text

Կ ڵຯ͸͋Δ͚Ͳ ࢖ͬͨ͜ͱ͸ ͳ͍ʂ ϒϩοΫΤσΟλʔ (VUFOCFSH ͱͲ͏ҧ͏ͷʁ

Slide 5

Slide 5 text

ϒϩοΫΤσ Ολʔ ͱ͸Կ͔ʁ

Slide 6

Slide 6 text

͓఻͑͠·͢ʂ

Slide 7

Slide 7 text

ଜ্௚ࢠ ࢁޱ ϑϦʔϥϯε ΢ΣϒαΠτ ɾνϥγ !VE@pCPOBDDJ 5XJUUFS BZ ΞΫηγϏϦςΟ

Slide 8

Slide 8 text

81;PPN61 8PSE1SFTTͳͲʹؔ͢ΔΦϯϥΠϯษڧձ

Slide 9

Slide 9 text

΋͘͡

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

ϒϩοΫΤσΟλʔ ͱ͸ʁ

Slide 13

Slide 13 text

Ұ୴ɺ಄ΛۭͬΆʹͯ͠ ͍͍ͨͩͯ

Slide 14

Slide 14 text

ۭͬΆʹ ͳͬͨʁ

Slide 15

Slide 15 text

Ͱ͸ ͔ΒֶΜͰ͍͖·͠ΐ͏ʂ ̌

Slide 16

Slide 16 text

8PSE1SFTT͸όʔδϣϯ͔Β େ͖͘มΘΓ·ͨ͠

Slide 17

Slide 17 text

Կ͕ มΘͬͨͷʁ

Slide 18

Slide 18 text

͕มΘΓ·ͨ͠ ΤσΟλʔ

Slide 19

Slide 19 text

ΤσΟλʔ ͱ͸Կʁ

Slide 20

Slide 20 text

ϖʔδͷ಺༰Λ࡞Δ ೖྗը໘ͷ͜ͱɻ

Slide 21

Slide 21 text

8PSE1SFTTWFS ܥ·Ͱ ੲͷΤσΟλʔ

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

ΫϥγοΫΤσΟλʔ

Slide 24

Slide 24 text

8PSE1SFTTWFS ܥ͔Β ʙ

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

ϒϩοΫΤσΟλʔ

Slide 27

Slide 27 text

ࣅͨײ͡ͷ΋ͷ %SPQCPY1BQFS ૢ࡞ੑ͕ࣅ͍ͯΔαʔϏε

Slide 28

Slide 28 text

ͱ͸ʁ άʔςϯϕϧΫ Gutenberg

Slide 29

Slide 29 text

ͱ͍͏ͷ΋ฉ͍ͨ͜ͱ͕͋Δ͚Ͳ ͦΕͱ ϒϩοΫΤσ Ολʔ͸ ҧ͏ͷʁ Gutenberg

Slide 30

Slide 30 text

৽͍͠ΤσΟλʔͷ͜ͱΛ ։ൃஈ֊ Ͱ͸ ͱݺΜͰ͍ ·ͨ͠ Gutenberg

Slide 31

Slide 31 text

ࠓ͸

Slide 32

Slide 32 text

w ଜ্௚ࢠ ৽͍͠ΤσΟλʔ ϒϩοΫΤσΟλʔ (VUFOCFSHʢάʔςϯϕϧΫʣ ϓϩδΣΫτͷ໊લ

Slide 33

Slide 33 text

ϓϩδΣΫτ 8PSE1SFTTΛ ΋ͬͱ࢖͍΍͘͢ ͍ͯͨ͘͠ΊͷϓϩδΣΫτ Gutenberg Gutenberg

Slide 34

Slide 34 text

ϝχϡʔɾ ΢ΟδΣοτ ΤϦΞ ̎ ಉ࣌ฤू ̏ ෳ਺ݴޠ ̐ ϓϩδΣΫτ Gutenberg Gutenberg ϒϩοΫ ΤσΟλʔ ̍ ࡁ

Slide 35

Slide 35 text

ͪͳΈʹ

Slide 36

Slide 36 text

ΑΓଟ͘ͷਓʹ ΑΓ଎͘ΞΠσΞΛ఻͑Δ େൃ໌ʂ άʔςϯϕϧΫ ͞Μ ׆൛ҹ࡮ ੈք ࡾେ ൃ໌ ࣸਅɿIUUQTKBXJLJQFEJBPSHXJLJϤϋωεɾάʔςϯϕϧΫ Johannes Gensfleisch zur Laden zum Gutenberg Johannes Gensfleisch zur Laden zum Gutenberg

Slide 37

Slide 37 text

Ͱ͖ΔΑ͏ʹͳͬͨ͜ͱ ΫϥγοΫΤσΟλʔͰ͸Ͱ͖ͳ͔͚ͬͨͲ ϒϩοΫΤσΟλʔͰ

Slide 38

Slide 38 text

બΓ͙͢Γ ̎ͭ

Slide 39