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

Transcript

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

    View Slide

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

    View Slide