1日1tech

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  1. --/--/--(--) --:--:--|
  2. スポンサー広告|
  3. トラックバック(-)|
  4. コメント(-)

script.aculo.us & prototype.js

最近話題のフレームワーク Ruby on Rails にはいっているらしい、ajax な処理とか視覚エフェクトの JavaScript のライブラリ「script.aculo.us」を試してみました。
とりあえずデモをざっと眺めてみる...prototype.js をベースにして、それを拡張しているのか...ふむふむって感じで15分くらいいじってたら、アンカー移動をスムーズに行うような処理をくっつけることができました。

簡単にまとめておくと、上記の処理だけなら

  • prototype.jp, scriptaculous.js を読み込み
  • 今まで <a href="#ANCHOR"> としてたところを <a href="#" onclick="new Effect.ScrollTo('ANCHOR',{duration:1.0}); return false;"> に書き換える

だけ。これだけで初心者には迷う原因になりやすいアンカーのリンクが、するすると位置関係の把握しやすいナビゲーションに変身です。うあ、duration まで指定できるのか。
他の機能はまだ試してないのですが、ブラウザ上の要素をドラッグ&ドロップして並び替えができるメソッド(3年程前に、HTMLだけではできないってクライアントにいってたよ、やべ)やスライダーコントロール、PowerPoint みたいな文字の視覚効果など、ajax なアプリを作るときに使えそうな機能が盛りだくさん。
これを使って、ごりごりと自前でコーディングというよりは、Ruby on Rails とかのフレームワークでお行儀よく使うのがいいんだろなぁ。
Ruby は初心者だけど、Software Design でも特集されてたし今度試してみよう < RoR


はてな技術発表会日記:script.aculo.us
http://hatena.g.hatena.ne.jp/hatenatech/20051111
私がこれを知ったのは、はてなさんが社内勉強会を動画でアップしてくれたおかげ。
スポンサーサイト
  1. 2005/11/30(水) 21:17:24|
  2. develop|
  3. トラックバック:0|
  4. コメント:0

コメント

コメントの投稿

管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://miyana2m.blog2.fc2.com/tb.php/141-e11877d8
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。