めざましTech

ご無沙汰しています。

SVG は新しい技術ではありませんが、最近けっこう注目されています。私もちょっと触ってみています。今のところは SVG のゲームと位置情報のデモだけですが、勉強するにはよく参考にする3つのホームページを見つけました。自分はまだ初心者レベルですが、ここで私にとっての最も役に立つ資料を紹介したら面白いかなと思いました。下記の資料は全部英語ですが、コードが多いなので文章を読まなくても勉強になるでしょう。

• SVGBasics
  それぞれのページは短いですが、SVG の基本ならとても見やすいです。タグ名の綴りや属性の使い方を忘れた場合は役に立ちます。
• carto:net
  上記の SVGBasics ほど見やすくないですが、説明は細かく書いてあります。私がよく読む部分は Manipulating SVG Documents Using ECMAScript です。なぜなら Internet Explorer 9 は SVG をサポートしますが、アニメーション用の SMIL は対応していません。このため、IE でも動く SVG のアニメーションを作りたいのであれば、JavaScript を利用する必要があります。
• SVG Essentials
  さすが O'Reilly さん。本全体をオンラインで公開しています。相変わらずとてもプロフェッショナルな感じであり、コードの事例や画像が多いです。ちなみに印刷版もあります。

Opera の社員ですからもちろん弊社の開発者向きの SVG 記事集も忘れずに。最後に、右上の画像は Nicu Buculei さんの作品であり、無料な SVG 画像をたくさん提供しています。

他の資料、又は参考にできる事例をご存知であれば、是非コメントでお知らせください！