今更だけどGutenbergに触れてみよう

Transcript

1. ࠓߋ͚ͩͲ (VUFOCFSHʹ৮ΕͯΈΑ͏ ೥݄೔ʢ౔ʣ ΈΜͳͷ৿
   ͗;ϝσΟΞίεϞε
   ͓ͲΔελδΦ 0MFJO%FTJHO
   ٱ໺
   ߊ࢘

2. ࣗݾ঺հ w ϑϦʔϥϯε8FC੍࡞ऀˏذෞࢢ w (JGV
   8PSE1SFTT
   .FFUVQ
   ڞಉΦʔΨφΠ βʔ w $PEFS%PKPذෞ
   νϟϯϐΦϯ w άϥϑΟοΫσβΠϯग़਎
   
   8FCؔ࿈

   ձࣾۈ຿ྺ͸ͳ͠ w 8FC͸ಠֶ
   8PSE1SFTTྺ೥Ҏ ্ w PMFJOEFTJHODPO
   !0MFJO@KQ

3. Ͳͬͪʁ -FTT
   UIBO
   Y
   PS
   Y

4. Ͳͬͪʁ 6TJOH
   #MPDL
   &EJUPS
   PS
   $MBTTJD

5. ͳͥʁ

6. YʢϒϩοΫΤσΟλʣΛ࢖Θͳ͍ Α͘ฉ͘ཧ༝ w όʔδϣϯΞοϓͯ͠ίϯςϯπ͕յΕΔͷ͕ා͍ w ΫϥγοΫΤσΟλʹ׳Ε਌͠ΜͰ͍Δ͔Β

7. όʔδϣϯΛ্͛ͯ΋ ίϯςϯπ͸յΕ·ͤΜ ࣮ݧͯ͠Έ·͢ʂ

8. ҎԼͷ৚݅ͰݻఆϖʔδΛ࡞Γ·͢ w 8PSE1SFTT
    w ݻఆϖʔδͷςΩετΤσΟλͰ)5.-Λهड़ w ΧελϚΠβ಺௥Ճ$44ʹͯΦϦδφϧ$44௥Ճ

9. ιʔείʔυ <div class="body-wrap"> <div class="left">ࠨଆʹςΩετ͕ೖΓ·͢ɻࠨଆʹςΩετ͕ೖΓ·͢ɻ………</div> <div class="right">ӈଆʹςΩετ͕ೖΓ·͢ɻӈଆʹςΩετ͕ೖΓ·͢ɻ……… ӈଆʹςΩετ͕ೖΓ·͢ɻӈଆʹςΩετ͕ೖΓ·͢ɻӈଆʹςΩετ͕ೖΓ·͢ɻ……… </div> </div>

10. .body-wrap { display: flex; justify-content: space-between; } .body-wrap .left, .body-wrap

    .right { width: 45%; border: 5px solid #ccc; padding: 15px; } .body-wrap .left p, .body-wrap .right p { margin-bottom: 2em; } .body-wrap .left p:last-child, .body-wrap .right p:last-child { margin-bottom: 0; }

11. %&.0 ͜ͷ··8PSE1SFTTͷόʔδϣϯΛ ࠷৽൛ʹͯ͠Έ·͠ΐ͏

12. ΫϥγοΫΤσΟλ͸೥຤ʹΞοϓσʔ τ͕ऴྃ༧ఆ

13. $MBTTJD
    &EJUPS
    JT
    BO
    PGpDJBM
    8PSE1SFTT
    QMVHJO
    BOE
    XJMM
    CF
    GVMMZ
    TVQQPSUFE
    BOE
    NBJOUBJOFE
    VOUJM
    BU
    MFBTU
    
    PS
    BT
    MPOH
    BT
    JT
    OFDFTTBSZ

14. XJMM
    CF
    GVMMZ
    TVQQPSUFE
    BOE
    NBJOUBJOFE
    VOUJM
    BU
    MFBTU
    
    PS
    BT
    MPOH
    BT
    JT
    OFDFTTBSZ ͜ΕΛͲ͏ಡΉ͔

15. (VUFOCFSHͷ׆༻ํ๏ w γϣʔτΧοτϑϧ׆༻ w ϒϩοΫϓϥάΠϯΛ׆༻

16. γϣʔτΧοτҰཡ IUUQTKBXPSEQSFTTPSHHVUFOCFSHIBOECPPLGBR

17. ϒϩοΫϓϥάΠϯͷ঺հ FEJUPSTLJU

18. ৭ʑͱࢼͯ͠ΈΑ͏ʂ