SVGを使用してる企業・団体のサイトを22ヶ国、160件以上調べてみた - 聴く耳を持たない(片方しか)

このダイアリーでは過去に何度かSVGの記事を書いているのですが、それに対する反響で SVGって未だに使ってるところを見たことが無い とか いつになったら使えるようになるのか 永遠に普及しなさそう みたいな意見をよく見かけます。 そうした反応にカチンときた……というほどではないのですが、納得してもらうには実例を挙げて反論するのが分かりやすいだろうな、と考えてSVGの利用状況を調査してみました。 かといって個人サイトの利用例を挙げるだけでは説得力がないでしょうから、著名な企業や団体でのSVG採用事例をリストアップしてみた次第です。 そしてもう一つの動機として、Webサイトの制作現場でSVGの導入を検討する際に、同僚や上司、またクライアントからの同意を得る・説得する手段としても、既に実際に利用している企業や団体を提示できれば話を進めやすいだろうな、……といった狙いもあります。 例えば あの有名な

[rikuo]

代替・フォールバックの手法は後日まとめる予定ですが、最も多いのは http://modernizr.com/ ですね。この中では少なくとも57件で利用があります。分かりやすく参考になる例ならヒラリー氏 https://www.hillaryclinton.com/ のロゴとか

[hatenablog]

企業・団体ということなのでサービスはまた別かとはおもいますが、はてなブログのヘッダーメニューでもSVGを採用しております。

[toaruR]

最近の癌は古いIEよりAndroid2系。

[tihata]

まぁまぁ多い、調べるの大変そう!!

[ABA]

SVGはちゃんといろんなサイトで使われているよという話。ロゴ、グラフ、マップあたりで使われるのが多いのかしらん

[efcl]

SVG利用事例まとめ

[richard_raw]

お疲れ様でした。けっこう使われてるんですね。

[sometk]

あんまり考えないで使うものなのかな。

[yuhiisk]

なるほど

[Aoba]

動的なコンテンツに使われている事例は未だに多くない様子

[sin20xx]

まぁネガティブな意見の人の多くは、自分が使わない（使えない）ので普及していない＝利便性が低い、という思考なんだろうね。そもそもWEB上で利用される規格なんて大抵は機能と理解と普及にはギャップがあるものだが

[kuracom]

とても参考になる。ありがたや。 / IE8を尊重するなら、ソース上はPNG等の画像で記述し、JavaScriptでSVG使えるか判定して置換するのが良いのかな。

[timetrain]

国内対応が遅れているのは古いIE対策かな

[t_motooka]

ありがたい調査。みんなもどんどんSVG使おう！！

[kijtra]

スマホサイトにバリバリ使ってるなあ。SVGを10px四方ぐらいで作って広げて表示してる。

[hihi01]

きれいなんだよね。

[wonderword22]

SVNとまちがえた

[psne]

普及しているのですが、代替方法が分からないパターンかと思っていました。お疲れ様です／はてなブログはサービスなので、今回は除外な感じ

[glat_design]

国内外の2015年時点での実用事例まとめ /

[fut573]

各ページのie対策がどうなってるのかが気になるな。どの方法がスタンダードなんだろう