マイコミジャーナル

知りたい!を刺激する総合専門サイト


  1. エンタープライズ

  2. JavaScript / CSS / HTML
  3. レビュー
  4. ドキュメントも充実「mootools 1.0」 - 軽量なAjax/JavaScriptライブラリ

【レビュー】

ドキュメントも充実「mootools 1.0」 - 軽量なAjax/JavaScriptライブラリ

1 mootoolsの概要と提供されているモジュール

2007/02/05

後藤大地

mootools - 軽量なAjax/JavaScriptライブラリ

ここでは、サイズの小さなAjax/JavaScriptライブラリである「mootools 1.0」(以下、mootools)の機能や使い方について解説する。mootoolsは、バージョン1.0がリリースされたばかりのライブラリで、ドキュメントが充実していることが特徴の一つである。

このmootoolsは、Valerio Proietti氏によって開発が続けられているAjax/JavaScriptライブラリである。The MIT Licenseのもとで、オープンソースソフトウェアとしてリリースされている。オブジェクト指向にのっとって開発されたモジュール形式のライブラリで、ダウンロード時に構成ライブラリを選択し圧縮率を指定して成果物を取得できるという特徴がある。

百花繚乱のAjax/JavaScriptライブラリ

Ajax/JavaScriptライブラリについては、現在、多数がリリースされている。2006年9月23日(米国時間)に公開された「Ajaxian.com 2006 Survey Results」の調査によると、サイズの小さいライブラリならばPrototypeやScript.aculo.usに根強い人気があり、フルフィーチャのライブラリならばDojoに人気があるという結果が出た。JavaからJavaScriptを生成して使うDWR(Direct Web Remoting)も勢いがあるし、Googleが提供しているGWT(Google Web Toolkit)もある。Ajax/JavaScriptライブラリは、百花繚乱の状況にあるのだ。

そのような状況の中で、現在、勢いのあるものを挙げると、mootoolsはもちろんのこと、iQuery、DWR、GWT、Dojoが代表的なものだろう。iQueryは1月14日(現地時間)に最新版となるjQuery 1.1を公開しているし、DWRは1月10日(米国時間)にTIBCO Softwareとの協力体制を発表している。GWTについては、2006年12月12日(米国時間)にOSSアプリケーションとして公開を開始しており、同月11日にはThe Eclipse Foundationに参加している。また、フルフィーチャのライブラリとしては、Dojoもリリースを重ねている状況だ。

mootools 1.0で提供されているモジュール

それでは、mootoolsについて具体的に見ていこう。バージョン1.0で提供されているモジュールは、以下のとおりである。

【コアモジュール】

  • Moo - 必須モジュール
  • Utility - ユーティリティモジュール

【ネイティブモジュール】

  • Array - 配列プロトタイプ(copy、each、test、remove)
  • String - 文字列および数値プロトタイプ(camelCase、capitalize、test、toInt)
  • Function - ファンクションプロトタイプ(create、bind、pass、delay、periodical)
  • Element - ダラーファンクションおよび便利メソッドモジュール(重要)
  • Event - イベントモジュール

【アドオンモジュール】

  • Common - AjaxおよびFxに共通のイベント/待ち行列モジュール
  • Dom - エレメントセレクタモジュール
  • Hash - オブジェクトラッパモジュール
  • Color - カラーモジュール

【ウィンドウモジュール】

  • Window.Base - Dom対応イベントを服務
  • Window.Size- ウィンドウ操作ファンクション

【エフェクトモジュール】

  • Fx.Base - アニメーションロジックモジュール
  • Fx.CSS - CSSアニメーションロジックモジュール
  • Fx.Style - CSSプロパティ変更モジュール(単一エレメント)
  • Fx.Styles - 同上(単一エレメント, さらに追加)
  • Fx.Elements - 同上(複数エレメントに対応)
  • Fx.Scroll - スクロールモジュール
  • Fx.Slide - スライドモジュール
  • Fx.Transitions - 移行期に使われたモジュール

【ドラッグモジュール】

  • Drag.Base - ドラッグモジュール
  • Drag.Move - 同上(さらに機能追加)

【リモートモジュール】

  • XHR - XMLHttpRequestラッパモジュール
  • Ajax - Ajaxモジュール(XHRモジュールの拡張)
  • Cookie - クッキーモジュール
  • Json - Jsonモジュール
  • Json.Remote - JavaScriptオブジェクト送受信モジュール
  • Assets - 外部ファイルロードモジュール

【プラグインモジュール】

  • Accordion - アコーディオンモジュール
  • Scroller - スクロールモジュール
  • Slider - スライダーモジュール
  • SmoothScroll - スムーススクロール
  • Sortables - リスト整列モジュール
  • Tips - ツールチップモジュール

2006年9月11日(米国時間)にリリースされたバージョンでは、15個のモジュールが用意されていた。一方、最近リリースされたmootools 1.0では35個のモジュールが提供されており、この4ヶ月ほどで20個のモジュールが追加されている。


特別企画

注目情報


特設サイトの必見情報



注目サイト