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

印刷・出版のためのオンラインエディタ Viola / Viola - Online editor for printing and publishing

spring_raining
June 30, 2018
620

印刷・出版のためのオンラインエディタ Viola / Viola - Online editor for printing and publishing

spring_raining

June 30, 2018
Tweet

More Decks by spring_raining

Transcript

  1. 印刷・出版のための
    オンラインエディタ Viola
    2018/6/30 CSS組版・パブリッシング交流会
    緑豆はるさめ @spring_raining

    View full-size slide

  2. はじめまして
    • Twitter: @spring_raining / GitHub: spring-raining
    • 「はるさめ」とお呼びください
    • 大阪の大学院生
    印刷・出版のためのオンラインエディタ Viola

    View full-size slide

  3. 同人活動
    • これまでに4冊の技術系同人誌を頒布
    • 本文はすべてVivliostyle によるCSS組版
    印刷・出版のためのオンラインエディタ Viola

    View full-size slide

  4. 本発表の内容
    • 本当は執筆時のワークフロー・技術的詳細なども話したい…
    • https://speakerdeck.com/spring_raining
    • 今回はこれからCSS組版を体験したい人向け
    印刷・出版のためのオンラインエディタ Viola

    View full-size slide

  5. CSS組版 実現のハードル
    印刷・出版のためのオンラインエディタ Viola
    CSS
    環境構築
    npm?
    gulp?
    Sass?
    Pandoc?
    Git?

    View full-size slide

  6. https://viola.pub
    印刷・出版のためのオンラインエディタ Viola

    View full-size slide

  7. Viola
    • Web技術を使い、ブラウザ上で完結するエディタ
    • Vivliostyle による紙面レイアウトをその場で確認!
    • ブラウザの印刷機能を使ってそのままPDF出力!
    印刷・出版のためのオンラインエディタ Viola

    View full-size slide

  8. CSS組版のハードルを下げるViola
    印刷・出版のためのオンラインエディタ Viola
    CSS
    環境構築
    CSS組版
    実践者
    より手軽に
    CSS組版を体験

    View full-size slide

  9. アップデート
    • 大型アップデートをリリースします!!
    • アカウントによる複数プロジェクトの管理
    • 編集中の内容が複数PCで同期!
    • テンプレート読み込み機能
    • 目的のテンプレートを使ってCSS組版の利用がより簡単に!
    印刷・出版のためのオンラインエディタ Viola

    View full-size slide

  10. DEMO
    印刷・出版のためのオンラインエディタ Viola

    View full-size slide

  11. https://viola.pub
    印刷・出版のためのオンラインエディタ Viola

    View full-size slide