現在、米国Sun Microsystems (Sun)のIBMへの身売り交渉の話がかなり大きな話題になっています。しばらく前までは、IBMとの交渉が行なわれていましたが、4月7日にはIBMとの交渉は決裂したというニュースが流れています。こういう話は早期に決着を付けないと企業の体力はますます弱まってしまうのですが、それは分かっていても自分達の欲を捨てることができないのは人間の浅ましさ。
Sunといえば、オープン・ソースに最も熱心な会社の一つでありOpen Office.orgの最大のスポンサーであり、また、MySQLを買収したことでも有名。
さらにはOpen SolarisとしてOSまでオープン・ソースにしています。
ジョナサン・シュワルツ氏は、ソフトウェアを無償で提供することで開発者コミュニティを創造すると期待していたようですが、これは本当に実現できたのでしょうか？
ソフトウェア会社の経営をする立場からは、科学的に検証してみないといけないテーマです。
私自身は、ソフトウェアの無償提供は、ベンダーにとってもユーザにとってもハッピーな結果にはならないと思っていますが。

Tweet

いつもブログをお読みいただきありがとうございます。バックナンバーをご覧頂き易いように本ブログの記事一覧を次に用意しました。ご活用いただければ幸いです。
I love software!（ブログ）全記事一覧

Tweet

CSS2.1の表のレイアウトの方法は、(1) border-collapseプロパティで指定するborderの扱いと(2) table-layoutプロパティで指定する表の幅計算の方法で大幅に変わり、かなり複雑です。これを説明する例を作成してみました。次の図は同じXHTMLの表に4通りのレイアウト指定した結果です。

・オリジナルHTML
・AH Formatterで作成したPDF
表のスタイルを指定するCSS（一部）は次のようになっています。
○[Case 1] table-layout: fixed; border-collapse: collapse
.fixed-1 table {
table-layout: fixed;
margin: 5mm;
padding: 5mm;
border-top: solid 3mm gray;
border-left: solid 3mm gray;
border-bottom: solid 2mm gray;
border-right: solid 2mm gray;
border-collapse :collapse;
}
○[Case 2] table-layout: fixed; border-collapse: separate
.fixed-2 table {
table-layout: fixed;
margin: 5mm;
padding: 5mm;
border-top: solid 3mm gray;
border-left: solid 3mm gray;
border-bottom: solid 2mm gray;
border-right: solid 2mm gray;
border-collapse : separate;
border-spacing:2mm;
}
○[Case 3] table-layout: auto; border-collapse: collapse
.auto-1 table {
table-layout: auto;
margin: 5mm;
padding: 5mm;
border-top: solid 3mm gray;
border-left: solid 3mm gray;
border-bottom: solid 2mm gray;
border-right: solid 2mm gray;
border-collapse :collapse;
}
○[Case 4] table-layout: auto; border-collapse: separate
.auto-2 table {
table-layout: auto;
margin: 5mm;
padding: 5mm;
border-top: solid 3mm gray;
border-left: solid 3mm gray;
border-bottom: solid 2mm gray;
border-right: solid 2mm gray;
border-collapse : separate;
border-spacing:2mm;
}
(1) border-collapseの値がseparateかcollapseかによる主な相違点は、border-collapse: separateの時はセルの周囲のボーダーが独立になりセルとセルの間にborder-spacingで指定する空きができます。さらに、tableのpaddingが有効です。しかし、border-collapse: collapseの時は隣接するセルのボーダーが一つにまとめられます。さらにtableのpaddingもなくなります。
セルのボーダーをまとめるときの優先順位は次の通りです。
1) border-style: hiddenが最優先border-style: noneが最も優先度が低い
2) 幅の広い境界線が狭い境界線よりも優先される
3) 同じwidthをもつ境界線の中の優先度は、double > solid > dashed > dotted > ridge > outset > groove > inset
4) 色のみが異なる境界線の優先度は、cell > row > rowgroup > column > columngroup > tableとなりtableの境界が一番低い。
5) 同じ要素の種類が同じプロパティの線種をもつときは、横書きでは、左に行くほど、上に行くほど優先度が高い。
(2) table-layoutがfixedかautoかによる相違点は、fixedのときは列の幅はセルの内容に関わらず指定の幅になります。autoのときは指定された幅とセルの内容により自動的に幅を決定します。なお、fixedのときに列の幅の指定がないとき、表を包含するブロックの幅を使って表全体の幅の決定をするか、autoでセルの内容に合わせるかはどちらでも良いようです。AH Formatterは表を包含するブロックの幅一杯の幅にしています。しかし、ブラウザの実装は幅指定のない列の幅を小さくしているものが多いようです。

Tweet

4月より、アンテナハウスの製品を常備していただいているお店に、 （株）ビックカメラ ビックパソコン館 池袋本店 PCソフトコーナー様が新しく加わりました。
よろしくお願いします。
弊社製品の常備店はこちらでご紹介しています。
■製品常備店

Tweet

本ブログに、「PDFに出力」のボタンをつけました。先日（2009年03月26日）の「CSSPrint」ボタンと同じものですが、本ブログの記事を印刷用にレイアウトする簡単なCSSスタイルシートを作って、ブログのシステムの方に入れています。
皆さまもお試しいただけると幸いです。
以前に「PDF千夜一夜」でブログの印刷、書籍化の話題を取り上げました。
○2006年08月22日ブログをPDF化するサービス
○2006年08月23日ブログをPDF化するサービス・続き
この時に紹介しました例では、中にはXSL-FOをレイアウト指定に用いているものがありましたが、その他はレイアウト機能が比較的弱いものが多かったように思います。
CSS3をレイアウト指定に使う本ブログの方式は、これまでに方法とは格段に柔軟なレイアウト変更ができるメリットがあります。これから流行ると良いですね。
ところで、システムの問題とは別に、ブログを印刷（PDF化）するということになりますと、記事の品質を画面で見るのみよりも良くしなければならないことに気がつきました。これは大発見です。

Tweet

どうしたら、簡単にCSS3の便利さを体験していただけるかと頭をひねりました。
そこで、思いついたのがCSSPrintボタンです。
こちらで公開しています。
https://www.antenna.co.jp/AHF/
右上の［CSSPrint］ボタンを押すと数秒で
普通のWebページがCSS3でPDFになります。
※［CSSPrint］→［PDFに出力］に変更しました。

Tweet

Webはその起源と、PCのディスプレイ上でブラウザでビジュアルにページをナビゲートする方向で発展したという初期の経過から画面表示が主体になっており、印刷はほとんど忘れられています。
特に、最近はWebが企業の広告媒体化したために、Flash、JavaScriptでビジュアルなデザインが流行っています。
こうしたこともあり、Webデザイナは、ビジュアルデザインの研究はしても印刷の研究はおろそかなようです。各種の書籍にも、デザインの方法は書いてあっても印刷に関する解説はあまりありません。
それは、また、レイアウト指定言語CSSの印刷レイアウト指定機能のレベルが低く、一方で、ブラウザの印刷機能の実装があまりに貧弱である、ということも一つの原因です。
この結果、ほとんどすべてのWebユーザが印刷については悩んでいるという事実があります。Webの印刷機能に満足しているユーザは皆無と言っても良いのではないでしょうか。
こういう事実を、ソフトウェア・ベンダもWeb制作者も謙虚に反省する必要があるように思います。
CSS3の印刷レイアウト指定機能はDTP並みとはいかなくてもDTPに近いところまで進みつつあります。
「AH FormatterV5.0」のCSS3機能ですべてのWebユーザに福音となりたいものです。

Tweet

CSS スタイルシートではルールの組み合わせを適用する対象媒体を@media で指定します。
ページ媒体向けのルールは@media print を、画面表示向けのルールは@media screen を指定します。
この機能を使って、Webページを印刷するときに、レイアウト指定を切り替える例はブログなどでたびたび紹介されています。
ブログであまり取り上げられていない項目に、表示と印刷の時のマージンの問題があります。
これを説明する前に、次の図をご覧ください。
□ボックスの表示と印刷

CSS ではテキスト、図、表などの組版対象物はボックスとして配置されます。最下位の文字列を含むボックスから最上位のルート要素のボックスまで階層になります。出力先が画面のときはルート要素のボックスをウインドウに表示します。出力先がページ媒体のときはページボックスでページの雛形を設定し、ページ上に他のボックスを配置します。
□ページのマージンとbodyのマージン
ページのマージンは、各用紙の周囲に取られます。
bodyのマージンは、文書全体の周囲に取られます。
両方にマージンを指定すると、印刷ではマージンがその合計になってしまいます。
例えば、bodyの上マージンは、先頭ページ上マージン（のみ）に追加されます。
このことを考えますと、マージン指定は次のように切り替えるのが良いと思います。
@page {
margin:10% /*10%のマージンを仮に取るとして */
}
@media print { /* ページ媒体に適用 */
　body {
margin: 0%;
} }
@media screen { /* 画面表示に適用 */
body {
　margin: 10%;
　} }
HTMLをブラウザで表示して、印刷にはAH Formatterを使うときの話しです。
※ブラウザ印刷機能は@pageルールをほとんどまともに実装していないので、ブラウザで印刷する限りは、あまり関係ありません。

Tweet

「Antenna House Formatter V5.0」を来週月曜日3月23日より出荷開始します。
開発開始以来随分と長い期間がかかりましたが、漸く出荷開始の運びとなりました。
思えば、2006年10月のW3C Print Symposium 2006でCSSとXSL-FOの互換性を高めて欲しいと呼びかけて以来。長い道のりでした。
2006年10月20日　W3C Print Symposium 2006 (3) XSL-FOとCSSの互換性
2006年10月21日　W3C Print Symposium 2006 (4) XSL-WG
CSSとXSL-FO、この二つのスタイルシート仕様の溝は思ったより深いようです。具体的にはCSSのボックスモデルとXSL-FOのエリアモデルという基本的なモデルの違いが、いろいろなところに大きな影響を及ぼすようです。
XSL-FO2.0のドラフト作成も遅れているようです。ここでCSS3とXSL-FO2.0のモデルの統一を、再び、呼びかける意義があるのかもしれません。用途もユーザも違うので統一しなくても良いと言ってしまえばそれまでですが、開発会社にとっては二つのモデルへの対応は結構大変ですし、互換性があるほうが良いのは決まっています。
ちょっと先走ってしまいましたが、AH Formatter V5.0ではCSS3によるプリントデザインと称して、Webの制作と印刷物の制作の統合を呼びかけたいと考えています。

Tweet

現在開発中のCSS3ではページレイアウト機能が大幅に強化されています。
CSS3では印刷品質のレイアウト指定も可能となり、近く発売するAH Formatter V5で、HTML+CSS3から印刷物を作ることができます。
そうなりますと、現在一般に行なわれている、WebはHTMLのエディタで作成し、印刷物はDTPで制作するという２つの工程を統合して、HTMLを制作してWeb表示のレイアウトと印刷物用のレイアウトを切り替えるという方式で、２つのアウトプットができます。これにより真のワンソース・マルチユースが現実のものとなります。
このことを、実際にAH Formatter V5とCSS3について、実演を交えながら詳しくご説明するセミナーを、開催します。
詳細は次のページをご覧ください。
○Web表示と印刷の統合を実践　「CSSによるプリントデザイン」セミナー
また、「CSSによるプリントデザイン入門」の冊子も配布しています。
こちらをご覧ください。
○CSSによるプリントデザインの情報

Tweet