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

Gutenbergを触ってみよう

Koji Kuno
November 26, 2018
350

 Gutenbergを触ってみよう

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

Koji Kuno

November 26, 2018
Tweet

More Decks by Koji Kuno

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