C.D.R. ニュース

HTML5/CSS3サイト作成

Mon, 08 Nov 2010 13:38:01 +0900

Internet Explorer 9のベータ版も登場し、HTML5やCSS Level 3にそれなりの関心が高まっているようなので、それらの技術を試してみるために「音の無いアルバム」というWebサイトを制作してみました。

サイトの掲載内容は、以前に書いたエッセーなのですが、HTMLのコーディングやスタイルシートでのデザインにHTML5とCSS3を使用し、現状（これらの技術は未確定の仕様です）での技術的な評価を行ってみました。

HTML5に関しては、単にサイトを作ったというだけでなく、「HTML5の技術・政治的考察」という評価記事も掲載してあります。もちろん、例によって技術的評価にはとどまらず、政治的な内容も含んでいるのでご注意ください。CSS3等については、後日、評価をまとめてみたいと思います。

また、IE 9 BetaではSVG形式の画像ファイルに（やっと）全面的に対応したので、SVG画像もサイトのデザインに多用しています。これらは、svg要素などでページに組み込むのではなく、スタイルシートのbackground-imageプロパティ値（background-image: url("images/beautiful.svg")といった感じ）で読み込ませています。こうしたSVG画像も含めサイトのグラフィックスは、当然、CorelDRAW X5で作成しています。CorelDRAWはSVGファイルへのエクスポートに以前から対応しているほか、X5ではピクセル単位での画像作成機能が改良されているので、X4以前よりもWeb画像作成に適しています。

なお、「音の無いアルバム」を完全に表示するためには、IE 9 Betaでも実は不完全で、開発者向けの「IE9 Platform Preview #6」が必要です。「開発者向け」ということで、Platform Preview #6には通常のインターフェイスが用意されていませんが、IE 8もしくはIE 9 Betaと共存させることが可能です。

IE 9 Betaは、SVG画像がきちんとキャッシュされないようで、同じSVG画像を使っているページを続けて開いた場合、その度ごとにページを手動で更新しないと、画像が表示されません。JavaScriptを使えば解決することができたのですが、後からリリースされたPlatform Preview #6では修正されたようなので、そのままにしてあります。なお、IE 8以下はSVG画像に対応していないので、PNG画像に置き換えて表示するようにしてあります。ゆえに、「音の無いアルバム」の閲覧には、Platform Preview #6が最適という次第です。もちろん、IE 9 BetaやIE 8、そしてその他のブラウザでも、それなりに（きちんと読める程度に）表示されます。

CorelDRAW Graphics Suite X5 日本語版発表会

Wed, 18 Aug 2010 19:25:00 +0900

本日、CorelDRAW Graphic Suite X5 日本語版の発表会が東京・青山ダイヤモンドホールで開催され、そこでデモを行ってきました。

CorelDRAW Graphic Suite X5の英語版は発売済みですが、そのSevice Pack 1の提供も開始されたタイミングで、いつものように日本語版も発表となりました。

デモは、X5の新機能のみに的を絞ったものではなく、私自身のイラスト制作技法に則って、「CorelDRAWの表現力を伝える」という内容にしました。具体的には、「見沼散歩」というWebページのデザインを構成し、そのページデザインとともに、配置したイラスト部品の制作ポイントを紹介する、といったものです。

見沼散歩

トンボ

バッタ

ヤブカンゾウ

氷川女體神社

これらは、今回のデモのために描き下ろしたものです。

サイト更新

Tue, 12 Jan 2010 22:24:58 +0900

昨年の途中から、長い間更新をサボっていましたが、2010年代に入ったのを機会に、とりあえずサイトのデザインを一新してみました。

ほとんどのページの横幅を、1680ピクセル以上のワイドディスプレイに合わせて拡大してみました。17インチクラスのいわゆるSXGA画面での表示では、収まりきらないデザインになっていて申し訳ありませんが、ワイドディスプレイ上での「なんだか表示がせせこましい」といった印象は、払拭できたと思います。

変更対象のページは100ページ近くあったのですが、そのうち60ページ以上はMicrosoft Expression WebのダイナミックWebテンプレート（DWT）を利用して作成してあったので、HTMLコードもCSSを差し替えるように一括変更が可能でした。もちろん、置換などの編集機能も併用していますが、これらの60ページより、テンプレートが適用されていない20ページほどの修正のほうが、手がかかってしまいました。ふだん、HTMLページの作成にはエディタを使っていますが、やはり、こうしたサイト全体の更新には、Expression Webのようなアプリケーションが便利です。

なお、当然ですが、新デザインの画像は、そのほとんどをCorelDRAWで作成しています。一部のビットマップ加工に、PHOTO-PAINTも利用していますが、基本的なレイアウトの構成から各パーツ画像の作成までを、CorelDRAWで作り上げたといっても過言ではありません。

ただし、HTML/CSSコードの記述は、CorelDRAWやPHOTO-PAINTではWeb標準のソースにはならず、そもそも論理的な文書構造やレイアウト構造を記述するには自分自身の（頭脳の）論理性に頼るのが一番なので、エディタでのいわゆる手打ちが主体です。

www.ne.jp、「安全なサイト」として回復

Wed, 18 Mar 2009 23:12:02 +0900

先に報告した、C.D.R.サイトの親ドメイン「www.ne.jp」が「安全ではないサイト」としてNorton Safe Webで警告される件ですが、プロバイダ（ASAHI-NET）より、問題を確認したとの連絡がありました。それによると、実際に、あるユーザーサイトにウイルス感染したファイルがアップロードされていたとのことです。

また、そのファイルは既に削除されているようで、現時点で既にNorton Safe Webは、www.ne.jpドメインを「安全なサイト」として報告しています。

というわけで、C.D.R.サイトも、晴れて「安全なサイト」となりました（もともと、安全なサイトです）。

「小次郎」イラスト完成

Sat, 07 Mar 2009 23:11:10 +0900

CorelDRAW国際デザインコンテストのために制作していた、愛猫「小次郎」のイラストが完成したので、早速、「イラスト全般＆美術」部門に応募しておきました。

このイラストは、以下の写真を構図の元として、すべてCorelDRAW X4で制作しています。

イラスト自体は、一種のリアリズムを追求していますが、上に掲載した画像を比較すればわかるように、元写真どおりに再現することを目指したわけではありません。写真の構図に合わせて全体的な輪郭をオブジェクトで構成した後は、いわば油絵で絵具を塗りつけるような感覚で、詳細なベクトルオブジェクトで飾り立てていきました。とはいえ、A4 300dpi（幅約3500ピクセル）程度のビットマップ画像に書き出さなければ、その質感は再現されません（上のイラスト画像は幅480ピクセル）。

なお、Webページ用JPEG画像に変換する際に、一度PHOTO-PAINT形式ファイルにして「アンシャープ調整」効果を適用していますが、イラストそのものはすべてベクトルオブジェクトです。毛並みの質感は、すべてCorelDRAWの機能で表現しています。オブジェクトの総数は46,886、ノードの総数は369,369となり、ファイルサイズは約16MB。等高線、ドロップシャドウ、オブジェクト透明、テクスチャ塗りつぶしといった効果も多用しているので、いつもどおり、ベクトル図形のイラストとしては巨大なサイズになっています。

ちなみに、今回の制作環境は、Windows 7 Beta 64bitでCorelDRAW X4日本語版を使用しました。実は、Windows 7の出来栄えに感動し、評価用サブPCだけでなく、私のメインPCもWindows 7 Betaに移行させてしまいました。その下で今回の”重い”イラストを作成したのですが、CorelDRAWは一度もエラーで落ちることはありませんでした。このイラスト作成を通じて、Windows 7の安定性と、CorelDRAW X4との親和性も、確認することができたわけです。それが、現時点での、最大の収穫でした。

あとは、私のイラストがどう評価されるのか、６月以降のコンテストの結果待ち、という次第です。

C.D.R.は「安全なサイトではありません」!?

Sat, 07 Mar 2009 20:55:21 +0900

昨日（3/6）発売されたシマンテック社のセキュリティ対策ソフト「Norton 360 Ver.3」ですが、このソフトの「Norton Safe Web」機能による解析では、C.D.R.サイトは「安全ではないサイト」と判断されます。

といっても、C.D.R.サイト自体（のフォルダとファイル内）にウイルス等の脅威が存在するわけではありません。同機能の解析によれば、C.D.R.が開設されているプロバイダ「www.ne.jp」内の別フォルダにある個人サイトに、トロイの木馬「Trojan.Maliframe!html」が存在しているとされています。

www.ne.jpは、ASAHI-NETとプロバイダ契約した個人ユーザーに提供されているホームページサービスのドメインで、各ユーザーのホームディレクトリに、C.D.R.のような個人サイトが独立して設置されています。ゆえに、同じドメインでも、ユーザーレベルでは、他の個人サイトとのファイルのやり取りはありません。ですから、C.D.R.サイトの閲覧によって「Trojan.Maliframe!html」の脅威にさらされることはありません。

Norton Safe Webは、ユーザーディレクトリの一部に脅威が存在する場合、そのドメイン全体を指して「安全ではないサイト」と判断するようです。まあ、それはそれで、正しい判断でしょう。なお、「Trojan.Maliframe!html」の情報は、シマンテック社のサイトに掲載されています。概要は、次のとおりです。

Trojan.Maliframe!html は、ブラウザを悪用する可能性がある有害な Web サイトへユーザーをリダイレクトする可能性がある有害なコードを含んでいる HTML ファイルに対する汎用検出名です。

ですから、当該ページを直接開かない限り、影響は受けないことになります。当然、C.D.R.サイト内のファイルには、そのようなコードは存在しません。

なお、問題とされるサイトのHTML自体に、ほんとうに有害コードが含まれているのか、それともNorton 360の検出ミスなのかは、現状では不明です。この件は、ASAHI-NETのサポートに報告してあるので、いずれハッキリするでしょう。ちなみに、今日の午後、サポートに連絡した時点では、この件は把握されていませんでした。まあ、Norton 360 Ver.3を使っている人は、まだ少ないのでしょう。

イラスト作成中

Fri, 06 Mar 2009 23:00:41 +0900

CorelDRAW発売20周年を記念する国際デザインコンテストとともに、今度はアジア太平洋地域を対象とした、「Corel Digital Art Competition 2009」も開催されるそうです。こちらは、Paint Shop Pro、PainterやVideoStudioといった、その他のCorelグラフィックス製品による作品も対象としていて、応募締め切りは国際デザインコンテストと同じ、5月31日です。

たしか、同様のアジア地域を対象としたコンテストも、つい最近までコーレル社サイトで告知されていましたが、それと同じコンテストなのでしょうか？

それはそれとして、コンテスト花盛りのコーレルですが、私は14年来のCorelDRAWユーザーですので、CorelDRAWおよびPHOTO-PAINTのみを対象とする国際デザインコンテストのほうに、惹かれるものがあります。というわけで、潔く国際デザインコンテストのみに、私は応募しようと思っています。その作品ですが、以下のように、完成に近づいてきました。

まあ、このサイズでは、「3」の段階と、完成直前の「4」との違いははっきりしませんが、それはまたの機会に。

CorelDRAW 20周年記念

Fri, 06 Feb 2009 21:19:47 +0900

今年は、CorelDRAWの「20周年記念」だそうです。それを記念して、記念版X4（英語版）が発売されるとともに、絶えて久しかった「CorelDRAW国際デザインコンテスト」が開催されます。締切は、2009年5月31日となっています。

制作したデザインやイラストは、CorelDRAW（.cdr）もしくはPHOTO-PAINT（.cpt）形式で応募します。それらの制作には、当然、CorelDRAW Graphics Suiteを使用することになりますが、試用版でも構わないそうです。詳細は、コーレル社のサイトで確認できます。

私も、ちょうど制作中だったこんな感じのイラストで、応募しようかなと思っています。

Windows 7 BetaとX4

Sat, 10 Jan 2009 16:02:58 +0900

Windows Vistaの次期バージョン、「Windows 7」のパブリックベータ版が、来週中にも一般公開／配布されるそうですが、一足早くTechNet Plusでこのベータ版を入手しました。そこで、このWindows 7 BetaにCorelDRAW Graphics Suite X4をインストールし、SP2も適用してみました。

なお、Windows 7 Betaはサブマシンにインストールしたので、試したX4は（サブマシン用の）英語版を使っています。

X4およびSP2のインストールは問題なく完了し、少なくとも起動、ファイル操作、カスタマイズといった作業は、正常に行うことができました。また、Windows 7の新しいタスクバーや、ジャンプメニューといった新インターフェイスにも、X4は適応しています。

まあ、製品版の登場は来年になると言われるWindows 7の話をしても、鬼に笑われるかもしれませんが、もともとWindows Vistaにしっかりと対応しているX4ですから、Windows 7でも大丈夫なのでしょう。

ちなみに、当然ですが、私はVistaもRC版以来愛用し、その機能と操作性を支持してきました。それを前提として、Vistaの進化形であるWindows 7に期待しています。

X4 Service Pack 2 提供開始

Sat, 10 Jan 2009 10:28:43 +0900

Corel社より、CorelDRAW Graphics Suite X4の最新修正プログラム「Service Pack 2」の提供が開始されました。現時点での提供元は、同社運営のコミュニティサイト「CorelDRAW.com」の当該記事に、リンクが掲載されています。ダウンロードされるService Pack 2セットアッププログラムは、「CGSX4SP2.exe」です。

この記事には修正内容等も記載されていますが、すべて英文です。また、適用可能な言語版の記載もありませんが、当方でX4英語版および日本語版にそれぞれ適用してみたところ、いずれもSP2に更新されました。つまり、SP2セットアッププログラムは、単体で各言語版に対応したもののようです。もちろん、当方でそれを保証しているわけではないので、原則としては、コーレル社のアナウンスを待ってから日本語版に適用したほうがよいでしょう。SP2適用後のバージョンは、「14.0.0.701」になります。

なお、SP2前に配布された「Service Pack 1」「Hot-fix 1」の修正内容は、すべてSP2にも含まれているので、これらの適用有無にかかわらず、日本語版にSP2を適用可能です（日本語版はもともとSP1相当です）。

ちなみに、SP2に更新すると、CorelDRAWやPHOTO-PAINTのWelcomeスクリーン「ギャラリー」には、ナビゲーションボタンが追加されます。SP2以前は表示毎に画像がランダムに選択されていたのですが、SP2では”ページをめくる”ことができるので、私の作品にも以前よりは簡単に表示できるようになりました。

Hot-fix 1 for CorelDRAW Graphics Suite X4 SP1

Sun, 12 Oct 2008 07:21:10 +0900

先に報告したMicrosoft SQL Server 2008によるCorelDRAW X4の不具合ですが、Corel社より「Hot-fix 1 for CorelDRAW Graphics Suite X4 SP1」の提供が開始され、これをインストールすることにより問題は解決します。

「Hot-Fix 1」のダウンロードは、CorelDRAW.comの以下の記事（英語）を参照してください。

http://coreldraw.com/blogs/gerard/archive/2008/10/09/hot-fix-1-for-coreldraw-graphics-suite-x4-sp1.aspx

対応言語は明示されていませんが、当方の英語版および日本語版にインストールできました。その後から日本語版環境にSQL Server 2008 Expressを導入しても、CorelDRAW X4が起動エラーを起こすことはなくなりました。ただし、日本語版へのインストールは、コーレル社のアナウンスを待ってから導入した方がよいかも知れません。

IE8 Beta2

Sun, 31 Aug 2008 12:25:31 +0900

8月28日にMicrosoft社のInternet Explorer 8 Beta2 日本語版が公開されました。

当C.D.R.サイトは、2006年1月以降、標準準拠のHTMLやCSSで記述するようにしているため、IE8 Beta2 でも概ね、問題なく表示されます。

しかし、一部のJavaScriptが正しく動作しないため、以下のページでは、IE8でIE7互換表示になるようにしています。

IE7互換表示にするため、これらのページにはmeta要素で次の指定を行っています。



<meta http-equiv="X-UA-Compatible"
 content="IE=EmulateIE7" />

CSS、スクリプトの解釈で、まだいくつかわからないところもあるIE8 Beta2ですが、それはWeb制作での問題であり、Webページを表示・閲覧するうえでは、Beta2とはいえ、非常に快適で便利なブラウザーに仕上がっています。C.D.R.サイトも、今後はIE8での表示を基準に、サイト制作を進めていきます。

チュートリアル「X4 テーブルツールの応用」掲載

Sun, 17 Aug 2008 21:39:39 +0900

2008年8月15日のCorelDRAW Graphics Suite X4 日本語版発売を記念して、「技術・技法」コーナーに、CorelDRAW X4のチュートリアル記事「X4 テーブルの応用」を掲載しました。下の完成見本と同じイラストを作るための、すべて手順を明示するとともに、機能の解説を行っています。

「テーブルの応用」と銘打っているので、いちおう、X4の新機能である「テーブルツール」に触れています。といっても、ふつうの表の作り方を解説しているわけではありません。完成見本のようなマス目を作るために、”応用”しているだけです。故に、全体をとおした内容は、CorelDRAW 全般の機能紹介といったところです。

SQL ServerによるX4の不具合

Fri, 15 Aug 2008 22:36:00 +0900

CorelDRAW Graphics Suite X4がインストールされている環境に、Microsoft SQL Server 2008をインストールすると、CorelDRAW／PHOTO-PAINTが起動しなくなるという問題が発生します。

先ごろマイクロソフト社が配布を開始した開発ツール「Microsoft Visual Web Developer 2008 Express Edition with SP1」には、オプションとして「SQL Server 2008 Express」が含まれますが、このSQL Server 2008をインストールしてしまうと、CorelDRAWやPHOTO-PAINTが起動直後に強制終了され、全く使えなくなってしまいます。

私の2つのパソコン環境（Vista Ultimate 32bitおよび64bit）で、それぞれX4英語版とX4日本語版が、起動できなくなりました。異なるPCで、ともにSQL Server 2008をインストールしたことによって発生したため、再現性は高いと思います。

まあ、Visual Web DeveloperやSQL Serverは開発者向けのもので、万人が使用するようなものではありませんが（私も、単に仕事で使う環境と同じにするためインストールしただけです）、現状では、X4と同じパソコンにSQL Server 2008を同居させることは、避けるしかないでしょう。

なお、Visual Web Developer 2008 Express SP1のみであれば、問題は起きません。また、Visual Web Developer 2008 ExpressとSQL Server 2005 Expressの組み合わせでも、問題は起きていませんでした。

「Web コネクタ」用メニュー

Sun, 10 Aug 2008 16:46:24 +0900

先の記事で触れた、「Webコネクタ」ドッキングウインドウから、Ｘ4 トレーニングビデオを開くためのメニュー（HTMLファイル）を作ってみました。下のリンクをクリックすると、ZIPファイルとしてダウンロードできます。

x4_videos.zip（12KB）

HTMLファイルの一覧

表示用のHTMLファイルは、以下の4つを用意してあります。

x4_videos_c.htm Cドライブ用
x4_videos_d.htm Dドライブ用
x4_videos_e.htm Eドライブ用
x4_videos_f.htm Fドライブ用

DVDから直接観る場合

自分のDVDドライブレターに合ったHTMLファイルを使用します。たとえばDVDがDドライブの場合は、「x4_videos_d.htm」ファイルを使用します。

「Webコネクタ」での開き方

使用するHTMLファイルを、任意の場所（たとえば「ドキュメント」フォルダの中）にコピーします。
コピーしたHTMLファイルをダブルクリックし、Internet Explorerで表示します。
ツールバーの「お気に入りに追加」ボタンをクリックし（もしくは[Ctrl]+[Z]キーを押す）、ドロップダウンメニューを表示します。
そのメニューの「お気に入りに追加」をクリック、「お気に入りに追加」ダイアログを開きます。
（必要に応じて「作成先」リストボックスから登録先を選び）「追加」ボタンをクリックして、お気に入りに追加します。
CorelDRAW X4を起動します。
新規ドキュメントを作成するか、既存のファイルを開きます。
メニュー「ウインドウ」-「ドッキングウインドウ」-「Web コネクタ」をクリック、「Web コネクタ」ドッキングウインドウを開きます。
「Web コネクタ」の「お気に入り」ボタンをクリック、メニューを表示します。
メニューから「X4 トレーニングビデオ一覧」をクリックします。

以上の操作で、「Web コネクタ」でHTMLファイルが表示されます。この中のリンクをクリックすると、（標準では）Windows Media Playerが起動し、そのビデオを観ることができます。

ハードディスにコピーしてみる場合

X4 DVDディスクのルートフォルダを開き、その中の「Videos」フォルダを、任意のハードディスクドライブのルートフォルダにコピーします。HTMLファイルは、そのコピーしたドライブに対応するものを使用します。たとえば、「Videos」フォルダをCドライブにコピーした場合は、「x4_videos_c.htm」ファイルを使用します。

「Web コネクタ」で表示する方法は、DVDから直接見る場合と同じです。

備考

DVDドライブがGドライブ以降の場合や、「Videos」フォルダを上記説明とは異なる場所にコピーしたい場合は、それに応じてHTMLファイルを編集してください。特にその編集方法は例示しませんので、HTMLソースコードを理解できる方のみ、自己責任で行ってください。

なお、HTMLソースコードの改変だけでなく、そのままの状態で本HTMLを利用した場合でも、そこから生じたいかなる損害に対して、当サイトおよび制作者（黒住浩司）は責任を負いません。