MochiKit: 軽量 JavaScript ライブラリ

対応ブラウザ: 6+ 1.0+ 8.5+ 2.0+ 3.4+

ここ最近、prototype.js や scriptaculous.js に話題が偏りがちでしたが、MochiKit という JavaScript ライブラリも注目されています。（別に無視していたわけではなく、単に追っかけきれていないだけです。そもそも公開されているライブラリやフレームワークの数が尋常じゃないので..。cf. Round-up of 50 AJAX Toolkits and Frameworks）prototype.js や scriptaculous.js が Ruby on Rails のフロントエンドをサポートしているなら、MochiKit は TurboGears という、Python ベースの Web アプリケーション開発フレームワークのフロントエンドを支えています。

ブックマークレットを利用したデバッガや、データを昇順・降順に並べ替えられるソータブルテーブル、キーボード操作を意識した Web アプリケーション開発には欠かせないキーイベントの取得、ソースコードビューワーといったようなものまで、ごくごく簡単に設置することができるようになっています。

• MochiKit
• MochiKit Demo
• Google Groups: MochiKit

続きを読む "MochiKit: 軽量 JavaScript ライブラリ"

scriptaculous.js 関連 2題

今日は、prototype.js（クロスブラウザで Ajax をサポートする JavaScript フレームワーク）を利用して、さまざまイフェクトを提供する Script.aculo.us こと scriptaculous.js から。Ruby on Rails にも同梱されている、今をときめく JavaScript ライブラリなので、ご存知の方も多いのでは？

1. scriptaculous.js のカンペ - Scriptaculous Cheat Sheet
2. 画像に反射効果を出すリフレクタ効果 - script.aculo.us Reflector

続きを読む "scriptaculous.js 関連 2題"

Ajax in Action 邦訳本！

はてなの naoya さんの日記で知ったのですが（naoya さん、訳本のまえがきも書いてるようです）、Ajax in Action の邦訳本が出るんですね。

Dave Crane, Eric Pascarello, Darren James. Ajax in Action. Manning Publications, 2005-01.	柏原正三, 株式会社はてな（監訳）. Ajaxイン・アクション. インプレス, 2006-06.
特価 $28.32（$44.95）	￥4,998（税込）

前の職場で原書は購入していたんですが、読むどころか、Ajax の勉強そのものがままならないほど忙殺されていて、結局、読めずじまいでした。(T-T)

Amazon.com での評価が高かったのと、目次を見てみる限り、中身が概説書としてかなり充実していたというのが昨年 原書を購入した理由だったのですけど、日本語版、Amazon で ￥4,998 ですか..。間違いなく、これまで出ている日本語の Ajax 本の中ではもっとも概説書としてふさわしい内容になるとは思うんですけど、うーん、そもそも原書からして高いしなぁ。アメリカと違って日本は原則として書店割引できないし、仕方のない値段なのはわかるんだけど..。(^ ^;)

ま、開発者の方ならば、この値段に目をつむってでも迷わず「買い」だと思います。訳文の評価は発売前なので、まだ何とも言いようがありませんが、もし気になるようでしたら原書も併せて購入されるのが良いでしょう。

はてなで「Ajaxイン・アクション欲しい！」キャンペーンをやってますけど、はてなの会員じゃないとダメみたいで激しく残念。目下、自前の MT への移行準備中ということもあって、今、アカウントを作っちゃうと単なる冷やかしにしかならないしなぁ。(^_^;;ゞ

続きを読む "Ajax in Action 邦訳本！"

Spry - Adobe の Ajax フレームワーク

Adobe が Ajax 用のフレームワーク "Spry" を公開したようですね。目下、XML をベースとした、Photo Gallery, Product Table, RSS Reader の３点のデモが併せて公開されています。なお Spry 本体のダウンロードには Adobe の開発者向けアカウントが必要です。（登録は無料。メールアドレスと大まかな居住地の入力を求められます。）

続きを読む "Spry - Adobe の Ajax フレームワーク"

niftycube.js - 角丸効果 JavaScript ライブラリ

対応ブラウザ: （: 表示に乱れあり）

先日、"Nifty Corners Cube" という、ボックスの外枠に角丸効果を出すための JavaScript ライブラリを知りました。「え？今頃知ったの？」って方はともかく、「何でいまさら角丸効果を JavaScript で出す必要なんかあるの？！そんなの、CSS でできるじゃない？」と怪訝に思われる方もいるでしょうが、まずはこの niftycube.js の特徴をご覧あれ。

主要機能

• 文書構造上、無意味なブロック要素（div など）を HTML 上に記述することなく、単一の div 要素に対してでも角丸効果を出すことができる。
• （以前に紹介した behaviour.js のように）角丸効果を適用する場所を CSS セレクタで指定できる。
• CSS の背景色や背景画像などを niftycube.js が自動的に検出してくれるため、JavaScript の記述量が非常に短い。（JavaScript 初心者でも簡単に扱える。）

サンプル 1

サンプル 2

続きを読む "niftycube.js - 角丸効果 JavaScript ライブラリ"

邦人による Ajax 関連書

今日はかねてからずっと勉強しようと思っていた、Ajax 関係の積んどく本の中から。まだ斜め読みの段階なので、ひょっとしたら後で意見が変化するかもしれません。ま、第一印象ってことで。(^ ^;)

続きを読む "邦人による Ajax 関連書"

JavaScript ソースが HTML から消える日

［2006-06-10 付記］このエントリーは、2006-01-05 時点のもので情報が古くなってます。現時点で把握している最新情報を「続 JavaScript ソースが HTML から消える日」にアップしましたので、あわせてご参照ください。

Behaviour.js　― JavaScript ソースを (X)HTML から完全分離できるライブラリ

昨日、職場の同僚の人がたまたま見つけた JavaScript ライブラリを教えていただたんですけど、これがもうびっくり！なんと、このライブラリがあれば、イベントハンドラーも含めて JavaScript ソースが (X)HTML の body 内から、ほぼ完全に分離できてしまいます！ しかも、HTML 内で JavaScript 関数を適用する場所は、なんと JavaScript ソース内に CSS セレクタを書き込むことで指定！あまり日本では取り上げられていないようですが、設置も簡単だし、何より HTML ソースが劇的にすっきりするので、少なくとも僕はもうコイツを手放せなくなりそうです！

はっきり言います！この behaviour.js という JavaScript ライブラリと CSS セレクタで、html/body内の属性は class や id も含めて 90% 消せるようになります！（ IE を無視できればですけど..。(^ ^;) 別に無視しなくても、70～80% は消せるかと思います。）

続きを読む "JavaScript ソースが HTML から消える日"

Web 2.0 に重大な脆弱性

Web 2.0にセキュリティホール発覚 次期バージョンで改修

Web 2.0 にセキュリティホール？なんてネタが流れました。あくまでネタですが、多少リアリティがあります。（「セキュリティホール」云々はともかく、中身は半分以上事実に則してますし。こういうネタ、結構好きかも。(笑)

http://bogusnews.seesaa.net/article/10257876.html

続きを読む "Web 2.0 に重大な脆弱性"

工藤拓氏が IT Pro で Ajax の連載記事

最近、Google Suggest や Google Maps、G-Mail など、Google がやたらと火を付けてまわっている Ajax（"えいじゃっくす"と読みます）という技術がにわかに Web 業界で流行しつつあります。新しい技術なのかというと実はそうでもなくて、Ajax が Asynchronous JavaScript And XML の略であることからも察しがつくように、ただの JavaScript と XML のコラボレーションです（実は別に XML である必要はなくて、ただのプレーンテキストでも OK だったりします）。「ただの」とはいっても、JavaScript を使うというところがミソで、Asynchronously ― つまり非同期に裏でサーバーとやりとりをして、ブラウザの画面をリロードをせずにその結果を返していくことができます。見た目にサクサク動くので、ものすごく快適なユーザーインターフェイスが作れてしまうのが嬉しいところです。

日本でこの Ajax で

• Ajax を使った KWIC
• Ajax を使った日本語 Full IME
• Ajax を使った手書き文字認識

を相次いで試験的に公開するなど、最近 色々と面白いことをされているのが工藤拓氏なんですが、この工藤氏が最近、「作って理解する Ajax」 という連載記事を IT Pro で開始しました。

初回は Ajax と工藤氏が作成されたサンプルの紹介で終わってますが、ちょっと今後が楽しみですね。(^-^)

世界の新聞を快適に閲覧できる Ajax アプリサイト

Google Maps の話をしたところで、Ajax つながりでちょっと気になるニュースサイトの話をば。いや、ニュースサイトといっても正確には新聞（中国語でいうところの「报」（報）の方です。

画像データでみる最新新聞紙面

実は北米（カナダ・アメリカ）系のNewspaperDirect.com という企業のサイトで、PressDisplay というところがあります。ここは 55ヶ国225紙（2005年7月21日現在）の新聞の記事ではなく、紙面そのものを余すところ無くデジタル画像化しているサイトです。とはいえ、残念ながら日本の新聞は目下、スポニチと沖縄タイムズだけで、中国の新聞も英字新聞 2紙（中国日報と上海日報）だけしか公開されていません。（これだけは本当に残念ですが、今後に期待することにしましょう。ちなみに閲覧できる新聞の一覧が NewspaperDirect.com 社のサイトで公開されていますので、気になる方はそちらをご覧ください。）

実は高速・快適・ビューワーいらずの Ajax アプリ？

普通、新聞の紙面といえば、Flash や PDF も含めて専用のビューワーを使って閲覧しますが、ここでは特別なプラグインを導入することもなく、いきなりブラウザで紙面を見ることができます。紙面は多数の PNG 画像から成っていて、ユーザーは紙面をズームイン・ズームアウトしたり、スクロールしたりさせて見るんですが、驚いたことに、操作がかなり直感的にできてしまう上に、これがかなりスムーズに動作します。目下、NewspaperDirect.com 社のサイトに詳しい技術に関する説明を見出せすにいますが、おそらく Google Maps 似たようなしくみの Ajax アプリケーションだと思います。Flash も PDF も使わずに JavaScript でこれだけ快適なインターフェイスを実現してしまっている訳です。あらためてこの技術の応用の可能性を感じさせられます。

気になるサービス利用料は？

Los Angeles Times Metro や Washington Post など、 という印がついている新聞は、なんと記事内容の画像閲覧だけでなく、テキストを抽出したり、その内容を中国語などに翻訳する機能などもついています。このほかにも様々な機能が埋め込まれていますので、是非、関心のある方は一度おためしください。ちなみに利用条件は以下の通り。

利用プラン	Economy	Basic	Advanced
上限購読紙	31	70	120
購読料金月額（US$）	9.95	19.95	29.95
追加講読料金（US$）	0.75	0.75	0.75
ブックマーク	10	30	100
全文検索対象	single issue
バックナンバー（日分）	3	7	4

ただし、メールアドレスを登録すれば 7日間試用できる上、1面とサムネイルだけであれば登録しなくても誰もが閲覧することができます。