Submit Search
Upload
強力なグラフィック機能を備えた組版処理システムTwightの開発
•
0 likes
•
1,882 views
W
WadaYuto
Follow
CSS組版 Vivliostyle ユーザーと開発者の集い 2021春 での発表資料
Read less
Read more
Technology
Report
Share
Report
Share
1 of 52
Download now
Download to read offline
Recommended
DLLab 異常検知ナイト 資料 20180214
DLLab 異常検知ナイト 資料 20180214
Kosuke Nakago
O/Rマッパーによるトラブルを未然に防ぐ
O/Rマッパーによるトラブルを未然に防ぐ
kwatch
ソフトウェアにおける 複雑さとは何なのか?
ソフトウェアにおける 複雑さとは何なのか?
Yoshitaka Kawashima
ゲームエンジニアのためのデータベース設計
ゲームエンジニアのためのデータベース設計
sairoutine
オブジェクト指向プログラミングのためのモデリング入門
オブジェクト指向プログラミングのためのモデリング入門
増田 亨
12. Diffusion Model の数学的基礎.pdf
12. Diffusion Model の数学的基礎.pdf
幸太朗 岩澤
【Unite Tokyo 2019】Unity Test Runnerを活用して内部品質を向上しよう
【Unite Tokyo 2019】Unity Test Runnerを活用して内部品質を向上しよう
UnityTechnologiesJapan002
正しいものを正しく作る塾-設計コース
正しいものを正しく作る塾-設計コース
増田 亨
Recommended
DLLab 異常検知ナイト 資料 20180214
DLLab 異常検知ナイト 資料 20180214
Kosuke Nakago
O/Rマッパーによるトラブルを未然に防ぐ
O/Rマッパーによるトラブルを未然に防ぐ
kwatch
ソフトウェアにおける 複雑さとは何なのか?
ソフトウェアにおける 複雑さとは何なのか?
Yoshitaka Kawashima
ゲームエンジニアのためのデータベース設計
ゲームエンジニアのためのデータベース設計
sairoutine
オブジェクト指向プログラミングのためのモデリング入門
オブジェクト指向プログラミングのためのモデリング入門
増田 亨
12. Diffusion Model の数学的基礎.pdf
12. Diffusion Model の数学的基礎.pdf
幸太朗 岩澤
【Unite Tokyo 2019】Unity Test Runnerを活用して内部品質を向上しよう
【Unite Tokyo 2019】Unity Test Runnerを活用して内部品質を向上しよう
UnityTechnologiesJapan002
正しいものを正しく作る塾-設計コース
正しいものを正しく作る塾-設計コース
増田 亨
近年のHierarchical Vision Transformer
近年のHierarchical Vision Transformer
Yusuke Uchida
Tackling Complexity
Tackling Complexity
Yoshitaka Kawashima
ネットワーク ゲームにおけるTCPとUDPの使い分け
ネットワーク ゲームにおけるTCPとUDPの使い分け
モノビット エンジン
DockerコンテナでGitを使う
DockerコンテナでGitを使う
Kazuhiro Suga
【メタサーベイ】基盤モデル / Foundation Models
【メタサーベイ】基盤モデル / Foundation Models
cvpaper. challenge
自己教師学習(Self-Supervised Learning)
自己教師学習(Self-Supervised Learning)
cvpaper. challenge
画像キャプションの自動生成
画像キャプションの自動生成
Yoshitaka Ushiku
[DL輪読会]BANMo: Building Animatable 3D Neural Models from Many Casual Videos
[DL輪読会]BANMo: Building Animatable 3D Neural Models from Many Casual Videos
Deep Learning JP
畳み込みニューラルネットワークの研究動向
畳み込みニューラルネットワークの研究動向
Yusuke Uchida
ドメイン駆動設計をゲーム開発に活かす
ドメイン駆動設計をゲーム開発に活かす
増田 亨
【Unity道場 博多スペシャル 2017】Textmesh proを使いこなす
【Unity道場 博多スペシャル 2017】Textmesh proを使いこなす
Unity Technologies Japan K.K.
中3女子が狂える本当に気持ちのいい constexpr
中3女子が狂える本当に気持ちのいい constexpr
Genya Murakami
関数型・オブジェクト指向宗教戦争に疲れたなたに送るGo言語入門
関数型・オブジェクト指向宗教戦争に疲れたなたに送るGo言語入門
Tadahiro Ishisaka
SSII2022 [SS2] 少ないデータやラベルを効率的に活用する機械学習技術 〜 足りない情報をどのように補うか?〜
SSII2022 [SS2] 少ないデータやラベルを効率的に活用する機械学習技術 〜 足りない情報をどのように補うか?〜
SSII
Unity 2018-2019を見据えたDeNAのUnity開発のこれから [DeNA TechCon 2019]
Unity 2018-2019を見据えたDeNAのUnity開発のこれから [DeNA TechCon 2019]
DeNA
Long-Tailed Classificationの最新動向について
Long-Tailed Classificationの最新動向について
Plot Hong
イベント・ソーシングを知る
イベント・ソーシングを知る
Shuhei Fujita
シリコンバレーの「何が」凄いのか
シリコンバレーの「何が」凄いのか
Atsushi Nakada
深層学習による自然言語処理入門: word2vecからBERT, GPT-3まで
深層学習による自然言語処理入門: word2vecからBERT, GPT-3まで
Yahoo!デベロッパーネットワーク
【DL輪読会】Segment Anything
【DL輪読会】Segment Anything
Deep Learning JP
CMS時代のWeb制作におけるペルソナ戦略
CMS時代のWeb制作におけるペルソナ戦略
Katsumi Tazuke
ゲームだけじゃないHTML5
ゲームだけじゃないHTML5
Osamu Shimoda
More Related Content
What's hot
近年のHierarchical Vision Transformer
近年のHierarchical Vision Transformer
Yusuke Uchida
Tackling Complexity
Tackling Complexity
Yoshitaka Kawashima
ネットワーク ゲームにおけるTCPとUDPの使い分け
ネットワーク ゲームにおけるTCPとUDPの使い分け
モノビット エンジン
DockerコンテナでGitを使う
DockerコンテナでGitを使う
Kazuhiro Suga
【メタサーベイ】基盤モデル / Foundation Models
【メタサーベイ】基盤モデル / Foundation Models
cvpaper. challenge
自己教師学習(Self-Supervised Learning)
自己教師学習(Self-Supervised Learning)
cvpaper. challenge
画像キャプションの自動生成
画像キャプションの自動生成
Yoshitaka Ushiku
[DL輪読会]BANMo: Building Animatable 3D Neural Models from Many Casual Videos
[DL輪読会]BANMo: Building Animatable 3D Neural Models from Many Casual Videos
Deep Learning JP
畳み込みニューラルネットワークの研究動向
畳み込みニューラルネットワークの研究動向
Yusuke Uchida
ドメイン駆動設計をゲーム開発に活かす
ドメイン駆動設計をゲーム開発に活かす
増田 亨
【Unity道場 博多スペシャル 2017】Textmesh proを使いこなす
【Unity道場 博多スペシャル 2017】Textmesh proを使いこなす
Unity Technologies Japan K.K.
中3女子が狂える本当に気持ちのいい constexpr
中3女子が狂える本当に気持ちのいい constexpr
Genya Murakami
関数型・オブジェクト指向宗教戦争に疲れたなたに送るGo言語入門
関数型・オブジェクト指向宗教戦争に疲れたなたに送るGo言語入門
Tadahiro Ishisaka
SSII2022 [SS2] 少ないデータやラベルを効率的に活用する機械学習技術 〜 足りない情報をどのように補うか?〜
SSII2022 [SS2] 少ないデータやラベルを効率的に活用する機械学習技術 〜 足りない情報をどのように補うか?〜
SSII
Unity 2018-2019を見据えたDeNAのUnity開発のこれから [DeNA TechCon 2019]
Unity 2018-2019を見据えたDeNAのUnity開発のこれから [DeNA TechCon 2019]
DeNA
Long-Tailed Classificationの最新動向について
Long-Tailed Classificationの最新動向について
Plot Hong
イベント・ソーシングを知る
イベント・ソーシングを知る
Shuhei Fujita
シリコンバレーの「何が」凄いのか
シリコンバレーの「何が」凄いのか
Atsushi Nakada
深層学習による自然言語処理入門: word2vecからBERT, GPT-3まで
深層学習による自然言語処理入門: word2vecからBERT, GPT-3まで
Yahoo!デベロッパーネットワーク
【DL輪読会】Segment Anything
【DL輪読会】Segment Anything
Deep Learning JP
What's hot
(20)
近年のHierarchical Vision Transformer
近年のHierarchical Vision Transformer
Tackling Complexity
Tackling Complexity
ネットワーク ゲームにおけるTCPとUDPの使い分け
ネットワーク ゲームにおけるTCPとUDPの使い分け
DockerコンテナでGitを使う
DockerコンテナでGitを使う
【メタサーベイ】基盤モデル / Foundation Models
【メタサーベイ】基盤モデル / Foundation Models
自己教師学習(Self-Supervised Learning)
自己教師学習(Self-Supervised Learning)
画像キャプションの自動生成
画像キャプションの自動生成
[DL輪読会]BANMo: Building Animatable 3D Neural Models from Many Casual Videos
[DL輪読会]BANMo: Building Animatable 3D Neural Models from Many Casual Videos
畳み込みニューラルネットワークの研究動向
畳み込みニューラルネットワークの研究動向
ドメイン駆動設計をゲーム開発に活かす
ドメイン駆動設計をゲーム開発に活かす
【Unity道場 博多スペシャル 2017】Textmesh proを使いこなす
【Unity道場 博多スペシャル 2017】Textmesh proを使いこなす
中3女子が狂える本当に気持ちのいい constexpr
中3女子が狂える本当に気持ちのいい constexpr
関数型・オブジェクト指向宗教戦争に疲れたなたに送るGo言語入門
関数型・オブジェクト指向宗教戦争に疲れたなたに送るGo言語入門
SSII2022 [SS2] 少ないデータやラベルを効率的に活用する機械学習技術 〜 足りない情報をどのように補うか?〜
SSII2022 [SS2] 少ないデータやラベルを効率的に活用する機械学習技術 〜 足りない情報をどのように補うか?〜
Unity 2018-2019を見据えたDeNAのUnity開発のこれから [DeNA TechCon 2019]
Unity 2018-2019を見据えたDeNAのUnity開発のこれから [DeNA TechCon 2019]
Long-Tailed Classificationの最新動向について
Long-Tailed Classificationの最新動向について
イベント・ソーシングを知る
イベント・ソーシングを知る
シリコンバレーの「何が」凄いのか
シリコンバレーの「何が」凄いのか
深層学習による自然言語処理入門: word2vecからBERT, GPT-3まで
深層学習による自然言語処理入門: word2vecからBERT, GPT-3まで
【DL輪読会】Segment Anything
【DL輪読会】Segment Anything
Similar to 強力なグラフィック機能を備えた組版処理システムTwightの開発
CMS時代のWeb制作におけるペルソナ戦略
CMS時代のWeb制作におけるペルソナ戦略
Katsumi Tazuke
ゲームだけじゃないHTML5
ゲームだけじゃないHTML5
Osamu Shimoda
【講演資料】未来を味方にする学び方
【講演資料】未来を味方にする学び方
Masanori Saito
小野塚 Pl資料社外向け cpf_140903
小野塚 Pl資料社外向け cpf_140903
ns_pl
IAについて考えてみました。
IAについて考えてみました。
Shiori Hasegawa
「マシンリーダビリティ」がユーザー体験を加速する
「マシンリーダビリティ」がユーザー体験を加速する
Yoshinori OHTA
LT_hannari python45th_20220121_2355
LT_hannari python45th_20220121_2355
博三 太田
API活用で更に広がるDynamicsエコシステム
API活用で更に広がるDynamicsエコシステム
CData Software Japan
インターネットで学習すべき事柄について
インターネットで学習すべき事柄について
Tatsuya (Saeki) Takiguchi
人工知能技術のエンタープライズシステムへの適用
人工知能技術のエンタープライズシステムへの適用
Miki Yutani
Zyyx inc. data for interop
Zyyx inc. data for interop
株式会社ジークス
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Hideki Akiba
【20170414みんなのAI】機械学習の民主化を促進するAI活用術
【20170414みんなのAI】機械学習の民主化を促進するAI活用術
ナレッジコミュニケーション
信頼できるAIシステム開発の勘どころ ~AI開発方法論×AI品質保証~(NTTデータ テクノロジーカンファレンス 2020 発表資料)
信頼できるAIシステム開発の勘どころ ~AI開発方法論×AI品質保証~(NTTデータ テクノロジーカンファレンス 2020 発表資料)
NTT DATA Technology & Innovation
エンジニアのキャリアのその先を考える
エンジニアのキャリアのその先を考える
Haruo Sato
セマンティック・ウェブと学術情報サービス@国立国会図書館講演会(2010.07.27)
セマンティック・ウェブと学術情報サービス@国立国会図書館講演会(2010.07.27)
Ikki Ohmukai
20200717 kanazawauniv takasu キャリア、コミュニティとアカデミア、そして事業開発
20200717 kanazawauniv takasu キャリア、コミュニティとアカデミア、そして事業開発
Nico-Tech Shenzhen/ニコ技深圳コミュニティ
[ML15]Class Cat佐々木さん「いち早く人工知能テクノロジーを取り入れた製品・サービスを市場に展開するには?」
[ML15]Class Cat佐々木さん「いち早く人工知能テクノロジーを取り入れた製品・サービスを市場に展開するには?」
AINOW
マイクロソフト系エンジニアとは何をしている人?
マイクロソフト系エンジニアとは何をしている人?
m ishizaki
melonDesignerの説明
melonDesignerの説明
Hisashi Sakai
Similar to 強力なグラフィック機能を備えた組版処理システムTwightの開発
(20)
CMS時代のWeb制作におけるペルソナ戦略
CMS時代のWeb制作におけるペルソナ戦略
ゲームだけじゃないHTML5
ゲームだけじゃないHTML5
【講演資料】未来を味方にする学び方
【講演資料】未来を味方にする学び方
小野塚 Pl資料社外向け cpf_140903
小野塚 Pl資料社外向け cpf_140903
IAについて考えてみました。
IAについて考えてみました。
「マシンリーダビリティ」がユーザー体験を加速する
「マシンリーダビリティ」がユーザー体験を加速する
LT_hannari python45th_20220121_2355
LT_hannari python45th_20220121_2355
API活用で更に広がるDynamicsエコシステム
API活用で更に広がるDynamicsエコシステム
インターネットで学習すべき事柄について
インターネットで学習すべき事柄について
人工知能技術のエンタープライズシステムへの適用
人工知能技術のエンタープライズシステムへの適用
Zyyx inc. data for interop
Zyyx inc. data for interop
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
【20170414みんなのAI】機械学習の民主化を促進するAI活用術
【20170414みんなのAI】機械学習の民主化を促進するAI活用術
信頼できるAIシステム開発の勘どころ ~AI開発方法論×AI品質保証~(NTTデータ テクノロジーカンファレンス 2020 発表資料)
信頼できるAIシステム開発の勘どころ ~AI開発方法論×AI品質保証~(NTTデータ テクノロジーカンファレンス 2020 発表資料)
エンジニアのキャリアのその先を考える
エンジニアのキャリアのその先を考える
セマンティック・ウェブと学術情報サービス@国立国会図書館講演会(2010.07.27)
セマンティック・ウェブと学術情報サービス@国立国会図書館講演会(2010.07.27)
20200717 kanazawauniv takasu キャリア、コミュニティとアカデミア、そして事業開発
20200717 kanazawauniv takasu キャリア、コミュニティとアカデミア、そして事業開発
[ML15]Class Cat佐々木さん「いち早く人工知能テクノロジーを取り入れた製品・サービスを市場に展開するには?」
[ML15]Class Cat佐々木さん「いち早く人工知能テクノロジーを取り入れた製品・サービスを市場に展開するには?」
マイクロソフト系エンジニアとは何をしている人?
マイクロソフト系エンジニアとは何をしている人?
melonDesignerの説明
melonDesignerの説明
Recently uploaded
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
Recently uploaded
(9)
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
強力なグラフィック機能を備えた組版処理システムTwightの開発
1.
筑波大学 情報学群 情報メディア創成学類
2.
筑波大学 情報学群 情報メディア創成学類
3.
未踏IT人材発掘・育成事業 採択 開発の経緯 ・独立行政法人 情報処理推進機構(IPA)のソフトウェア創成事業 ・未踏は結構組版をやっている IdeoType(2007),
evalbook(2010), SATySFi (2017), Twight (2020) 2020年6月21日 ~ 2021年3月12日
4.
5.
6.
7.
CSS組版 ・Webの高度なグラフィックス表現を享受可能 ・TeXよりも直感的(?)、コードがわかりやすい! Q. そもそもWeb用規格たるHTMLは、 組版に適しているのか? ➡
Web技術を踏襲した 新たな組版言語+処理系の開発 ・Webブラウザの表現の限界 (縁取りは? アピアランスは? CIDは?) ・ブラウザの互換性の問題 ―― CLI組版処理・WYSIWYGの折衷 課題 長所
8.
9.
10.
11.
12.
13.
14.
JSインタプリタ以外はフルスクラッチ実装
15.
16.
<text> 標準要素(テキスト描画を担当) <sub>, <h3>, <person>,
<affiliation>, <name>, <certification> 拡張要素(純粋なマークアップに利用) <?xml version=“1.0” encoding=“utf-8”> <document> <head> <style> … </style> </head> <collection> <page no=“0”> ページの中身 </page> <page no=“ … </collection> </document> 実際にコードを書いてみる ―― XML
17.
18.
19.
・<text> テキスト ・<br/><pbr/> 改行・改カラム ・<path><d>
ベジェ曲線 ・<img/> JPEG/PNG画像 ・<symbol/> オブジェクトのコピー Twightで雑誌誌面を組版する …1/2 レンダリングエンジン 最低限の機能をサポート Twightで定義されているXML要素(標準要素) その他の要素は自由に使用可能(拡張要素)
20.
Twightで雑誌誌面を組版する …1/2 <text thread=“abc”
no=“0”> 祇園精舎の鐘の声、諸行<br/>無常の響きあり、沙羅双樹の<br/> 響きあり、沙羅双樹の花の色<br>盛者必衰の理をあらわす。<cbr/> おごれる人も久しからず<br/>ただ春の夜の夢の如し<br/> たけき者もついには滅びぬ<br/>偏に風の前の塵に同じ </text> <text thread=“abc” no=“1”></text> レンダリングエンジンでのテキスト処理
21.
Twightで雑誌誌面を組版する …1/2 レンダリングエンジンでのテキスト処理 祇園精舎の鐘の声、諸行 無常の響きあり、沙羅双樹の 響きあり、沙羅双樹の花の色 盛者必衰の理をあらわす。 おごれる人も久しからず ただ春の夜の夢の如し たけき者もついには滅びぬ 偏に風の前の塵に同じ <br/>:break(改行) <cbr/>
column break:改カラム* *同一のthread名、連続するnoを有するtext要素に 後続するテキストを送る ➡ 改行位置を手動で指定する必要がある
22.
23.
24.
25.
実際にコードを書いてみる ―― CSS
26.
27.
実際にコードを書いてみる ―― CSS
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
今後の課題 ・組版処理に時間を要する e.g. 前述の雑誌組版:5秒/ページ程度 ・PDFの埋め込みサブセット対応 ・画像・EPUB出力等のサポート ・多言語対応 ・ライブラリの拡充 (ご質問等ございましたら @kyoto_ysfh
までご気軽にお願いします)
51.
オープンソース化への道 3. Twight /
Twipo (仮称) みなさまの温かいご支援・ご協力をお待ちしております レンダリングエンジン+標準ライブラリ 1. OTF/TTF decoder (仮称) ・Javaライブラリ:OTF/TTFデコーダー ・cmap, GSUB, GPOS, head, kern, maxp, name, OS/2, post, xhea, xmtx ・対応予定:CFF, glyh, VORG, BASE … 2. PDF formatter (仮称) ・Javaライブラリ:PDF生成 ・対応予定:埋め込みサブセット、不透明マスク、右横書き、目次、リンク …
Download now