Gutenbergを触ってみよう

Gifu WordPress Meetup #4 でのセッションに利用したスライドです。

Transcript

1. (VUFOCFSHΛ৮ͬͯΈΑ͏
   ೥݄೔ʢ౔ʣ
   ͗;ϝσΟΞίεϞε͋ͭ·ΔελδΦ
   

   View Slide

2. ΞδΣϯμ
   (VUFOCFSHͬͯԿʁ
   ࠓճ࢖༻ͨ͠؀ڥ
   ϒϩοΫͷ࢖͍ํʢσϞʣ
   ΧελϜϒϩοΫͱ͸ʢ੍࡞ऀ޲͚σϞʣ
   ·ͱΊ
   

   View Slide

3. (VUFOCFSHͬͯԿʁ
   

   View Slide

4. ͦ΋ͦ΋άʔςϯϕϧάͱ͸
   w ϤϋωεɾήϯζϑϥΠγϡɾπʔϧɾϥʔσϯɾπϜɾ
   άʔςϯϕϧάͱ͍͏ۚଐՃ޻৬ਓͷ໊લ
   w ׆൛ҹ࡮ٕज़ͷൃ໌ऀͱݴΘΕ͍ͯΔ
   w ͜ͷਓ͕͍ͳ͚Ε͹ɺ

   ϧωαϯεɺफڭվֵɺܒ໤࣌୅ͳͲ

   ͳ͔͔ͬͨ΋͠Εͳ͍
   

   View Slide

5. 8PSE1SFTTͰ͍͏(VUFOCFSHͱ͸
   w 8PSE1SFTTΑΓ౥ࡌ͞ΕΔΤσΟλʢฤूը໘ʣͷ։
   ൃίʔυωʔϜ
   w ೥݄೔ʹϦϦʔε͞ΕΔ༧ఆ
   w 3FBDUͱ͍͏'BDFCPPL͕։ൃ͍ͯ͠Δ+BWB4DSJQUϥΠϒϥ
   ϦΛ࠾༻
   w ʮϦονͳίϯςϯπΛ௥Ճ͠΍ָͯ͘͘͢͢͠͠Δʯ
   ͜ͱ͕໨ඪ
   

   View Slide

6. ͳͥ(VUFOCFSH͕ඞཁͳͷ͔
   

   View Slide

7. ڝ૪͠ͳͯ͘͸ͳΒͳ͍
   
   
   
   
   
   8PSE1SFTT 4RVBSFTQBDF 8JY
   
   
   
   ೥ʙ೥ͷࢢ৔γΣΞ૿Ճൺ
   

   View Slide

8. Ϗδωεͱͯ͠ͷଆ໘
   w 8PSE1SFTTࣗମ͸Φʔϓϯιʔειϑτ΢ΣΞʢ044ʣ
   w ͔͠͠ɺ8PSE1SFTTDPNͷ฼ମ"VUPNBUUJD͸๏ਓ
   w ۙ೥ͷ4RVBSFTQBDF΍8JYͳͲͷ୆಄
   w ϖʔδϏϧμʔϓϥάΠϯͷਓؾɾ੒௕
   8PSE1SFTT͸੒௕͠ͳͯ͘͸ͳΒͳ͍
   

   View Slide

9. ࠓճ࢖༻ͨ͠؀ڥ
   

   View Slide

10. w ϩʔΧϧ։ൃ؀ڥɿ-PDBMCZ'MZXIFFM
    w όʔδϣϯɿ8PSE1SFTTCFUB
    w ςʔϚɿ5XFOUZ/JOFUFFOʢͷࢠςʔϚʣ
    

    View Slide

11. ࠓճͷςετͷํ๏
    ϩʔΧϧ։ൃ؀ڥʢ'MZXIFFM.".19".11ʣΛ༻ҙ
    ϓϥάΠϯʮ8PSE1SFTT#FUB5FTUFSʯΛར༻
    81࠷ۙ൛͸೔ຊޠ؀ڥ͕ඍົͳͷͰʮ(VUFOCFSHʯϓϥ
    άΠϯ΋ซ༻
    

    View Slide

12. ඞͣςετ؀ڥͰ
    w ຊ൪؀ڥͰ͸ઈରʹࢼ͞ͳ͍
    w ՄೳͰ͋Ε͹ɺຊ൪؀ڥΛʹΞοϓσʔτ͢Δલʹς
    ετ؀ڥͰࢼ͢͜ͱΛڧ͓͘קΊ͢Δ
    w ࡞ΓํʹΑͬͯ͸େ͖͘ϨΠΞ΢τ่͕ΕΔՄೳੑ΋θ
    ϩͰ͸ͳ͍
    w ੍࡞ݩɾ੍࡞ऀ΁໰͍߹ΘͤͯΈΔͷ΋٢
    

    View Slide

13. طଘαΠτͷςετํ๏֓ཁ
    ςετ؀ڥͷ༻ҙ
    "MMJOPOF81.JHSBUJPOͳͲͰطଘίϯςϯπͷॻग़͠
    ಉϓϥάΠϯͰςετ؀ڥ΁ίϯςϯπΛΠϯϙʔτ
    8PSE1SFTT#FUB5FTUFSϓϥάΠϯΛΠϯετʔϧ

    ΋͘͠͸ɺ81ʹΞοϓσʔτ
    طଘίϯςϯπͷϒϩοΫͱදࣔͳͲ֬ೝ
    

    View Slide

14. ϒϩοΫͷ࢖͍ํ
    

    View Slide

15. ϒϩοΫͷछྨʢ̍ʣ
    w ΠϯϥΠϯཁૉ

    ˠΠϯϥΠϯը૾
    w ҰൠϒϩοΫ

    ˠஈམݟग़͠ը૾ϑΝΠϧΪϟϥϦʔϦετ
    Ҿ༻Ի੠Χόʔಈը
    w ϑΥʔϚοτ

    ˠίʔυΫϥγοΫΧελϜ)5.-੔ܗࡁΈςΩ
    ετϓϧΫΦʔτςʔϒϧࢻ
    

    View Slide

16. ϒϩοΫͷछྨʢ̎ʣ
    w ϨΠΞ΢τཁૉ

    ˠϘλϯΧϥϜϝσΟΞͱจষଓ͖ΛಡΉϖʔ
    δ۠੾Γ۠੾Γεϖʔαʔ
    w ΢ΟδΣοτ

    ˠγϣʔτίʔυΞʔΧΠϒΧςΰϦʔ࠷৽ͷί
    ϝϯτ࠷৽ͷهࣄ
    w ຒΊࠐΈ

    ˠຒΊࠐΈ5XJUUFS:PV5VCF'BDFCPPL
    *OTUBHSBN8PSE1SFTT4PVOE$MPVE4QPUJGZ'MJDLS
    

    View Slide

17. جຊઃఆʢΠϯεϖΫλʔ෦෼ʣ
    ஈམϒϩοΫબ୒࣌
    

    View Slide

18. πʔϧόʔ
    ஈམϒϩοΫͷ৔߹
    ը૾ϒϩοΫͷ৔߹
    

    View Slide

19. جຊతͳૢ࡞
    ϒϩοΫΛ௥Ճ
    ʮπʔϧόʔʯͱʮΠϯεϖΫλʔʯͰઃఆ
    

    View Slide

20. ࣮ࡍʹϒϩοΫΛ
    ৮ͬͯΈΑ͏ʂ
    

    View Slide

21. ΧελϜϒϩοΫλΠϓͱ͸
    ʢ੍࡞ऀ޲͚ʣ
    

    View Slide

22. ϒϩοΫʹ͸छྨ͋Δ
    w ੩తϒϩοΫʢ4UBUJD#MPDLʣ

    ˠΤσΟλʹอଘͨ͠ஈ֊Ͱίϯςϯπ಺༰͕ܾ·Δ
    w ಈతϒϩοΫʢ%ZOBNJD#MPDLʣ

    ˠαʔόʔαΠυͰϨϯμϦϯά͞ΕΔ

    ˠཁ͢Δʹ1)1Ͱॲཧ͞ΕΔ
    

    View Slide

23. Ͳ͏΍ͬͯ࡞Δͷʁ
    

    View Slide

24. ެࣜυΩϡϝϯτΛಡΉ
    IUUQTXPSEQSFTTPSHHVUFOCFSHIBOECPPL
    

    View Slide

25. $3&"5&(65&/#-0$,
    IUUQTBINBEBXBJTDPNDSFBUFHVUFOCMPDLUPPMLJU
    

    View Slide

26. View Slide

27. View Slide

28. ΧελϜϒϩοΫΛ
    ࡞ͬͯΈΑ͏
    

    View Slide

29. ·ͱΊ
    

    View Slide

30. 'PS6TFS
    w 81ͷϦϦʔεલޙ໰Θͣɺςετ؀ڥͰ֬ೝ͔ͯ͠
    Βͷར༻ʢΞοϓσʔτʣΛ͓קΊ͢Δ
    w ౤ߘɾϖʔδฤू͸ʮ׳Εʯ͕ඞཁ

    ˠࠓ͔Β࿅श͓͍ͯͯ͠΋٢
    w ϝδϟʔΞοϓσʔτΛܟԕͯ͠ΞοϓσʔτΛࢭΊΔ
    ͱηΩϡϦςΟϦεΫ౳ʑΛഎෛ͏͜ͱʹͳΔ
    w $MBTTJD&EJUPSͷαϙʔτظݶ͸೥݄೔·Ͱ
    

    View Slide

31. 'PS%FWFMPQFS%FTJHOFS
    w ͔͜͜Β։ൃଆ΁ਐΉ͔ผͷಓ΁ਐΉ͔෼ذ఺

    ˠࠜຊతͳ+4΍3FBDU΁ͷཧղ͕ඞਢʁ
    w σβΠφʔ΋(VUFOCFSHͰग़དྷΔ͜ͱΛཧղ্ͨ͠Ͱͷσ
    βΠϯύλʔϯΛఏҊ͢Δ΂͖
    w ࠓޙΫϥΠΞϯτͱ࿩Λ͢ΔͨΊʹ΋Ұ௨Γ(VUFOCFSHͰ
    Կ͕ग़དྷΔͷ͔Λཧղ͓ͯ͘͠ඞཁ͕͋Δ
    w ࠓޙ΋ݥ͍͠ಓ͸ଓ͘ɾɾɾ
    

    View Slide

32. ͓ΘΓ
    

    View Slide