タグ

ブックマーク / d.hatena.ne.jp/gyuque (7)

  • 普通の検索ボックスを作りました - 最速チュパカブラ研究会

    The JUI 2009 Returns で Paul が CSS Transforms をプッシュしていたので、それにつられてデモを一つ作ってみました。 http://gyu.que.jp/giftbox/google/ 見てのとおり、普通の検索ボックスです。 普通にクエリ入力できます 普通に検索結果を見られます 箱の中にまた箱があることもあります。 …という感じで、また3Dネタですが、単なる画像ではない「生きている」HTML要素がグリグリ画面上を動き回れるというのは、何か新しいことができるんじゃないかという可能性を感じます。Canvas のほうは環境マッピングとかやって見た目は派手でしたが、いずれ O3D やら 3D Canvas やらが普及するまでの「つなぎ」です(だから、ライブラリ化したりする気がおきなかったんですが) しかし、IFRAME を変形させながらネストしてもしっかりレン

    普通の検索ボックスを作りました - 最速チュパカブラ研究会
  • Mozilla Party 10 の資料 - 最速チュパカブラ研究会

    Mozilla Party 10 でcanvasの話をしてきましたので資料を公開します。 http://www.slideshare.net/gyuque/mozilla-party-2009-canvas-programming デモは以下のURLにあります http://gyu.que.jp/jscloth/touch-opera-gecko.html 海外からのゲストのために通訳がついていたのですが、ボランティアの学生さんだったそうです。普通にお金を出して依頼したものだと思っていたので、閉会の挨拶のときに知ってびっくりしました。 会場の質問で Flash と比べてどうなんだと聞かれ、今の時点では、自分が仕事で Web ページを作る立場だったら無難に Flash を使うと答えました(「ねる。」はあくまで趣味なので、IE なんて気にせず canvas を使えたわけです)。 悲しいことに、

    Mozilla Party 10 の資料 - 最速チュパカブラ研究会
  • AutoCompletize - 最速チュパカブラ研究会

    こんなものを作っています(Alphaぐらい) ↓クライアント http://coderepos.org/share/browser/lang/javascript/userscripts/autocompletize.user.js ↓データベース http://wedata.net/databases/AutoCompletizeIndex/items http://wedata.net/databases/AutoCompletizeDic/items AutoPagerizeと同じように外部にDBを置いて、いろんなサイトに入力補完を後付けしようという話です。が、XPath式をサッと書くだけで対応が完了するAutoPagerizeに比べると、わざわざ辞書データを作ってくれる人がいるのかという問題がありますね。

  • Spark勉強会 JSplashの資料を公開+α - 最速チュパカブラ研究会

    A Brief Introduction in English JSplash is a conversion tool, that converts SWF movies to javascript. Converted script renders shapes with SVG and rewrites ActionScript dynamically to run on browser's JS Engine. You can see a demonstration at http://www.libspark.org/svn/ruby/jsplash/trunk/client2/demo_20081001.xml Left one is a screenshot of the movie running on JSplash. And right one is running o

    Spark勉強会 JSplashの資料を公開+α - 最速チュパカブラ研究会
  • 「最速インターフェースの研究と実践」メモ - 最速チュパカブラ研究会

    昨日のSIGHCIのメモです。 最速インターフェースの研究と実践: ライブドア mala氏 まず、自己紹介を兼ねて概論 ブログ「最速インターフェース研究会」 WebのUIの進歩の停滞に対する批判を込めて名付けた 自分の肩書きは「インターフェースエンジニア」 よいUIを作るために「実体験に基づいたチューニングをしている」 自分で使ってみる ユーザの反応を見る 欲望に忠実に作る 作業としては、perl, html, jsの記述 「実のところ、プログラミングに詳しいと言える自信はないし、デザインのことも深くはわからないが、一人で一通りこなせる(完成品を作れる)という点は自分の強み。 よいUIを作るための作業は横断的。割り当てられた仕事をするだけの人ではダメ。」 作品紹介 2ch最速検索 キーボード操作だけでスレッド検索 まだAjaxは使っていない 「めくり型」UIの実験 スクロールしながら読むよ

    「最速インターフェースの研究と実践」メモ - 最速チュパカブラ研究会
  • 「しょぼいカレンダー」用グリモン 「syobocalplus」 - 最速チュパカブラ研究会

    せっかくCodeReposに登録したので、userscriptを投下してみました。「しょぼいカレンダー」という、アニメ・特撮・オタ向け番組に特化した番組表サイトのためのグリモンです。 http://svn.coderepos.org/share/lang/javascript/userscripts/syobocalplus.user.js ここで「しょぼいカレンダー」の素晴らしさを語りだすとキリがないので、このスクリプトの機能だけ紹介しときます。 局別色分け機能 放送局ごとに色を割り当てて、各番組のボックスに帯を付けます。 局別非表示機能 放送局ごとに番組を隠すことができます。

    「しょぼいカレンダー」用グリモン 「syobocalplus」 - 最速チュパカブラ研究会
  • anxdk@?

    Firefox 1.5でSVGが標準でサポートされたので、それを使ってちょっと作ってみました。XMLとScriptingのみで実装されており、FlashやJavaを使用していない点がウリです。http://www.kb.kutc.kansai-u.ac.jp/~fa20071/maps/usageFirefox 1.5を含むSVGが有効なMozilla専用です。速度の問題上、WindowsのGDI+実装をお薦めします。かなり重いので、ウィンドウのサイズを小さくする事をお奨めします。私の手元ではかなり安定して動いていますが、念のため落ちても大丈夫な状態で試してください。上部の検索ボックスは飾りで、まだ機能しません。ダブルクリックで移動(センタリング)、縦方向ドラッグで高度の変更、横方向ドラッグで回転です。物のMapsと同様に動的に画像を補完しますので、初期状態で表示されている梅田周辺以外の

  • 1