O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
学術出版㵞�HTML5標準化㩞�CSS組版
Scholarly HTML㩞�Vivliostyle
XMLパブリッシング交流会 2017‐02‐10 
JAGAT XMLパブリッシング凖研究会
村上 真雄 (@MurakamiShinyu) 
...
目次
1. はじめに~Web標準技術と出版の統合  3
2. Web標準を学術出版に ~ Scholarly HTMLとは  7
3. 構造化文書の共通語としてのHTML  9
4. HTMLをセマンティックに  11
5. 論文「宇宙論入門」...
㷞�㉞�䛞�㯞�∼Web標準技術㩞�
出版㵞�統合
はじめに~Web標準技術と出版の統合 3
https://www.w3.org/2017/01/pressrelease‐idpf‐w3c‐combination.html.ja から
はじめに~Web標準技術と出版の統合 4
発表者紹介㯞�⯞�⩞�㥞�、 
W3C‐IDPF統合㵞�正式発表幞�嗞�柞�㵞�“Testimonials”⯞�䫞�
Vivliostyleは、W3CとIDPFの統合が電子出版をさらに進展させると考えて
います。当社は、HTML文書をページレイ...
Web標準㩞�出版㵞�統合=“Web出版”標準化䉞�
2つの標準化団体の連携によりWeb標準を使う電子出版(EPUB)が実現した
W3C (World Wide Web Consortium)
IDPF (International Digit...
Web標準佞�学術出版㯞� ∼
Scholarly HTML㩞�㷞�
Web標準を学術出版に ~ Scholarly HTMLとは 7
Scholarly HTML=学術出版用㵞�HTML
学術論文をHTMLで表現する方法を標準化しようとしている
W3CにScholarly HTMLコミュニティーグループ 
www.w3.org/community/scholarlyhtml/...
構造化文書㵞�共通語㩞�㇞�㥞�
㵞�HTML
構造化文書の共通語としてのHTML 9
構造化文書形式㩞�㇞�㥞�HTML佞�使⥞�瑞�磞�敞�柞�
ブラウザでそのまま表示できる
Webアクセシビリティの標準のしくみが整備されてきている
普及しているWeb用のツール(HTMLエディタ、各種CMSなど)が使える
扱える人が多く学習コ...
HTML佞�慞�狞�絞�曞�啞�敞�孞�㯞�
HTMLをセマンティックに 11
HTML5㧞�慞�狞�絞�曞�啞�敞�孞�㭞�文書構造化ⱞ�標準㯞�
2014年にHTML5がW3C勧告、2016年には改訂版のHTML 5.1が勧告
HTML5の新要素(section、article、nav、header、footer、as...
role属性㧞�HTML要素㯞�マ�䫞�㯞�意味佞�付加
WAI‐ARIA:Webのアクセシビリティのためにセマンティックな情報をHTML
要素に
DPUB‐ARIA:出版のためのセマンティックな語彙を定義
Scholarly HTMLで使える...
RDFa:慞�狞�絞�曞�啞�敞�孞�㭞�瑞�捞�情報佞�HTML㯞�埋䛞�
込䙞�方法
RDFa = Resource Description Framework in Attributes
HTML5標準の要素とrole属性に加えてRDFa...
論文「宇宙論入門」㵞�
Scholarly HTML化
論文「宇宙論入門」のScholarly HTML化 15
松原隆彦著「宇宙論入門」㯞�㡞�⡞�㥞�
ウェブに公開されている、名古屋大学の松原隆彦著の「宇宙論:オリジナ
ルテキスト」(名古屋大学大学院講義ノート、2002‐2006)※を、当研究会
に参加している東京大学(名誉教授)の釜江常好が了承を得て...
Scholarly HTML狞�ߞ�孞�哞�敞�潞�指針
Scholarly HTMLはまだ草案の段階で完成した仕様ではないので、仕様の細部
にはこだわらずに簡略化したサブセットを使用
原稿のTeX形式の数式入りのテキストデータから単純に変換で...
狞�ߞ�孞�哞�敞�潞�(捞�寞�付⻞�)方法㵞�⡞�䳞�⡞�䳞�
研究会メンバーそれぞれが得意とする方法でやってみた
Markdown形式から pandoc利用でHTMLに変換
自動化スクリプト作成
Excelのマクロを作成して自動変換
テキ...
Scholarly HTML版「宇宙論入門」幞�絞�潞�神�公開
GitHubリポジトリ: https://github.com/JAGAT‐XML‐publishing‐study‐
group/cosmology
☞HTML通常表示版
☞ペ...
CSS組版(Vivliostyle)㯞�䩞�䯞�
烞�ߞ�忞�秞�嗞�哞�回�柞�
CSS組版(Vivliostyle)によるページレイアウト 20
CSSでページのレイアウトを指定して、Vivliostyle Viewerで表示
CSS組版(Vivliostyle)によるページレイアウト 21
Vivliostyle㵞�紹介
印刷の世界と画面の世界を一元化
印刷物も様々な画面も 
ひとまとめで扱える
Webブラウザさえあれば使える 
HTMLとCSSだけ
オープンソース 
 
github.com/vivliostyle/vivlio...
烞�ߞ�忞�㵞�組版㯞�役立㡞�CSS仕様
日本語組版関係
段組 CSS Multi‐column Layout
ページのレイアウト※
※W3Cで標準化作業中の仕様であり、現時点で利用できる環境は限られる
縦書き CSS Writing Mod...
䕞�㩞�䛞�
Web標準技術と出版の統合が進む
学術論文をWeb標準のHTMLで表現しようというのがScholarly HTML
当研究会で実際の論文サンプルのScholarly HTML化に取り組んだ
https://github.com/J...
Próximos SlideShares
Carregando em…5
×

学術出版のHTML5標準化とCSS組版――Scholarly HTMLとVivliostyle

1.065 visualizações

Publicada em

page2017「XMLパブリッシング交流会」発表資料

Publicada em: Internet
  • Seja o primeiro a comentar

学術出版のHTML5標準化とCSS組版――Scholarly HTMLとVivliostyle

  1. 1. 学術出版㵞�HTML5標準化㩞�CSS組版 Scholarly HTML㩞�Vivliostyle XMLパブリッシング交流会 2017‐02‐10  JAGAT XMLパブリッシング凖研究会 村上 真雄 (@MurakamiShinyu)  ㈱ビブリオスタイル Founder & CTO 
  2. 2. 目次 1. はじめに~Web標準技術と出版の統合  3 2. Web標準を学術出版に ~ Scholarly HTMLとは  7 3. 構造化文書の共通語としてのHTML  9 4. HTMLをセマンティックに  11 5. 論文「宇宙論入門」のScholarly HTML化  15 6. CSS組版(Vivliostyle)によるページレイアウト  20 7. まとめ  24 目次 2
  3. 3. 㷞�㉞�䛞�㯞�∼Web標準技術㩞� 出版㵞�統合 はじめに~Web標準技術と出版の統合 3
  4. 4. https://www.w3.org/2017/01/pressrelease‐idpf‐w3c‐combination.html.ja から はじめに~Web標準技術と出版の統合 4
  5. 5. 発表者紹介㯞�⯞�⩞�㥞�、  W3C‐IDPF統合㵞�正式発表幞�嗞�柞�㵞�“Testimonials”⯞�䫞� Vivliostyleは、W3CとIDPFの統合が電子出版をさらに進展させると考えて います。当社は、HTML文書をページレイアウト表示するブラウザベース の出版ソフトウェアを開発しており、この統合を歓迎します。Vivliostyle はW3CにおけるCSS開発に参加し、また当社のアドバイザーはIDPFにお けるEPUB開発に貢献してきました。私たちは、今後も標準化に貢献し続 けます。 Shinyu Murakami, Founder and CTO, Vivliostyle Inc. 株式会社ビブリオスタイル 会長兼CTO 村上 真雄 https://www.w3.org/2017/01/pressrelease‐idpf‐w3c‐combination.html.en#testimonials ❝ はじめに~Web標準技術と出版の統合 5
  6. 6. Web標準㩞�出版㵞�統合=“Web出版”標準化䉞� 2つの標準化団体の連携によりWeb標準を使う電子出版(EPUB)が実現した W3C (World Wide Web Consortium) IDPF (International Digital Publishing Forum) そしてW3Cへの統合、Webと出版の標準がひとつに W3CとIDPF正式統合 ‐ 出版の未来形を描くロードマッピング 「Web出版物」(Web Publication)の標準化へ  オンラインでもオフラインでもシームレスに読める WebサイトでもEPUBのようなパッケージ形式でも はじめに~Web標準技術と出版の統合 6
  7. 7. Web標準佞�学術出版㯞� ∼ Scholarly HTML㩞�㷞� Web標準を学術出版に ~ Scholarly HTMLとは 7
  8. 8. Scholarly HTML=学術出版用㵞�HTML 学術論文をHTMLで表現する方法を標準化しようとしている W3CにScholarly HTMLコミュニティーグループ  www.w3.org/community/scholarlyhtml/ ドラフト仕様: w3c.github.io/scholarly‐html/ 仕様をまとめてるのは Robin Berjon: W3C HTML5仕様の元Editorで、現在は学術出版プラットフ ォーム(science.ai)開発者 Tzviya Siegman: EPUB3.1仕様のEditorを務めるなどW3C・IDPFの標準化で 中心的な一人。学術出版社Wileyの情報標準化リーダー W3Cのコミュニティーグループであり正式なワーキンググループではない が、Web・電子出版の標準化で中心的な人たちが関わっているということ Web標準を学術出版に ~ Scholarly HTMLとは 8
  9. 9. 構造化文書㵞�共通語㩞�㇞�㥞� 㵞�HTML 構造化文書の共通語としてのHTML 9
  10. 10. 構造化文書形式㩞�㇞�㥞�HTML佞�使⥞�瑞�磞�敞�柞� ブラウザでそのまま表示できる Webアクセシビリティの標準のしくみが整備されてきている 普及しているWeb用のツール(HTMLエディタ、各種CMSなど)が使える 扱える人が多く学習コストが低い HTMLはもっとも普及している構造化文書形式であり、他とやりとりするの に「共通語」として便利 XHTML構文を使えばXMLのツールも使える(その必要がないなら緩いHTML 構文でOK) 構造化文書の共通語としてのHTML 10
  11. 11. HTML佞�慞�狞�絞�曞�啞�敞�孞�㯞� HTMLをセマンティックに 11
  12. 12. HTML5㧞�慞�狞�絞�曞�啞�敞�孞�㭞�文書構造化ⱞ�標準㯞� 2014年にHTML5がW3C勧告、2016年には改訂版のHTML 5.1が勧告 HTML5の新要素(section、article、nav、header、footer、aside、figure、 figcaption 等)でセマンティックな文書構造が明確に 従来からのHTML要素もよりセマンティックな定義に HTMLをセマンティックに 12
  13. 13. role属性㧞�HTML要素㯞�マ�䫞�㯞�意味佞�付加 WAI‐ARIA:Webのアクセシビリティのためにセマンティックな情報をHTML 要素に DPUB‐ARIA:出版のためのセマンティックな語彙を定義 Scholarly HTMLで使えるrole属性の語彙の例: contentinfo(コンテンツ情報) doc‐abstract(要旨) doc‐acknowledgments(謝辞) doc‐appendix(付録) doc‐bibliography(参考文献) doc‐conclusion(結論) doc‐endnote(後注) doc‐footnote(脚注) doc‐introduction(序論) doc‐subtitle(副題) HTMLをセマンティックに 13
  14. 14. RDFa:慞�狞�絞�曞�啞�敞�孞�㭞�瑞�捞�情報佞�HTML㯞�埋䛞� 込䙞�方法 RDFa = Resource Description Framework in Attributes HTML5標準の要素とrole属性に加えてRDFaを利用することで、より詳細なメ タ情報をHTML文書中に埋め込むことが可能に Scholarly HTMLでは schema.org/ScholarlyArticle の語彙を利用 HTMLをセマンティックに 14
  15. 15. 論文「宇宙論入門」㵞� Scholarly HTML化 論文「宇宙論入門」のScholarly HTML化 15
  16. 16. 松原隆彦著「宇宙論入門」㯞�㡞�⡞�㥞� ウェブに公開されている、名古屋大学の松原隆彦著の「宇宙論:オリジナ ルテキスト」(名古屋大学大学院講義ノート、2002‐2006)※を、当研究会 に参加している東京大学(名誉教授)の釜江常好が了承を得てScholarly HTML化するサンプルとして利用。釜江が、幾つかの写真や図を追加し、テ キストを少し編集。  ※http://tmcosmos.org/cosmology/cosmology‐web/ 論文「宇宙論入門」のScholarly HTML化 16
  17. 17. Scholarly HTML狞�ߞ�孞�哞�敞�潞�指針 Scholarly HTMLはまだ草案の段階で完成した仕様ではないので、仕様の細部 にはこだわらずに簡略化したサブセットを使用 原稿のTeX形式の数式入りのテキストデータから単純に変換できるよう、数 式はTeX形式のままとして表示にMathJax(数式を表示するJavaScriptライブ ラリ)を利用。  ※Scholarly HTMLではWeb標準の数式記述方法であるMathMLを利用するこ とになっているが、今回はそれにこだわらずTeX形式のままとした 論文「宇宙論入門」のScholarly HTML化 17
  18. 18. 狞�ߞ�孞�哞�敞�潞�(捞�寞�付⻞�)方法㵞�⡞�䳞�⡞�䳞� 研究会メンバーそれぞれが得意とする方法でやってみた Markdown形式から pandoc利用でHTMLに変換 自動化スクリプト作成 Excelのマクロを作成して自動変換 テキストエディタでタグ付け 論文「宇宙論入門」のScholarly HTML化 18
  19. 19. Scholarly HTML版「宇宙論入門」幞�絞�潞�神�公開 GitHubリポジトリ: https://github.com/JAGAT‐XML‐publishing‐study‐ group/cosmology ☞HTML通常表示版 ☞ページレイアウト表示(Vivliostyle Viewer) 論文「宇宙論入門」のScholarly HTML化 19
  20. 20. CSS組版(Vivliostyle)㯞�䩞�䯞� 烞�ߞ�忞�秞�嗞�哞�回�柞� CSS組版(Vivliostyle)によるページレイアウト 20
  21. 21. CSSでページのレイアウトを指定して、Vivliostyle Viewerで表示 CSS組版(Vivliostyle)によるページレイアウト 21
  22. 22. Vivliostyle㵞�紹介 印刷の世界と画面の世界を一元化 印刷物も様々な画面も  ひとまとめで扱える Webブラウザさえあれば使える  HTMLとCSSだけ オープンソース    github.com/vivliostyle/vivliostyle.js CSS組版(Vivliostyle)によるページレイアウト 22
  23. 23. 烞�ߞ�忞�㵞�組版㯞�役立㡞�CSS仕様 日本語組版関係 段組 CSS Multi‐column Layout ページのレイアウト※ ※W3Cで標準化作業中の仕様であり、現時点で利用できる環境は限られる 縦書き CSS Writing Modes 文字組・禁則処理 CSS Text 装飾・圏点 CSS Text Decoration ルビ配置 CSS Ruby ページメディア CSS Paged Media 柱や相互参照等 CSS Generated Content 図版の配置 CSS Page Floats CSS組版(Vivliostyle)によるページレイアウト 23
  24. 24. 䕞�㩞�䛞� Web標準技術と出版の統合が進む 学術論文をWeb標準のHTMLで表現しようというのがScholarly HTML 当研究会で実際の論文サンプルのScholarly HTML化に取り組んだ https://github.com/JAGAT‐XML‐publishing‐study‐group/cosmology HTML形式なのでブラウザでそのまま表示可能 CSSでページレイアウトを指定して画面や印刷出力が可能(CSS組版) Scholarly HTML仕様が完成して学術出版の標準形式として普及するのを期待 まとめ 24

×