岩家.net

はじめに

東京小出張記最終回は，今回の小出張の 2大目的のひとつである The JUI 2008 Tokyo，このカンファレンスについてのお話，というか写真とメモ書きです．

そのときにメモったのをそのまま書きます．解釈が間違ってる部分もあると思いますが．．．

では以下．

Main Talks

Paul Bakaus - An in-depth look at jQuery UI

• 同時通訳アリガタス
•  
  • Snapping
  • Stack and Z-Index control
  • Relative / Absolute / Fixed
  • Constrain dragging
  • Winamp のように
• Drag & Drop
  • Dynamic helper creation
  • Distance and Delay
  • 意図せぬドラッグが起こらないように．
  • convertPositionTo
  • Dynamic acception
• Sortable
  • Nested and floating sortables
  • Interact with other plugins
  • Connect and serialize
  • Advanced callbacks
• Enchant your audience.
  • Core Effects
    • add/remove/toggleClass + transitions
    • morph / switchClass, effect
    • Intelligent color animations
  • Plug & Play
  • Extending UI
    • widget factory → $.widget
• A look into the future.
  • Webkit specific plugins
  • Rich layout controls
  • Themes
  • Tutorials

Q and A

• 開発のきっかけ？
  • 1年前
  • 相方（？）の時間がなくなってストップ
  • John からお願いされた
• 大規模（複数人）開発のポイント？
  • Syntax Guide や標準のライブラリを使うこと（他のプログラミングでも同じだけど）
  • フルタイムでの開発はPaulさんだけ
• script.aculo.us や Ext を意識している？
  • プロジェクトの存在はうれしい → インスピレーション
  • Dojo とかも
  • 競争相手がいることはうれしい
• 自慢のコード？
  • 誰も理解できないようなコードが好き
• これからの jQuery er への学習方法は，とにかく書いてみること？押さえるべきポイントは？
  • いろいろトライすることが大切
  • ドキュメンテーションからスタートするのもGood
• エディタは？
  • e → Windows用
• プログラミング歴？JavaScript歴？
  • 10年くらい
  • JavaScriptは5年くらい前
  • JavaScriptの前はPHP
• 実は日本語が少し話せる
• JavaScript2.0 について
  • Johnは支持している
  • 個人的には複雑な気分

amachang - プレゼンツールを作るときに考えたこといろいろ

• エフェクト
• ページ遷移エフェクト
  • 前，次，のページ要素だけを
  • スケール
    • サイズ系の値はすべて相対で
    • % をいったん em に変換し，em の値を動かす → 軽い
• ページ内エフェクト
• 軽さ（速さ）
  • 画面外は display: none
  • 1個の setInterval を全体で使い回す
  • DOM の値をできるだけキャッシュする
• その他
  • 縦横比を固定
  • スタイルは JavaScript で CSS に注入
• デバッグ時に考えたこと
  • 書いた後のピンポイントの高速化が重要
  • firebug のプロファイル機能
  • ピンポイントの計測に (function ___1(){ … })() で囲う → ___1 という名前でチェック可能

inucara - inucara.net について

• 札幌から！
• 2か月で7つのサービス
• 1日で6万アクセス！
• 原動力
  • 苛立ち
• サービス
  • 壁紙サーチ
  • SmoothTube
    • 世界一使いやすいけどあまりはやってないｗ
  • Hatebladder
  • 完璧画像検索
    • 1000ブクマ以上
    • 画像はサムネイルを見れば「あり」か「なし」かわかる
    • ノイズがあってもいいから，できるかぎり速く画像を見せる
    • 見る人の錯覚や思い込みもUIに取り込む！
  • Hatebladder2
  • Twitladder
  • Tumview
• ユーザビリティ向上の細かい話
  • 自動ページング
    • スクロールに会わせて現在位置を動的に更新（ページの概念がないので）
  • セレクトボックスにデフォルトで選択
  • ウィンドウサイズに合わせてサムネイルの列数を修正
  • 使い慣れたUIを踏襲する
  • 先読みとキャッシュ
  • スムーズな視線移動を助ける
    • スクロールの速度
    • さりげない補助線（ここまでスクロールするよ）

iandeth - リクルート WEBサービス UI Library でお手軽マッシュアップ開発

• たたみラボ
• リクルートWebサービスAPI
  • RESTful
  • 7000万リクエスト/month
• サービス間に共通しているUI
  • ページング
  • プルダウン選択
• UI Library → fuss-free!
  • プルダウン
  • ページング
• based on jQuery (>= 1.2.1)
• ページング計算
  • Data.Page @ JSAN
• 自動テスト
  • Test.Unit @ JSAN
• Mashup Award 4th 開催！

Lightning Talks

gugod - jFormino ～ declarative form generation ～

• Taiwan
• CPAN JavaScript::Writer Author
• JFormino: jQuery Form for Handlino
  • Dynamic form generator
  • カレンダー
  • css でスキン
• 業務上必要にかられて

noriaki - Greasemonkeyで jQueryと遊ぶ ～ Play jQuery Anywheere ～

• mootools?
• jQuery Loader を作ってみた
• ニコニコ動画の greasemonkey いくつか

Yoshimori KURISU - Colors in jQuery

• gihyo.jp で連載中
• 色を扱う jQuery プラグイン
  • きっかけは Google App Engine の色投稿サービス
  • 色の平均値
  • 色のソート

monjudoh - jQuery を浸かって Twitter クライアントを作る

• Taffy DB

Lightning Talks ～ Special ～

Ingy döt Net - Jemplate

• vroom
• YAML を作った 1人
• Jemplate
  • JavaScript generator for TemplateToolkit

mala - 本気でやるならinnerHTMLは避けてDOMを使うべき？

• innerHTML を使って文字列のハイライト
• array.join( ‘\u0000′ ).toString(); // ヌル文字
• addEventListener なイベントが消える

TAKESAKO - YAPC::Asia 2008 Tokyo

• YAPC::Asia 2008 TOKYO の映像が！

懇親会

• amachangさんと malaさんのイベントリスナーの使い回し（？）と速度に関するお話を聞いていた．イベントフロートかしっかり把握していないことには使いこなせないなぁ．．．勉強勉強！
• Paul は 22歳！
• inucara さんのユーザビリティに関するセンスは天性のものかも．というか，このカンファレンスのために上京ってスゴイ！
• monjudoh さんに TaffyDB について少々．
• SoftwareDesign 2008年6月号 をゲット．
• pythonista 発見．python やってみようかな．．．
• あまり食べてなかった気がする．

おわりに

ユーザインタフェイスな内容をメインとした勉強会・カンファレンスには参加したことがなかったので，新鮮かつ興味深い内容ばかりでした．

特に， inucara さんのユニークな（？）視点が印象に残っていたりします．普段は見落としがちな部分に対するほんのちょっとした工夫や気遣いひとつで，アプリケーションの操作性を格段に向上でき得ることを改めて知らされました．

都合さえつけば，今後もおジャマしたいものです．名古屋とかでもあるのかな．．．情報全然集めてないや＞＜

翌日，宿をチェックアウトして近くのエクセルシオールカフェ京橋中央通り店で一息．少しだけぶらり後，東京駅へ向かい，名古屋へと戻りました．

高レベルな Perl と JavaScript の空気に浸かり，いろいろな方と出会ってお話しできた約 5日間 （うち 2日間は引きこもり），まぁお金はいくらか飛んでしまいましたが，それ以上の価値を十分すぎるほど得られたと思っています．

まぁ，それを活かせるかどうかは今後の自分次第ですけどね．

おまけ

この辺に寄ってみたり．