« 2009年03月01日 - 2009年03月07日 | メイン | 2009年03月15日 - 2009年03月21日 »

2009年03月08日 - 2009年03月14日 アーカイブ

2009年03月12日

DITA コンソーシアムジャパン 設立記念セミナー 開催される

昨日(3月11日)DITAコンソーシアムジャパンの設立記念セミナーが開催されました。
定員約120人強の会場でしたが、150人近くの方にお集まりいただき、熱気あふれる雰囲気の中で、最後まで熱心に大勢の方にセミナーをご聴講いただきました。

DITAは、欧米では採用がかなり進んでいるようですが、日本ではまだまだという状況と思います。しかし、日本企業が今後とも世界の市場で発展していくためには、どうしてもマニュアルを初めとするドキュメントの生産方式を、属人的方式から、自動化の方向に転換していく必要があると思います。

DITAコンソーシアムジャパンでそういった方向へのお手伝いとしての活動ができればと思います。

200903111635000.jpg
※セミナーにおける発表場面

2009年03月13日

「CSS3によるプリントデザイン入門」第2版配布開始

本日より、「CSS3によるプリントデザイン入門」第2版を配布開始しました。

これは、CSS3を使った印刷ページデザインの機能について、CSS3の主なプロパティを取り上げて解説した小冊子です。

昨年12月から開催していますCSSセミナーにご参加いただいた方々に配布していました初版を編集専門家のご教授によりページレイアウトを見直し、さらに内容も一部改訂しました。

この冊子のコンテンツ自体XHTML 1.1(SVG、MathMLを含む)で記述しています。そしてCSS3スタイルシートを使って印刷デザインを設定してPDF化しました。それ自体がCSS3の機能のひとつのサンプルとなっています。

これまでは、紙の印刷物のみを配布していましたが、本日より、PDF版とソースのHTML+CSSスタイルシートの配布を開始します。

PDF版
ソース(HTML+CSSスタイルシート(ZIP形式))

このソースはAntenna House Formatter V5.0β版で組版してご覧頂くことができます。

Antenna House Formatter V5.0β版ダウンロード

日本ではこのような解説書がWebで配布されるのは初めてと思います。また、世界でも恐らく初めてではないでしょうか。

ぜひ、多くの皆さまにお試しいただければと思います。

2009年03月14日

コンピュータ画面での行折り返し問題、段組問題

昨日、Webを見ていましたら、「CSS 3の段組みと、その使いどころ」というブログページを見つけました。

CSS 3 の段組みとその使いどころ(段組指定例)

ブラウザでの多段組レイアウトの問題点として、スクロール回数が多くなること。コンピュータの画面の大きさや縦横比のバラエティが多いので柔軟なレイアウト設計が必要とのことです。段組をコンピュータの画面上で見やすくするには、MicrosoftのXAMLビューアのように表示Windowsのサイズに合わせて再描画するような仕組みが必要です。

これはHTMLに限らず、PDFでも同じ問題がありますね。それで思い出しましたが、最近、政府の法律がPDFで公開されているのは良いですが、用紙縦使い(ポートレート)で縦書しているので読み難いったらありません。この法律PDFを画面上で読むには1行毎に上下スクロールの繰り返しが必要で、読み難さは段組の比ではありません。

さて、本題に戻りますが、そのブログページに触発されて、以前に書いたWebページ「CSSによるプリントデザイン」の内容を改訂しました。

「CSSによるプリントデザイン」

序に自分でも段組を実践してみようと考え、印刷版の段組を使うCSSを作って指定してみました。
<link rel="stylesheet" href="../css/XMLPrint.css" media="print"/>
でリンクしてあります。

段組はスタイルシート上では、
.two-cols {
-ah-column-count: 2;
-ah-column-gap: 20pt;

を指定し、HTMLコンテンツ上では、段組する範囲を
<div class="two-cols">
・・・
</div>
で囲むだけです。

一般のブラウザでは表示できませんが、AH Formatterのデモページでご覧頂くことができます。
(ちなみに、接頭辞を-moz-にするとFirefoxでも段組が働きます。)

デモページ:http://cssfo.antenna.co.jp/demo2.php

一般のサイトを見るのフォームに
http://www.antenna.co.jp/XML/xmllist/CSS-Print.html
をコピペして、URLを送信を試してみてください。

とりあえず、ローカルで作成したPDF版もリンクしておきます。
ファイルをダウンロード

これを作ってみて、「未来のWebデザイナは、きっと日本語組版と印刷ページレイアウトの勉強が必須になるだろうな。」ということを感じました。今までは、読者に読み易いページデザインをどう作るかの勉強は出版関連デザイナだけの世界だったかもしれませんが、今後は、Webを作る人も勉強が必要ということです。今後とは、CSS3が普及した時代。

About 2009年03月

2009年03月にブログ「I love software!」に投稿されたすべてのエントリーです。過去のものから新しいものへ順番に並んでいます。

前のアーカイブは2009年03月01日 - 2009年03月07日です。

次のアーカイブは2009年03月15日 - 2009年03月21日です。

他にも多くのエントリーがあります。メインページアーカイブページも見てください。

Powered by
Movable Type 3.34