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

『Re:VIEW+CSS組版やっていき』を やった話とWebエンジニアが期待する未来 / CS...

『Re:VIEW+CSS組版やっていき』を やった話とWebエンジニアが期待する未来 / CSS Publishinng for Web Developers

Masahiro Wakame

June 30, 2018
Tweet

More Decks by Masahiro Wakame

Other Decks in Programming

Transcript

  1. 参加サークル数 •1 → 60サークルくらい •2 → 190サークルくらい •超 → 90サークルくらい

    •3 → 190サークルくらい •4 → 240サークルくらい •5 → 会場移動します
  2. 欲しい成果 ほげらほげらほげらほげらほげらほ げらほげらほげらほげらほげらほげ らほげらほげらほげらほ げらほげらほげらほげら ほげらほげらほげらほげ らほげらほげらほげらほげらほげら ほげらほげらほげらほげらほげらほ げらほげらほげらほげらほげらほげ らほげらほげらほげらほげらほげら

    ほげらほげらほげらほげらほげらほ げらほげらほげらほげらほげらほげ らほげらほげらほげらほげらほげら ほげらほげらほげらほげらほげらほ 最⾼高の適当さを! ほげらほげらほげらほげらほげらほげらほげら ほげらほげらほげらほげらほげらほげらほげら ほげらほげらほげらほげらほげらほげらほげら はしらはしらはしらはしらはしらはしらはしらはしらはしらはしらはしらはしらは しらはしらはしらはしらはしらはしらはしらはしらはしらはしらはしらはしらはし 紙⾯面で遊びたい! デザインもらって それを反映させたい!
  3. ⽬目次⾒見見てみる 3. 22KB 11432C 476L 実際にやってみる (practice) 12L 1 TechBoosterのワークフロー

    with Re:VIEW 15L 2 ブラウザからPDF出⼒力力の下準備 25L 3 1枚のHTMLを出⼒力力する!気合で 36L 4 扉や奥付のページを表示したい! 34L 5 ⽬目次を表示したい! 28L 6 ノンブルを打ちたい! 62L 7 柱に現在表示中の章タイトルを表示したい! 61L 8 テキスト周りの⾒見見た⽬目をなんとかしたい! 77L 9 脚注を表示したい! 20L 10 画像をセンタリングしたい! 53L 11 ボックス系の⾒見見た⽬目をいい感じにしたい! 24L 12 ページ上部に雑に線引きたい! 10L 13 Vivliostyle Viewerを使ってデータを表示する 4. 14KB 6206C 199L 未解決の課題 (issue) 6L 1 問題の上⼿手な切り分け⽅方 30L 2 PDFの⽣生成とフォントの埋込 8L 3 凝ったデザインへの挑戦 9L 4 HTMLBuilderが吐き出すアンカーとリンクを修正する 13L 5 CSSの管理理⽅方法 28L 6 ボックス系の⾒見見た⽬目と脚注が被る話 18L 7 vivliostyle.jsのレンダリングがリロードで壊れる場合がある 44L 8 CI上でPDFを⽣生成させ再現性を持たせる 8L 9 他のブラウザを検討する 29L 10 他の組版エンジンを検討する 16L 1 [column] トリムマーク社が爆誕した話 まずはRe:VIEWの LaTeX出⼒力力を再現! ⼟土台が欲しい!
  4. 扉・奥付 ⽬目次 ノンブル 柱に章・節タイトル フォントのカスタマイズ 脚注表示 画像センタリング 箱モノの⾒見見た⽬目 ページ上部に罫線 フォント埋込

    PDF⽣生成 凝ったデザイン… DevToolの活⽤用 採番の⾃自動化 レンダリングの冪等性 Busted! Not yet… PDF⽣生成の再現性 ブラウザ選択問題 exit code PDF on CI
  5. 扉・奥付 ⽬目次 ノンブル 柱に章・節タイトル フォントのカスタマイズ 脚注表示 画像センタリング 箱モノの⾒見見た⽬目 ページ上部に罫線 フォント埋込

    PDF⽣生成 凝ったデザイン… DevToolの活⽤用 採番の⾃自動化 レンダリングの冪等性 PDF⽣生成の再現性 ブラウザ選択問題 Busted! Not yet… exit code PDF on CI