-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathslide.html
207 lines (207 loc) · 12.4 KB
/
slide.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Vivliostyleの2022年開発計画を展望する</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Shinyu Murakami">
<link rel="stylesheet" href="theme-slide/theme.css">
</head>
<body>
<section style="letter-spacing: -0.02em" id="vivliostyleの2022年開発計画を展望する" class="level1">
<h1 style="letter-spacing: -0.02em">Vivliostyleの2022年開発計画を展望する</h1>
<p>2022-04-23<br>Shinyu Murakami<br>Vivliostyle Foundation</p>
</section>
<section class="level1 toc" role="doc-toc" id="目次">
<h1 class="toc" role="doc-toc">目次</h1>
<ol>
<li><a href="#vivliostyle-pub">Vivliostyle Pub、2022年ついに公開！</a>
<ol>
<li><a href="#pub-alpha">Vivliostyle Pubアルファ版公開</a></li>
<li><a href="#pub-features">Vivliostyle Pubでできること</a></li>
<li><a href="#pub-dev-plan">アルファ版の主な制限と、今後の開発</a></li>
<li><a href="#pub-print-book">Vivliostyle Pubで作った本の印刷製本には</a></li>
<li><a href="#pub-thanks-contrib">Vivliostyle Pubの開発貢献者たちに感謝！</a></li>
</ol>
</li>
<li><a href="#pub-rel-projects">Vivliostyle Pubを支える関連プロジェクト</a>
<ol>
<li><a href="#themes">Vivliostyle Themes スタイルテーマ</a></li>
<li><a href="#cli">Vivliostyle CLI コマンドラインツール</a></li>
<li><a href="#vfm">VFM (Vivliostyle Flavored Markdown)</a></li>
<li><a href="#sitegen">Vivliostyle Sitegenと、Vivliostyle公式サイトやドキュメント類の刷新</a></li>
</ol>
</li>
<li><a href="#js">Vivliostyle.js:CSS組版エンジン(Core)およびViewer</a>
<ol>
<li><a href="#core">Vivliostyle.js CSS組版エンジン(Core)</a></li>
<li><a href="#viewer">Vivliostyle Viewerの機能向上</a></li>
</ol>
</li>
<li><a href="#thanks">Thank you! Contributors, Sponsors, and Partners</a>
<ol>
<li><a href="#thanks-all">Vivliostyleは皆様に支えられているオープンソース・プロジェクトです</a></li>
</ol>
</li>
</ol>
</section>
<section id="vivliostyle-pub" class="level1">
<h1>Vivliostyle Pub、<br>2022年ついに公開！</h1>
<section id="pub-alpha" class="level2">
<h2>Vivliostyle Pubアルファ版公開</h2>
<p>CSS組版で本を作るWebアプリVivliostyle Pub、ついに公開！</p>
<p>アルファ版: <a href="https://vivliostyle-pub-develop.vercel.app/">https://vivliostyle-pub-develop.vercel.app/</a></p>
<p>ユーザーガイド: <a href="https://vivliostyle.github.io/docs-vivliostyle-pub/">https://vivliostyle.github.io/docs-vivliostyle-pub/</a></p>
<figure>
<img src="img/screenshot-vivpub.png" alt="Vivliostyle Pubで執筆中の画面" height="200">
<figcaption aria-hidden="true">Vivliostyle Pubで執筆中の画面</figcaption>
</figure>
</section>
<section id="pub-features" class="level2">
<h2>Vivliostyle Pubでできること</h2>
<ul>
<li>無料、インストール不要、Webブラウザだけで本が作れる</li>
<li>組版結果をプレビュー確認しながら執筆・編集ができる</li>
<li>簡易なマークダウン記法で原稿が書ける
<ul>
<li><a href="https://vivliostyle.github.io/vfm/#/ja/vfm">VFM (Vivliostyle Flavored Markdown)</a></li>
</ul>
</li>
<li>ページデザインは、テーマから選べる
<ul>
<li>既存テーマをカスタマイズしたり自分でCSS書いてもよい</li>
</ul>
</li>
<li>Webフォント対応</li>
<li>GitHub利用。原稿変更履歴がGitHubに保存される</li>
<li>多数の原稿からなる出版物制作、その共同編集作業も可能</li>
<li>PDF出力、Web出版物(WebBook)、EPUB生成（予定）</li>
</ul>
</section>
<section id="pub-dev-plan" class="level2">
<h2>アルファ版の主な制限と、今後の開発</h2>
<p>まだアルファ版なので出来てない機能や制限が多々あります。<br>以下は、今はまだないけれど今後開発予定の機能の主なもの</p>
<ul>
<li>スタイル・テーマの設定、カスタマイズ機能</li>
<li>目次作成を簡単に</li>
<li>表紙の作成を簡単に</li>
<li>プレビューをファイル単位でなく出版物全体でも可能に</li>
<li>プレビューをページ表示とスクロール表示の切り替え可能に</li>
<li>印刷用PDFと閲覧用PDFなど、目的別のPDF出力の設定</li>
<li>EPUB生成機能、EPUBやWeb出版物での作品公開を簡単に</li>
<li>出版物メタデータの設定・編集機能</li>
</ul>
</section>
<section id="pub-print-book" class="level2">
<h2>Vivliostyle Pubで作った本の印刷製本には</h2>
<p>Vivliostyle Pubで作った本の印刷製本がスムーズにできるよう、印刷製本サービスの<a href="https://pod.mybooks.jp/">mybooks POD</a><small>（欧文印刷株式会社）</small>と提携。</p>
<figure>
<img src="img/mybookphoto.jpg" alt="Vivliostyle → mybooks PODで印刷製本した本の見本" height="150">
<figcaption aria-hidden="true">Vivliostyle → mybooks PODで印刷製本した本の見本</figcaption>
</figure>
<ul>
<li>Vivliostyle Pubから提携先サービスに繋げるようにする予定</li>
<li>印刷製本、電子書籍配信等、提携に関心あればご連絡下さい</li>
</ul>
</section>
<section id="pub-thanks-contrib" class="level2">
<h2>Vivliostyle Pubの開発貢献者たちに感謝！</h2>
<p>Vivliostyleの他のプロジェクトと同様、Vivliostyle Pubはオープンソースでボランティアの開発貢献者たちで開発されてます。</p>
<p>
<img src="img/pub-contributors.png" height="330" style="float: right; margin-bottom: -50px">
</p>
<p>開発協力者募集！</p>
<ul>
<li><a href="https://github.com/vivliostyle/vivliostyle-pub/graphs/contributors">Vivliostyle PubのContributorsをGitHubで見る</a></li>
</ul>
<p>
<img src="img/pub-contribution.png" alt="この2年間のコミットのグラフ" height="160" style="margin-left: 0"><br>
</p>
</section>
</section>
<section id="pub-rel-projects" class="level1">
<h1>Vivliostyle Pubを支える関連プロジェクト</h1>
<section id="themes" class="level2">
<h2>Vivliostyle Themes スタイルテーマ</h2>
<p>これからの課題:<br><a href="https://github.com/vivliostyle/themes/issues">https://github.com/vivliostyle/themes/issues</a></p>
<ul>
<li>実用的なスタイルテーマの充実</li>
<li>カスタマイズしやすいしくみを作ること</li>
</ul>
<p>など。</p>
</section>
<section id="cli" class="level2">
<h2>Vivliostyle CLI コマンドラインツール</h2>
<p>これからの課題:<br><a href="https://github.com/vivliostyle/vivliostyle-cli/issues">https://github.com/vivliostyle/vivliostyle-cli/issues</a></p>
<ul>
<li>EPUB生成をサポート</li>
<li>出力PDFに境界ボックス（TrimBox、BleedBoxなど）付加</li>
</ul>
<p>など。</p>
</section>
<section id="vfm" class="level2">
<h2>VFM (Vivliostyle Flavored Markdown)</h2>
<p>これからの課題:<br><a href="https://github.com/vivliostyle/vfm/issues">https://github.com/vivliostyle/vfm/issues</a></p>
<ul>
<li>v2.0の開発
<ul>
<li><a href="https://github.com/vivliostyle/vfm/issues/45">パーサーに使用しているremark-parseを更新</a></li>
<li><a href="https://github.com/vivliostyle/vfm/issues?q=is%3Aopen+is%3Aissue+milestone%3Av2.0.0+label%3Aspec">要望の多いMarkdown拡張記法の追加</a></li>
</ul>
</li>
</ul>
<p>など。</p>
</section>
<section id="sitegen" class="level2">
<h2>Vivliostyle Sitegenと、Vivliostyle公式サイトやドキュメント類の刷新</h2>
<p>Vivliostyleで使うMarkdown記法をVFMとして定めたので、Vivliostyle公式サイトやドキュメント類を書くのにもそれを使いたい！</p>
<p>そこで、VFMで書いてWebサイトを作成するための、静的サイトジェネレーターVivliostyle Sitegenが作られました：<br><a href="https://github.com/vivliostyle/vivliostyle-sitegen">https://github.com/vivliostyle/vivliostyle-sitegen</a></p>
<p>今後このツールを使って、Vivliostyle公式サイトやドキュメント類を刷新していく予定。WebサイトをそのままVivliostyle CSS組版でプリント・レイアウトにするのも簡単に。</p>
</section>
</section>
<section id="js" class="level1">
<h1>Vivliostyle.js:<br>CSS組版エンジン(Core)およびViewer</h1>
<section id="core" class="level2">
<h2>Vivliostyle.js CSS組版エンジン(Core)</h2>
<p>これからの課題:<br><a href="https://github.com/vivliostyle/vivliostyle.js/issues">https://github.com/vivliostyle/vivliostyle.js/issues</a></p>
<ul>
<li>
<p>Webブラウザで利用できる標準のCSS機能がVivliostyle.jsで利用できない問題が残っているのを解消:</p>
<ul>
<li><a href="https://github.com/vivliostyle/vivliostyle.js/issues/539">Support CSS Grid Layout</a></li>
<li><a href="https://github.com/vivliostyle/vivliostyle.js/issues/540">Support CSS custom properties (variables)</a></li>
</ul>
<p>など。CSSプロパティ処理を刷新し、ブラウザのCSS機能をVivliostyleでフルサポートできるように。</p>
</li>
<li>
<p>ページ、段組の組版処理を刷新して、<a href="https://github.com/vivliostyle/vivliostyle.js/issues/579">ルートやbody要素以外に指定された段組で起きていた不具合</a>を解消。</p>
</li>
</ul>
</section>
<section id="viewer" class="level2">
<h2>Vivliostyle Viewerの機能向上</h2>
<p>Vivliostyle Viewerを電子出版ビューアとして用いるニーズから、これまでも次のような機能向上をしてきました：</p>
<ul>
<li>目次パネルからのナビゲーション</li>
<li>スライドバーでのページ移動など操作性の向上</li>
<li>テキスト検索機能</li>
</ul>
<p>2022年、さらなる機能向上を予定しています。お楽しみに。</p>
</section>
</section>
<section id="thanks" class="level1">
<h1>Thank you! Contributors, Sponsors, and Partners</h1>
<section id="thanks-all" class="level2">
<h2>Vivliostyleは皆様に支えられているオープンソース・プロジェクトです</h2>
<p>開発貢献者たち、スポンサー、協力者の皆様に感謝します！</p>
<p>使ってくれて不具合の報告や要望を書いてくれる皆様にも感謝</p>
<ul>
<li>コミュニティ→ <a href="https://vivliostyle.org/ja/community/">https://vivliostyle.org/ja/community/</a></li>
<li>あなたも Vivliostyle のスポンサーになりませんか→ <a href="https://vivliostyle.org/ja/sponsors/">https://vivliostyle.org/ja/sponsors/</a></li>
</ul>
<p>Vivliostyleのサービスやプロダクトをビジネスで利用する上での相談なども歓迎します。ぜひお問合せください。</p>
<p>私たちについて→ <a href="https://vivliostyle.org/ja/about-us/">https://vivliostyle.org/ja/about-us/</a></p>
</section>
</section>
</body>
</html>