〈次世代CSS組版〉Vivliostyle プロジェクト

16
Web上で動作する新たな組版エンジン 〈次世代CSS組版〉 Vivliostyle プロジェクト 2015-02-04 #page2015 村上 真雄 (@MurakamiShinyu)

Transcript of 〈次世代CSS組版〉Vivliostyle プロジェクト

  • WebCSS

    Vivliostyle

    2015-02-04 #page2015 (@MurakamiShinyu)

  • , Vivliostyle Inc. 1990XTR

    1999XML AH FormatterW3C XSL-FO CSS Paged Media

    W3C 20148CSS

    2

  • XML

  • W3CXML

    XSL-FO (Extensible Stylesheet Language - FormattingObjects)

    XSLT (XSL Transformation) 2006 XSL 1.1W3C XML

    CSS (Cascading Style Sheets) Web (HTML)XML CSS Paged Media W3CCSS

    4

  • AH Formatter

    AH Formatter

    XSL-FO(XML+XSLXSLT)PDF HTML+CSSPDF

    5

  • CSS

  • O'Reilly

    HTML+CSS()(O'Reilly)EPUB, Kindle, PDF(), Web

    HTML + CSS

    HTML + CSS PDF AH

    Formatter

    7

  • W3C(JLREQ)

    JIS X 4051W3C

    W3Ci18n (Internationalization)

    CSSAHFormatter

    8

  • Web

  • Web BookJS 12 Johannes WilmSafari

    Web CSS JavaScript

    PDF CSS JavaScript

    10

  • CSS Vivliostyle

  • Vivliostyle Web (EPUB)

    CSS JavaScript (Polyll) PDF CSS W3C

    GitHub: https://github.com/vivliostyle

    12

  • Vivliostyle Vivliostyle Formatter CSSHTML/XML/EPUBCSSPDF

    Vivliostyle Browser WebWebEPUB

    Vivliostyle.js JavaScriptWebWebEPUB

    13

  • WebCSS WebHTML5/CSS3/JS/API

    JavaScript

    PDF

    PDFCSSMedia Query

    14

  • 2015

    2015 2015 2015

    GitHub

    Vivliostyle.js Try vivliostyle.js!

    15

  • Vivliostyle

    Vivliostyle Inc.: http://vivliostyle.com/ : http://vivliostyle.co.jp/ / Q&A / / /

    Facebook Vivliostyle Forum:https://www.facebook.com/groups/vivliostyle/

    Vivliostyle Project JA:https://groups.google.com/forum/#!forum/vivliostyle-ja

    GitHub: https://github.com/vivliostyle/

    16


HTML&CSS 4 - Intermediate CSS (1/2)

HTML&CSS 4 - Intermediate CSS (1/2)

CSSCの事業紹介 - IPA · css-base6 で継続 (予定） 2014-東北多賀城本部 csscテストベッド （css-base6) 2013. 5.28 開所 ・edsa評価認証パイロット プロジェクトcsscで推進中

CSSCの事業紹介 - IPA · css-base6 で継続 (予定） 2014-東北多賀城本部 csscテストベッド （css-base6) 2013. 5.28 開所 ・edsa評価認証パイロット プロジェクトcsscで推進中

次世代CSS組版〜Vivliostyle プロジェクト

次世代CSS組版〜Vivliostyle プロジェクト

CSS Grid Layout w/ Blueprint CSS

CSS Grid Layout w/ Blueprint CSS

CSS: ordenar un CSS - RUA: Principalrua.ua.es/dspace/bitstream/10045/26459/1/CSS - Ordenar un CSS.pdf · CSS Introducción al desarrollo web CSS: ordenar un CSS Sergio Luján Mora

CSS: ordenar un CSS - RUA: Principalrua.ua.es/dspace/bitstream/10045/26459/1/CSS - Ordenar un CSS.pdf · CSS Introducción al desarrollo web CSS: ordenar un CSS Sergio Luján Mora

中部プロジェクトマップ2009 プロジェクト一覧（エリア別） 広域プロジェクト（複数県に跨るプロジェクト… · 広域プロジェクト（複数県に跨るプロジェクト）

中部プロジェクトマップ2009 プロジェクト一覧（エリア別） 広域プロジェクト（複数県に跨るプロジェクト… · 広域プロジェクト（複数県に跨るプロジェクト）

CSS Títol pàgina. CSS Títol pàgina @import "estil.css" );

CSS Títol pàgina. CSS Títol pàgina @import "estil.css" );

CSS Conf Budapest - New CSS Layout

CSS Conf Budapest - New CSS Layout

CSS Grundlagen Inhalt - esfl.bplaced.netesfl.bplaced.net/uebungen/thema_1/CSS-Grundlagen.pdfWas ist CSS? Mit Hilfe von CSS (Cascading Stylesheets) wird das Design einer HTML Website

CSS Grundlagen Inhalt - esfl.bplaced.netesfl.bplaced.net/uebungen/thema_1/CSS-Grundlagen.pdfWas ist CSS? Mit Hilfe von CSS (Cascading Stylesheets) wird das Design einer HTML Website

turn(‘page’, 4); · yep: ['lib/turn.js', 'css/flipbook-html5.css'] nope : ['lib/turn.html4.js', 'css/flipbook-html4.css'] }); CSS Classes Turn.js uses classes to define the way

turn(‘page’, 4); · yep: ['lib/turn.js', 'css/flipbook-html5.css'] nope : ['lib/turn.html4.js', 'css/flipbook-html4.css'] }); CSS Classes Turn.js uses classes to define the way

Dreamweaver MX 2004 CSS CSS - 碁峰資訊epaper.gotop.com.tw/pdf/ACU028100.pdf · Dreamweaver MX 2004 CSS, Cascading Style Sheet CSS Internet Explorer 5 Netscape 6 Safari CSS CSS:

Dreamweaver MX 2004 CSS CSS - 碁峰資訊epaper.gotop.com.tw/pdf/ACU028100.pdf · Dreamweaver MX 2004 CSS, Cascading Style Sheet CSS Internet Explorer 5 Netscape 6 Safari CSS CSS:

Webと印刷をひとつにするには Vivliostyle 【映像あり】

Webと印刷をひとつにするには Vivliostyle 【映像あり】

Spirit APS (Adjustable Positioning System... Spirit APS (Adjustable Positioning System ) Asiento de auto Patente EE.UU. No. 636,190S CSS-2400S CSS-2400M CSS-2400L CSS-2401M CSS-2401L

Spirit APS (Adjustable Positioning System... Spirit APS (Adjustable Positioning System ) Asiento de auto Patente EE.UU. No. 636,190S CSS-2400S CSS-2400M CSS-2400L CSS-2401M CSS-2401L

XML 문서 화면 표현 CSS 개념 CSS 사용법 CSS 문법

XML 문서 화면 표현 CSS 개념 CSS 사용법 CSS 문법

Modular CSS - Projetando CSS para aplicativos

Modular CSS - Projetando CSS para aplicativos

css-small › ~dtran › designguide › css-small.pdf · CSS Properties CSS — Cascading Style Sheets {azimuth: sound direction {direction:ltr ... run-in antie (stuffs a heading

css-small › ~dtran › designguide › css-small.pdf · CSS Properties CSS — Cascading Style Sheets {azimuth: sound direction {direction:ltr ... run-in antie (stuffs a heading

CSS Einführung CSS Frameworks - se.uni-hannover.de · 14.04.2010 CSS Einführung & CSS Frameworks Leif Singer leif.singer@inf.uni-hannover.de Seminar “Aktuelle Software-Engineering-Praktiken

CSS Einführung CSS Frameworks - se.uni-hannover.de · 14.04.2010 CSS Einführung & CSS Frameworks Leif Singer [email protected] Seminar “Aktuelle Software-Engineering-Praktiken

HTML&CSS 3 - Introduction to CSS

HTML&CSS 3 - Introduction to CSS

WEBBAPPLIKATIONER MODUL 2 - CSS · Positionering CSS Layouter 2. CSS, Cascading Style Sheets 2 3 Introduktion till stilmallar, CSS CSS står för ”CascadingStyleSheets” CSS är

WEBBAPPLIKATIONER MODUL 2 - CSS · Positionering CSS Layouter 2. CSS, Cascading Style Sheets 2 3 Introduktion till stilmallar, CSS CSS står för ”CascadingStyleSheets” CSS är

CSS-V1 und CSS-V2 für 19“- oder Wandmontage · Gasaufbereitung Serie CSS® CSS-V1 und CSS-V2 für 19“- oder Wandmontage Betriebsanleitung Version 1.01.02

CSS-V1 und CSS-V2 für 19“- oder Wandmontage · Gasaufbereitung Serie CSS® CSS-V1 und CSS-V2 für 19“- oder Wandmontage Betriebsanleitung Version 1.01.02