Vivliostyle CLIで広がるCSS組版のエコシステム / Vivliostyle user & developer meetup 2020 autumn

Presentation at Vivliostyle meetup, Oct. 24, 2020

Transcript

1. Vivliostyle CLI Ͱ޿͕Δ
   CSS ૊൛ͷΤίγεςϜ
   Vivliostyle Ϣʔβʔͱ։ൃऀͷू͍ 2020 ळ
   2020/10/23 @spring-raining
   

   View Slide

2. Α͏ͦ͜Α͏ͦ͜ʂ
   

   View Slide

3. ͋ͳͨ୭ʁ
   • HN: ͸Δ͞Ί @spring-raining
   • Web ϑϩϯτΤϯυΤϯδχΞ
   • ԑ͋ͬͯ Vivliostyle project ʹࢀՃ͍ͯ͠·͢
   

   View Slide

4. ௕ஸ৔Ͱ͕͢
   ࠷ޙ·ͰͲ͏ͧ
   ͓͖͍͍ͭ͋ͩ͘͞
   

   View Slide

5. Vivliostyle CLI ৽ػೳ঺հ
   ͷલʹ…
   Vivliostyle CLI ʹ͍ͭͯ
   

   View Slide

6. Vivliostyle CLI
   • Vivliostyle Λ CLI ͔Βѻ͏ͨΊͷ΋ͷ
   • CLI? → ը໘্Ͱͷૢ࡞Ͱ͸ͳ͘ίϚϯυͰ࣮ߦ → ࣗಈԽʂ
   • Node.js ͕͋Δ؀ڥͰΠϯετʔϧՄೳ
   

   View Slide

7. https://github.com/
   vivliostyle/vivliostyle-cli
   

   View Slide

8. Vivliostyle CLI ͷ͘͠Έ
   CLI
   HTML CSS
   PDF
   

   View Slide

9. Vivliostyle CLI ͷ
   ৽ػೳ
   

   View Slide

10. 2.0.0 2.1.0
    3.0.0-pre.3
    2020/04
    

    View Slide

11. v2.1.0 ͷมߋ఺
    • ੜ੒ PDF ʹ໨࣍ɾΞ΢τϥΠϯΛ௥Ճ #47 Thanks, @zwaldowski !
    • --verbose ΦϓγϣϯΛ௥Ճ #53
    • ͦͷଞ͍Ζ͍Ζόάमਖ਼
    

    View Slide

12. 2.0.0 2.1.0
    3.0.0-pre.3
    2020/04
    

    View Slide

13. Version 3 ͷมߋ఺
    VFMͱςʔϚػೳ΁ͷରԠ
    Vivliostyle Flavored Markdown
    

    View Slide

14. Vivliostyle Flavored Markdown
    • ࣥචͷͨΊͷ֦ு Markdown จ๏
    • ۩ମతͳจ๏ʹ͍ͭͯ͸ެࣜαΠτΛݟͯ΋Β͏ͱͯ͠…
    https://github.com/vivliostyle/vfm
    • ͍ͪ͹Μେࣄͳͷ͸ɺVivliostyle CLI 3 ͔Β͸ Markdown ϑΝΠϧΛ
    ༻ҙ͢Δ͚ͩͰ PDF ੜ੒·ͰͰ͖Δ͜ͱʂ
    

    View Slide

15. ૣ଎࡞ͬͯΈ·͠ΐ͏
    

    View Slide

16. ະདྷͷ࿩
    

    View Slide

17. 3.0.0-pre.1
    

    View Slide

18. View Slide

19. ࠓ͙͢͸ϦϦʔεͰ͖ͳͦ͞͏…
    Ͱ΋ඞͣग़͠·͢
    ͋ͳͨͷίϯτϦϏϡʔτ΍ٞ࿦ͷࢀՃΛ଴͍ͬͯ·͢ʂ
    

    View Slide

20. Vivliostyle CLI͕ղܾ͍ͨ͜͠ͱ
    • vivliostyle.config.js ͱ VFMɺςʔϚػೳΛ௨ͯ͠ɺจষͷϙʔλϏϦ
    ςΟΛߴΊ͍ͨ
    • PDFੜ੒؀ڥΛݻఆͯ͠ɺ҆৺ͯ͠ΤΫεϙʔτͰ͖ΔΑ͏ʹ͍ͨ͠
    • EPUBɺPDF/XͷΑ͏ͳϚϧνϢʔεͳग़ྗํࣜΛఏڙ͍ͨ͠
    

    View Slide

21. View Slide