SVGをご存知ですか？
ついにiPhoneになりました、oginoです。
外出先でもPCと同等に調べものができるのは大きいですね！初めてひとりで飛行機に乗る機会があったのですが、最後に乗ったのが5年以上前だったので移動中に航空会社のサイトを熟読できたのには本当に助かりました。スマホゲームにのめり込むんじゃないかなと心配してましたが今のところは大丈夫そうです笑
SVGってご存知ですか？
最近、というより昨日から調べ出してる「SVG」規格、みなさまはご存知でしょうか。
2001年からW3C勧告として公開されており、ベクター画像を表示するのに適しております。
ベクター画像とは、ざっくり言ってしまえば点と線で構成された画像データです。
Adobe社のIllustrator等が代表的で、拡大・縮小を自由に行っても劣化しない利点があります。単純な図形やロゴなどが向いています。
10年以上前から存在するものの、長年Internet Explorerでサポートされていなかった等の理由で使われる機会が少なかったSVGですが、html5の普及とともに近年大幅に見直されています。
少し前にアイコンフォントが話題になりましたが、アイコンフォント以上に自由度が高いSVGが今後のあらゆるブラウザに対応するウェブサイトの重要な鍵になりそうです。
そこで気になる各ブラウザのサポート状況とシェア率について調べてみました。
2014年10月現在
| ブラウザ名 | SVG対応 | シェア率 | ||
|---|---|---|---|---|
| 画像 | エフェクト | favicon | ||
| IE | 9.0以上 | 9.0以上 （部分的サポート） |
未対応 | 39.26% |
| Firefox | 4.0以上 | 3.5以上 | 4.0以上 | 35.47% |
| Chrome | 7.0以上 | 4.0以上 （部分的サポート） |
未対応 | 15.3% |
| Safari | 5.1以上 | 4.0以上 （部分的サポート） |
未対応 | 7.8% |
| iOS Safari | 5.1以上 | 3.2以上 （部分的サポート） |
未対応 | ─ |
| Android Browser | 3.0以上 | 4.0以上 （部分的サポート） |
未対応 | ─ |
最新のメインブラウザ（スマホ含む！）ではどこでもサポートされいるのも、再評価の大きな要因ではないでしょうか。
faviconなんかは特に相性がぴったりだと思いますので、対応が待ち遠しいくらいです！
今後の為にも勉強しておきたいSVGの欠点といえば、紙の書籍に最新の改訂された書籍が見つからないことでしょうか...。おすすめのSVG書籍があったらoginoまでぜひ、ぜひ。
