強火で進め

このブログではプログラム関連の記事を中心に書いてます。

「HTML5: W3C Widget とその応用を考える会」に参加して来ました

HTML5

2010年5月27日開催 HTML5 TechTalkスペシャル
http://docs.google.com/View?id=dfwmsc7v_132gnp58vhp

書き留めた範囲で書いときます。色々と抜けてますことご了承下さい。

W3C Widget、どこが面白い？（W3C Widget開発入門） - ダニエル・デイビス

プレゼン資料(PDFファイル)

http://people.opera.com/danield/presentations/widgets/widgets-why_ja.pdf

  • モバイルで利点が大きい。
  • DLデータサイズが小さくなる。
  • Opera 9.6.4
  • OSから独立して動作
  • W3C版のファイルアクセスはFile APIを使用する流れになりそう

設定ファイルのXML仕様

Widget Packaging and Configuration
http://www.w3.org/TR/widgets/

viewmodes="widget"→閉じるボタンなどの要素がすべて無い
viewmodes="application"→閉じるボタンなどが有る

  • PreferenceForKey(Opera専用、W3C版には無い)→Local Storage
  • zipで圧縮して拡張子を.wgtに変換したものをアップ→DL or ブラウザにドラッグでインストールできる
  • ランタイムがインストールしてあればOpereがインストールされていなくてもOK。
  • クロスドメイン指定も可能。

physicSketch on iPad - あんどうやすし

physicSketch for iPadCommentsAdd
http://d.hatena.ne.jp/technohippy/20100528#1275061401

クレヨンフィジックの様な物理エンジンを使ったWidget。凄かったんですがそのWidgetのURLは不明(公開されてないのかも？)。

RobinとWidgeon - 藤沢 淳

プレゼン資料

Robinとwidgeon
http://www.slideshare.net/shumpei/robinwidgeon

  • Widgetランタイム
  • Widgeton、最新の仕様には対応してない部分もある。心有る人はパッチ送って

widgeon - Project Hosting on Google Code
http://code.google.com/p/widgeon/

xhr2 streaming + Twitter w/ iPad - 小松健作

プレゼン資料

http://www.slideshare.net/KensakuKOMATSU/xhr2-steaming-twitter-with-ipad

  • xhr2 streaming
  • TwitterのStream APIを使いサーバで取得したつぶやきをブラウザにxhr2 streamingでストリーミング。

Closure Libraryを使用したドローツール - 伊藤 千光

  • SVGで描画するアプリを作るためのライブラリ
  • SVGやPNGで保存可能
  • 読み込みは今のところテキストエリアに貼り付け

※Closure Library関連サイトについて調べてみました。

Closure Library を使うべき 10 の理由 - WebOS Goodies
http://webos-goodies.jp/archives/10_reasons_why_you_should_use_the_closure_library.html

closure-draw - Project Hosting on Google Code
http://code.google.com/p/closure-draw/

SVGをCanvasに描画

canvg - Project Hosting on Google Code
http://code.google.com/p/canvg/

Canvas を使ったゲームWidgetの作成 - 太田昌吾

プレゼン資料

Canvasでピクセル操作 by os0x
http://ss-o.net/game2d/tech.html

  • 普通にピクセルに書き込む方法だと遅い
  • CanvasからByteArray一度に読み込み、加工後に書き出す

※(筆者注)これによりCanvasへのアクセスが2度で済む。特に書き込みのタイミングではおそらく内部的にロックが行われている可能性が高いのでこれは大きな効果がありそう(実際に比較が有りましたがかなりの速度差でした)。

JavaScriptによる「パーティクル崩し」など

Pixel Works
http://ss-o.net/test/game2d/

iPadと電子出版とHTML5 Widgetと - 中島聡

  • Appleは家電の世界を取ろうとしてるのでは？
  • リーダーを乱立させて将来、読めなくなる様な事に成らないようにHTML5上にリーダーを作ろう
  • HTML5上にビューアを作ればフォーマットは統一する必要は無い
  • Canvasに描画するより、CSSでアニメーションした方がバッテリーが持つのでは(おそらくGPUが効くのではいか？)
  • バッテリーが持つのはモバイルでは重要
  • 中島さんが作成しているiPadアプリ、Cloud Readerの話
  • Cloud ReaderでWidgetが動く
  • 現在はURL指定でのダウンロードには未対応(現在対応中)
  • iTunesでドラックする方法でインストール可能

質問タイム
Q:WidgetにDRMは？
A:DRMはWidget自身でやらずに1つ上のレイヤーで

関連サイト

Life is beautiful: iPad上でHTML5 Widgetを走らせて遊ぼう
http://satoshi.blogs.com/life/2010/05/ipad_and_widget.html

「HTML5:W3C Widgetとその応用を考える会」開催フォトレポート (いちてく)
http://sites.google.com/site/ichi3tech/201005/201005311

おまけ

今回の会場(休憩室？)に有ったGoogleの自動販売機。一瞬、Google仕様かと思ったんですがよく見るとステッカーが貼って有るだけでしたw
しかし、値段の部分の表記は無いですね。日本のGoogleも米国と同様社員は飲み放題なんでしょうね。