「HTML5+IE9 Web Camp 2 with html5j.org」に行って来ました
HTML5+IE9 Web Camp 2 with html5j.org - Microsoft Web Platform
http://www.microsoft.com/japan/web/webcamp2/default.aspx
Togetterのまとめ。
HTML5+IE9 Web Camp 2 with html5j.org - Togetter
http://togetter.com/li/228624
メモした内容を書いときます。
- 電話番号の書式は国によって異なるので標準でのサポートは無し。正規表現にて指定する。
- 日本の場合はこんな感じ → pattern="\d{2,4}-\d{2,4}-\d{4}"
- 入力補助 list="mskkweb" と指定、入力補助の候補は <datalist id="maskkweb" というタグに一覧として記述。
Internet Explorer: Testing Center
http://samples.msdn.microsoft.com/ietestcenter/
- 例えばテキストシャドーのサンプルページではリアルタイムに影の長さや色などを変更可能で、その状態のCSSも表示される。
Hands On: text-shadow
http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/hands-on_text-shadow.htm
- 再生位置とキャプション(字幕)の位置を連動させる。字幕を動画の右に一覧表示し、特定の字幕をクリックするとその字幕の位置に動画の再生位置を移動するというデモ。
IE10 Video Captioning
http://ie.microsoft.com/testdrive/Graphics/VideoCaptions/Default.html
- アップロードしたファイルの内容をバイナリ(16進)で表示。
Binary File Inspector
http://ie.microsoft.com/testdrive/HTML5/TypedArrays/
- F12 Developer ToolsでWeb Workerのデバッグが可能
- きちんとブレークポイントで停止する。整合性を保つ為、すべてのWeb Workerが停止する
- 脆弱性が見つかった為、多少仕様を変更した→経路によっては通過出来ない事があり得る事に
- WebSoketに対応しているプロバイダ
- Pusher←下りのみ対応
- Joyent, Node Ninjaなど
- FF XIII-2とIE9がコラボしたFF XIII-2のキャンペーンサイトを制作した時の話
- GoogleMapが有料に
- イラストで地図→店舗が100件くらい有る様な場合は難しい→OpenStreetMapのサイトからSVGをDLして地図をつくろう
OpenStreetMap Japan | 自由な地図をみんなの手に/The Free Wiki World Map
http://openstreetmap.jp/
- IEでは動画を使った部分の動作が遅かった。
- スマホ版も製作中。来週中くらいにリリース？
関連情報
ピン留め機能を試してみました。IEからタブをドラッグして登録するみたいです。右クリックすると登録されているURLの一覧からすぐにそのページへ移動可能です。
IE9 の固定サイト（ピン止め機能）の開発者向け資料 - Shigeya Tanabe's blog - Site Home - TechNet Blogs
http://blogs.technet.com/b/stanabe/archive/2010/12/27/documents-for-ie9-pinned-sites.aspx
