本稿では、Chrome+HTML5 Conferenceで開かれた2つのハンズオンについてレポートします。 HTML5/CSS3/JavaScriptのブラウザ実装が進化してきて、リッチなWeb UIを実装することが可能になってきました。特に大きな特徴として、プラグインを必要としないアニメーションを実装できるCanvas/SVGや今まで画像頼りであった綺麗なボタンなどを画像もプラグインもなしで実装できるCSS3があります。これらをはじめて使う方々向けの2つのハンズオンが行われました。なお、両ハンズオンとも講演中の映像や資料は公開されておりません。 JavaScript初心者のためのSVG/Canvasアニメーション入門 1つ目のハンズオンは、羽田野太巳さんによるSVG/Canvasアニメーションについてです。 まず最初にCanvasとSVGの、次の2点の違いを言及しました。 Canvasは
![ハンズオンレポート | gihyo.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf901ddd87b67759c436fad47248c90d35f7e93a/height=288;version=1;width=512/https%3A%2F%2Fgihyo.jp%2Fassets%2Fimages%2FICON%2F2011%2F854_chrome-html5-conference-03.jpg)