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

今こそCSS組版

 今こそCSS組版

Kyoto.js 11で発表したLTです.
Author: @spring_raining

spring_raining

October 22, 2016
Tweet

More Decks by spring_raining

Other Decks in How-to & DIY

Transcript

  1. ➙ֿ׉$44穈晛
    ,ZPUPKT
    !TQSJOH@SBJOJOH
    IUUQIBSVTBNFYDPN

    View full-size slide

  2. ֿ׿ח׍כ
    ˖ כ׷ׁ׭!TQSJOH@SBJOJOH
    ˖ 㣐ꢻ㣐㷕䎃欰
    ˖ ⼼噟ׅ׷׊הְֲ䓼ְ䠐䘊
    ˖ 3FBDUד8FC،فٔ׾

    ⡲׷
    (*'،صָً⡲׸׷8FC،فٔ(JSBG
    ⢪׏גװ׏ג♴ְׁ

    View full-size slide

  3. ➙㔐כ
    3FBDU/BUJWF
    חאְג

    View full-size slide

  4. ➙㔐כ
    3FBDU/BUJWF
    חאְג
    ךず➂钞׾⡲׏׋鑧

    View full-size slide

  5. 䪮遭剅הְִל
    -B5F9

    View full-size slide

  6. IUUQXXXTMJEFTIBSFOFUJFTMJTFOPPLFOUFY

    View full-size slide

  7. 7JWMJPTUZMF
    ˖ 8FCـٓؐؠك٦أך荈⹛穈晛ءأذي
    ˖ ꨵ㶨剅硂׮8FC׮秵ך劤׮$44אד
    ˖ 穈晛ؒٝآٝ 7JWMJPTUZMFKT
    כ"QBDIF

    ⳿珲欽1%'欰䧭خ٦ٕ 7JWMJPTUZMF'PSNBUUFS
    ך
    ׫فٗفٓ؎ؒةٔ

    View full-size slide

  8. 8FCك٦أך
    穈晛

    View full-size slide

  9. ـٓؐؠך⳿⸂׾
    ׉ךתת⢪ִל葺ְךדכ

    View full-size slide

  10. 穈晛ך׋׭ך$44
    ˖ 7JWMJPTUZMFKTך㹋⡤כ$44׾ػ٦أ׃ג

    ـٓؐؠ劢㹋鄲ךأة؎ٕ׾邌爙ׅ׷QPMZMM

    View full-size slide

  11. 劢㹋鄲ךأة؎ٕ
    ˖ CMFFEהכ˘

    View full-size slide

  12. 劢㹋鄲ךأة؎ٕ
    ˖ CMFFEהכ˘鄩׍衅ה׃
    ˖ ⽩ⵗًر؍،דך鄩׍衅ה׃ך㣐ֹׁ׾䭷㹀

    View full-size slide

  13. &QVC"EBQUJWF-BZPVU
    ˖ $44׾䭁䓸׃ג)5.-׾⽩ⵗ暟ぢֽךٖ؎،ؐ
    زחٔؿٗ٦
    IUUQXXXJEQGPSHFQVCQHU

    View full-size slide

  14. FQVCYFYQS

    ˖ $44ך⚥ד㢌侧װ♲갪怴皾㶨׾⢪׏׋怴皾ָדֹ
    ׋׶ׅ׷

    View full-size slide

  15. $44׌ֽד׮
    劤ָ⡲׸׉ֲ

    View full-size slide

  16. IUUQTQFOUBQPEHJUIVCJPD

    View full-size slide

  17. 7JWMJPTUZMFח״׷
    %51ٙ٦ؙؿٗ٦

    View full-size slide

  18. 㸣䧭תדך崧׸
    )5.-
    $44
    1%'
    1VH
    4UZMVT
    邌秵ך窩כ!FEB@UPSJ孑ח
    䲽ְגְ׋׌ֹת׃׋

    View full-size slide

  19. )5.-欰䧭
    ˖ ⾱珲כ1VH KBEF
    ד㛁瘗׃)5.-׾荈⹛欰䧭
    ˖ 1VH+4ك٦أךذٝفٖ٦زؒٝآٝ

    View full-size slide

  20. 1VHؿ؍ٕة٦
    ˖ 1VH׌ֽדⰋגךةؚ׾鎸鶢ׅ׷ךכ鳞ְךד
    ؿ؍ٕة٦堣腉ד.BSLEPXO瘝׾剅ֽ׷״ֲחׅ
    ׷

    View full-size slide

  21. 1VHؿ؍ٕة٦
    ˖ +45SBOTGPSNהְֲ؎ٝة٦ؿؑ٦أח䖞ִל
    ؿ؍ٕة٦ך荈⡲ָ〳腉
    1SJTNKT׾⢪׏ג
    ءٝةحؙأع؎ٓ؎ز׾遤ֲ
    ؿ؍ٕة׾⡲䧭

    View full-size slide

  22. $44欰䧭
    ˖ 4UZMVT(VMQזו׾⢪׏׋兛鸐ך8FCل٦آⵖ
    ⡲ה㢌׻׵זְ倯岀
    ˖ IUUQTHJUIVCDPNQFOUBQPEDCVJMEFSח
    ⰕꟚ׃גתׅ

    View full-size slide

  23. 1%'⳿⸂
    ˖ $ISPNFך⽩ⵗ堣腉ד1%'׾⳿⸂ׅ׷׌ֽ

    View full-size slide

  24. ⽩ⵗ
    ˖ ؚٓؿ؍حׁؙ׿ח⣛걾׃ת׃׋

    ⦐➂䞔㜠כ曯暨חז׏׋ך׌˘˘
    ˖ ؔؿإحز#ؿٕؕٓ٦ⱁ⽩ⵗ׃ג

    ⰼ 㷕欰כⶴ䒷

    ˖ ؿٕؕٓ٦כ⿑׃ְ

    View full-size slide

  25. Ⰵ珲ر٦ة⡲䧭
    ˖ Ⰵ珲欽ח欽䠐ׁ׸׋"*ذٝفٖ٦زח欰䧭׃׋
    QEG׾ل٦آل٦آ䩛ד顦׶➰ֽ
    ˖ 㾄鴈涸ז⡲噟׌׏׋

    窫㼎ח荈⹛⻉׃זֽ

    ׸לז׵זְ

    View full-size slide

  26. 鋅劤钞ָ㾈ְ׋

    View full-size slide

  27. ׉׃ג؝ى؛䔲傈

    View full-size slide

  28. ⼱ⴓֻ׵ְ㡰׸ת׃׋

    View full-size slide

  29. 䠬䟝
    ˖ ず➂钞⡲׶嚂׃ְ
    ˖ 㡰׸׷ה׮׏ה嚂׃ְ
    ˖ $44穈晛חꣲ׵׆䪮遭禸ず➂钞׾⡲׏ג㡰׷ך
    כؔأأًדׅװ׶ת׃׳ֲ

    View full-size slide

  30. ➙傈כ׉׿ז
    כׄ׭׷3FBDU/BUJWF
    ׾˘˘

    View full-size slide

  31. ׀欽䠐׃גֶ׶תׅ

    View full-size slide

  32. כׄ׭׷3FBDU/BUJWF
    ˖ #ؿٕؕٓ٦ل٦آ
    ˖ ⱁ㶨晛d
    ˖ ꨵ㶨晛飑Ⰵ幥׫ך倯כ
    dד顋㡰׃תׅ
    ˖ ꨵ㶨晛d
    ׀莆㄂֮׸ל

    ֶ㡮ַֻֽ׌ְׁ

    View full-size slide