Pro Yearly is on sale from $80 to $50! »

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

Dda24cce92447593513292ec748c70c4?s=47 Koji Kuno
October 19, 2019

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

Dda24cce92447593513292ec748c70c4?s=128

Koji Kuno

October 19, 2019
Tweet

Transcript

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

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

    ձࣾۈ຿ྺ͸ͳ͠ w 8FC͸ಠֶ8PSE1SFTTྺ೥Ҏ ্ w PMFJOEFTJHODPO!0MFJO@KQ
  3. Ͳͬͪʁ -FTTUIBOYPSY

  4. Ͳͬͪʁ 6TJOH#MPDL&EJUPSPS$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&EJUPSJTBOPGpDJBM8PSE1SFTTQMVHJO BOEXJMM CFGVMMZTVQQPSUFEBOENBJOUBJOFEVOUJMBUMFBTU  PSBTMPOHBTJTOFDFTTBSZ

  14. XJMMCFGVMMZTVQQPSUFEBOE NBJOUBJOFEVOUJMBUMFBTU PS BTMPOHBTJTOFDFTTBSZ ͜ΕΛͲ͏ಡΉ͔

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

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

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

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