Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

あしたのVivliostyle

487 views

Published on

たくさんあるVivliostyleのプロジェクトの中で、とくに重要なものを抽出することで、Vivliostyle の未来のカギは “Vivliostyle Pub” がにぎっていることを説明します。

Published in: Technology
  • Be the first to comment

  • Be the first to like this

あしたのVivliostyle

  1. 1. あしたの Vivliostyle 小形克宏(一社ビブリオスタイル理事) 年 月 日 1
  2. 2. 自己紹介 ● 一般社団法人ビブリオスタイル理事(業務執行役員) ● 技術以外を担当 ● エンジニアではありません ○ 元・文字コードとコンピュータのフリーライター 2
  3. 3. Vivliostyleとは? ● 最新Web標準技術により、電子出版や Web 出版のための 新しい組版システムを 作るオープンソース・プロジェクト ● CSS組版を目的としたブラウザのPolyfill(補完するソフトウェア) ○ ブラウザ未対応の 仕様も利用可能にすることで 組版を実現する ライブラリ、及 びそれを利用したプロジェクトの総体 ■ ■ ( ) ■ 3
  4. 4. さまざまなVivliostyleのプロジェクト 4作成:
  5. 5. キーになるプロジェクト①/Themes ● スタイル情報をパッケージ化する仕様 ● Vivliostyle Pub、Create Book(後述)で、スタイルを参照するために使う ● テンプレートとして流用したり、改変もできる ● 現在用意されているテーマ ○ 縦書き書籍 ○ スライド ○ 横書きの技術書(脚注 ) ○ 論文・レポート ● →これによりCSSを書かなくともスタイルが定義可能になる 5
  6. 6. キーになるプロジェクト②/VFM ● 書籍の執筆に最適化したMarkdown方言の仕様 ● 最も普及しているGFM/CommonMarkの上位互換 ○ 見出し、リスト、強調等に加え、ルビ、画像サイズ、キャプション、後注等を追加 ○ 特集企画: で同人誌を作ろう! で原稿を書いてみよう ● →これによりHTMLを書くことなく構造を定義可能になる 6 ※ とは?→プレーンテキストから へ変換できる簡易記法
  7. 7. キーになるプロジェクト③/vivliostyle-cli ● コマンドライン・インターフェイスで利用できるVivliostyle ● Puppeteerを介して Headless Chrome を使う ● 3.0.0-preではVFMに対応 ○ / では を使用 ● cliのメリットは「他のツールと組み合わせて自動処理ができる」こと 7
  8. 8. Themes、VFM、cliを組み合わせると、 なにができる? ↓
 本作り用のアプリができる 8
  9. 9. キーになるプロジェクト④/vivliostyle-pub ● Themes、VFM、vivliostyle-cliをサーバにおいたWebアプリ ○ つまり、ブラウザ上で本作りができる ○ そして、 や を書かずに 組版ができる ● いままでprivateだったが、今年11/15からpublicに変更 ○ オープンソースとして利用可能に ● ちなみに、同じコンセプトをオフラインで実現したのがcreate-book ○ スクリプトによって を参照して、 をパースし、 で本を作る 9
  10. 10. demo 10
  11. 11. 結論:あしたのVivliostyleはどこにある? ● Vvliostyle Pubにある! ● Let's Join Vivliostyle ○ → の招待リンク ● スポンサー募集中♪ ○ あなたも のスポンサーになりませんか 11

×