ツイート

まぁ、最近の世は「html5だ」「canvasタグが熱い」とか言ってるわけなんですが、

私はSVGの方が好きなんです。

上のサンプルはJPEGです。（SVGだと.1MBありましたので挫折）

ざっくり両者を比較すると、

html5のcanvasタグ

とりあえず、htmlで<canvas>って置いといて、あとはJavaScriptでゴリゴリ描いちゃおうぜ。

プログラムわかんない？じゃ、諦めて。

あと、基本ラスタデータだから拡大して綺麗に表示させたい時は再描画してね。

SVG（Scalable Vector Graphics）

とりあえず、xmlで定義しとくから、かろうじて人間でも読めるでしょ？

だから貧乏人はテキストエディタでゴリゴリ描いてね。

ベクタデータだから拡大しても綺麗だけど、表示小さくしたからといってファイルサイズは変わんないよ。

JavaScriptも書けるようにしといたから、書きたい人は書けば？

うーむ、ざっくりしすぎでしょうか？

コンセプトがまったく別物なので単純比較はできませんし、逆に住み分けの方が現実的です。

と、ここで結論づけてしまうとみもふたもないので、もう少しSVGについて詳しく主観的に続けます。

SVGは、2001年にW3Cから勧告されたものの、しばらくはまともに表示される環境がありませんでした。

一時期Adobeのプラグインが標準になりかけましたが、儲からないことに気づいた（？）Adobe社はさっさと撤退してしまいました。

実際ベクタデータが主流になっちゃうと困っちゃう人たちも多いんです。

そういうわけでSVGはオープンソース界隈でじわじわと浸透が進んでいきます。

現在LinuxのGUI環境ではSVGのアイコンが普通に使われています。

で、どちらかというとプログラマよりな私がSVGを好きな理由は、

「自分がデザイン触らなくていいから」

そう、楽なんです。

「サーバサイドでガーッとデータ取り出して、ネットワークでドバーッと流して、細けぇことはブラウザでやってくれぃ！」

って感じが最高です。

SVGにもJqueryみたいなものがあれば、一気に人気がでるのではないかと思っています（一部は動くらしいです）。

思ってるなら自分で作れと言われそうですが…。

と私が絶賛するSVGもInternet Explolerで実装されるのは、IE9以降です。

その他のブラウザはもっと早くに対応しています。

しかも、Windows7リリース時のウェブブラウザはInternet Exploler8。

で、そのWindows7のサポート終了は2020年1月（延長サポート）…………。

あと6年はSVGだけにターゲットを絞って開発とかはできなさそうです。

（もちろん専用アプリケーションは別です）

まぁ、html5はまだW3Cから正式勧告すら出ていない状況（2014年が目標らしいです）なので、html5だけにターゲットを絞れるのはいつになるやらわかりません。

それでも来たるべき日のために、仕事中にこっそりとSVGやらcanvasタグやらを技術検証しています。（※遊んでるようにも見えます。）