ブログトップ 記事一覧 ログイン 無料ブログ開設

まめ畑 このページをアンテナに追加 RSSフィード Twitter


2009-10-02 HTML5 3Days TechTalkに参加しました

[][]HTML5 3Days TechTalkに参加しました 20:55 HTML5 3Days TechTalkに参加しましたを含むブックマーク

html5-developers-jpの主催で行われたHTML5 3Days TechTalkに参加してきました。

グループ: html5j.org | Google グループ


HTML5で作るオフラインアプリケーション

  • Web Database
    • ドメインにより完全にDBが分かれる
    • 同期型・非同期型のAPIが提供されている
    • 非同期型のAPIを使用するとイベントハンドリングが面倒
    • Safari4Chromeの開発者コンソールにはDBタブがある
      • 補完がすごいよ!
      • Local Storage/Session Storageのカテゴリもある
  • Web Workers
    • 変数の共有が出来ない
    • DOMに触る事が出来ない(document, windowに触る事が出来ない)
    • Worker間のデータ共有
      • メッセージの送受信でデータのやりとりを行う
    • 現在のデバッガではWorkerの処理はデバッガで追えない
    • ログを表示したいだけなので、UI WorkerにメッセージをPOSTしないといけない
    • 「fakeworker.jsライブラリを作った。WorkerのAPIを実装
  • Alexing Framework
    • サーバ側でデータの衝突の検知機構について
    • 衝突を起こした際の処理はアプリケーションによって異なるため、Frameworkとして責任を持つのはデータの衝突が起こった際にその事をクライアントに返す事

Canvasチュートリアル

  • Canvasとは
    • Webページに図を描くためのAPI
    • canvas要素にAPIが用意されている
  • SVGとの違い
  • Canvas
    • JSを使って描画
    • 描いてしまった図は個別に認識出来ない
    • 描画そのものは高速
    • ピクセル操作が可能
  • IE以外は対応
  • ExplorerCanvasを使用すればIEでも使用可能(VMLを使用してエミュレート)
  • 描かれたテキストはビットマップとして組み込まれる
  • マイター限界比率
    • 線の半分の流さ * miterLimitで表される、マイターの限界
  • ピクセル操作の注意点
    • imagedataオブジェクトを手作りしない
      • createImageData()やgetImageData()を使う
      • OperaはcreateImageData()未実装
    • RGBの値を指定する時はparseIntを使用する
  • Q&A
    • Image Bufferは可能か?
      • その様な機能はないが、工夫次第で実装可能
    • Double Bufferingは可能か?
      • Canvas自身に機能は無いが、経験的では、よほど重い処理をしない限りちらつかない。これはブラウザで何かしらの処理を実装しているのかもしれない

今回のTech TalkはGoogleのオフィスで開催されました。

Google自販機や、キッチンみたいなスペースがある環境でGoogleらしい感じでした。


一緒に参加したid:Slightairid:Slightairのエントリ: HTML5 3days Tech Talk に参加してきた - にっき