The JUI 2009 Returns (JavaScript User Interface)

JavaScript jQuery jQueryUI イベント

The JUI 2009 Returns (JavaScript User Interface) : ATND

CSS Transforms, JavaScript IME, Explorer-like selection

Paul Bakaus

  • jQuery UIのメインcommiter
  • JavaScript UIのunittest frameworkを作ってる
  • 3Dの箱の表面にテクスチャ貼ったりテクスチャをごりごり動かしたり
  • 今はsmart.fmのflash UIをJavaScriptに置き換える仕事で来日
CSS Transforms
  • CSSだけで要素に角度付けたりとか回転したりとか
  • transformie
JavaScript IME
  • formにアルファベットを打ち込んでいくとカナに変換してくれたりする。
smart.fmの新UI
  • 凄い
  • データを持ってくるところ以外は全部JavaScriptで実装
  • 多言語化にもJavaScript側で対応
  • Firefox3.0等の古いブラウザだとFlashで対応
    • これまで:Flash前提、Flashが入ってない場合はHTML(ショボ目のUI)
    • これから:HTML5前提、使えないブラウザの場合はFlashを使用(やっぱりリッチ)
Explorer-like selection
  • 階層構造持てたり
  • shift+↑ or ↓で複数選択出来たり
  • 多段リストで一番右まで行ってまた→で次の段に行ったり
  • ctrl+dragで一気に選択して、ちょこちょこclickして選択を外したり
    • 馬鹿みたいにたくさん画像があっても使えるよ
JavaScriptの3Dライブラリ紹介
  • Canvas2Dで3Dを実現してる奴とか

O3D

Satoshi Ueyama

  • シーングラフAPI
    • OpenGLとかの上のレイヤ
  • O3Dを使うとCanvasで無理矢理3Dをやるより遥かに速い
  • 2DグラフィックスのAPIはしょぼいので平面上にポリゴンをぺたぺた貼ってく
    • ゲーム機でやってるのと一緒
    • 2,30角形で円を描画とか

PaulとGyuqueの3D対談

  • 3Dを実現する手段は乱立してて互換性がない
  • 差異を吸収するラッパーJavaScriptライブラリを作ってはどうか？
    • 例えばO3DとCanvasではレイヤが違う
      • O3Dが持ってる機能をCnavasを呼び出す側(JavaScript)でごりごり実装しないといけない
  • クロスブラウザの3Dライブラリを作る上での最大の問題は?
    • パフォーマンス
    • Flash以外でまともに普及してるのがない
      • 次にメジャーなCanvasでも相当マイナー

jjencode

id:hasegawayosuke

  • 記号でプログラミングww
    • 変態

Polyglot

id:TAKESAKO

  • 複数の言語処理形で動くプログラム
    • 変態
  • ppencode
  • 帰ってきたppencode

JavaScriptでもAR

Yusuke Kawasaki

  • 拡張現実
  • JSAR
    • FLARのラッパー
    • AR上でECとかどうよ？
  • LiveChromaKey
    • スライド内に発表者を合成
    • 発表者の指が画面端を触ると次のページに遷移とか
  • LivePointer
    • 色認識
    • 例えば指サックの位置を認識出来る

jQuery.ajaxクロスドメインplugin

Atsuhi Nagase

  • jQueryとswfobjectがあれば動く
  • jQueryのajax系メソッドがそのまま使える

YSlow

id:HolyGrail

jQueryのcustom eventとUIの部品化

発表しました
https://files.getdropbox.com/u/612874/slide/jui20090710/s6maker.html

  • jQueryUIも(1.7から？)custom event対応だってPaulが言ってた