HTML5 CONFERENCE 2013 に参加してきました
来ちゃった http://t.co/zGYCm0iuZT
— ゆうなんとか@初段3曲落ち (@yuu_hara) 2013, 11月 30
今日調布にあるNTT中央研修センタにて開催されたHTML5カンファレンスに参加してきました。
HTML5については何度かここに書いていますが、登壇者の方々はガチ勢が多数、分身できるならぜひやって聞いて回りたいようなセッションが目白押しでした。
まとめと言いますか、ツイートはこちら。
1stセッション:
マークアップは無法地帯ですよ #html5j_5c
— ゆうなんとか@初段3曲落ち (@yuu_hara) 2013, 11月 30
HTML5時代のマークアップを真剣に語り合うマークアップ部によるセッションです。HTML5の仕様は「実装が先」とのこと。多くのブラウザーが対応し、様々な場所で使われれば将来のバージョンで定義されるはずのものを前倒しで仕様に追加するなんてことをしているようです。「普及しないなと思ったら、新しいものをみんなで使ってください!」というスタンスです。
2ndセッション:
レスポンシブWebデザインのお話 #html5j_1a
— ゆうなんとか@初段3曲落ち (@yuu_hara) 2013, 11月 30
ビギナー向けのセッションでした。Media Queriesについてはここで書いた記憶がありませんが、Bootstrapユーザー(?)なので実現する為に必要な仕様については知っていました。ただ、どういう経緯で出現したのかについてはよく知らなかったので、それを聞けたのはよかったかなと思います。
3rdセッション:
Three.js 面白そうだった #html5j_2a
— ゆうなんとか@初段3曲落ち (@yuu_hara) 2013, 11月 30
プラグインフリーで2D、3DCGを使ったインタラクションを実現する方法を紹介するセッションでした。CreateJSはちょっと触って挫折した感がありますが、Flash Proと組み合わせて使うと大化けするらしいということがわかりました。Flashを作るような感覚でCanvasを用いたアプリケーションを作ることができるようです。
4thセッション:
そのスタイルは何から来ているのか分けていくのは大事、分け過ぎは禁物だけど… #html5j_1a
— ゆうなんとか@初段3曲落ち (@yuu_hara) 2013, 11月 30
CSSをどう書いていくか、実例とだめなやつを交えながら有用なプラクティスを紹介するセッションでした。ひとつの要素につけるスタイルを構造と表現に分けるのはもちろんですが、さらにどう分けていくか、その方法論をわかりやすく解説してくれました。
5thセッション:
CSSのコード量が漸増する緩やかな死(スイート・デス) ※今決めました が見える #html5j_1a
— ゆうなんとか@初段3曲落ち (@yuu_hara) 2013, 11月 30
CyberAgent「CSSがふくれあがると死ねるのでスタイルガイド作りましょう」 #html5j_1a
— ゆうなんとか@初段3曲落ち (@yuu_hara) 2013, 11月 30
私が参加した最後のセッションは、Gruntを使ってプロジェクトのめんどくさいところを自動化していこうというお話です。会社でよく使っているRailsのプロジェクトにそのまま組み合わせるのは難しそうですが、連携のコストが下がりそうなのでデザイナーとエンジニアが協業するのは楽になるのではないかなと期待しています。
また、4thと5thのセッションを通して、「スタイルガイドを作りましょう」「ページからスタイルを作っていくのではなくて、パーツを作ってページを作り上げていくようなスタイルの作り方をしてみましょう」と熱弁していました。要はドキュメントも含めて、Bootstrap的なものを先に作っておくのは悪くないよという感じなのかなと思いました。
ラストセッションは参加しませんでした。ちょっと早めに帰るつもりだったんですけどね…