MooTools

MooTools
開発元	MooTools開発チーム
最新版	1.6 / 2016年1月14日 (8年前)
リポジトリ	github.com/mootools/mootools-core;
プログラミング; 言語	JavaScript
種別	Ajaxフレームワーク / JavaScriptフレームワーク
ライセンス	MIT License
公式サイト	http://mootools.net
	テンプレートを表示

MooTools は、オープンソースの軽量でモジュラーなオブジェクト指向 JavaScript Webアプリケーションフレームワークであり、MIT License でリリースされている。その目的は、Web開発者にブラウザから独立したエレガントで柔軟で効率的なJavaScriptを書く手段を提供することである。MooTools には、CSS、DOM要素、ネイティブなJavaScriptオブジェクト、Ajax要求などを操作する組み込み関数がある。また、詳細なAPI文書が用意されており^[2]、開発の効率化に寄与する。

利点

MooToolsはネイティブなJavaScript以上の利点をユーザーに提供することを目指している。例えば、次のような利点がある。

拡張性があるモジュラーなフレームワークであり、開発者は使用するコンポーネントを選択できる^[3]。
オブジェクト指向の慣習とDRY原則に従う^[4]。
Flash開発者が使うような最適化された遷移を伴う特殊効果コンポーネントがある^[5]。
DOMを拡張し、開発者が容易にDOM要素を追加・更新・選択・削除できる^[6]。

コンポーネント

MooToolsには多くのコンポーネントがあるが、各アプリケーションで全てをロードする必要はない。コンポーネントは以下のように分類されている。

Core: 他のコンポーネントで必要となるユーティリティ関数の集まり^[7]。
Class: Classオブジェクト実装のための基本ライブラリ^[8]。
Natives: JavaScriptのネイティブオブジェクトの拡張。機能や互換性を強化し、新たなメソッドを追加し、コーディングを単純化している。
Element: HTML要素オブジェクトへの各種拡張と互換性強化^[9]。
Fx: 要素のアニメーション効果のためのAPI^[10]。
Request: XHRインタフェース、クッキー、JSON、HTML検索専用ツールなどを提供^[11]。
Window: ウィンドウサイズなどのクライアント固有情報へのインタフェース（ブラウザ非依存）^[12]。

ブラウザとの互換性

MooToolsは以下の各ブラウザのバージョンで評価し動作確認されている^[13]。

オブジェクト指向プログラミング

MooToolsは多くのオブジェクト指向言語と似たようなしっかりしたクラス生成と継承のシステムを備えている。例えば、以下は英語版Wikipediaにあるこちらのポリモーフィズムの例と同じことをMooToolsで実現したものである。

 var Animal = new Class({

    initialize: function(name){
        this.name = name;
    }
    
 });
 
 var Cat = new Class({ 
    Extends: Animal,
    
    talk: function(){
        return 'Meow!';
    }
    
 });
 
 var Dog = new Class({
    
    Extends: Animal,
    
    talk: function(){
        return 'Arf! Arf';
    }
    
 });
 
 var Animals = {
    a: new Cat('Missy'),
    b: new Cat('Mr. Bojangles'),
    c: new Dog('Lassie')
 };
 
 for(var animal in Animals) alert(animal.name + ': ' + animal.talk());
 
 // alerts the following:
 //
 // Missy: Meow!
 // Mr. Bojangles: Meow!
 // Lassie: Arf! Arf!

脚注・出典

外部リンク

[1] “MooTools Blog: 1.6.0 is out!”. 2016年5月19日閲覧。

[2] MooTools Documentation

[3] MooTools' Core Download Page

[4] MooTools Class Object

[5] MooTools' Effects (FX) Class

[6] MooTools' Element Class - A comprehensive list of Element manipulation methods.

[7] MooTools Core

[8] MooTools Class

[9] MooTools Element

[10] MooTools Fx Class

[11] MooTools Request Class

[12] In addition to getting the size for any Element, you can easily get the dimensions of the window.

[13] MooTools lists its compatibility on its homepage.

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

表話編歴 JavaScript
概念	文法（英語版） JavaScriptライブラリ控えめなJavaScript
エンジン	Carakan/Futhark/Linear B Chakra JavaScriptCore JScript KJS Narcissus Nashorn Rhino SpiderMonkey V8
コンパイラ	AtScript Babel ClojureScript CoffeeScript Emscripten Google Closure Compiler Google Web Toolkit Haxe JSX Kotlin Nim PureScript TypeScript
デバッガ	Firebug Google Chrome Developer Tools Internet Explorer Developer Tools Opera Dragonfly Visual Studio Visual Studio Express Visual Studio Code Web Inspector
エディタ	Atom Brackets Visual Studio Visual Studio Express Light Table Visual Studio Code WebStorm
サーバーサイド	Active Server Pages Bun CommonJS Deno Node.js Vert.x（英語版） Wakanda（英語版）
フレームワーク・ライブラリ	Angular/AngularJS Backbone.js Dojo Express.js Ext JS Google Web Toolkit jQuery Mobile KaTeX MathJax MochiKit MooTools Prototype React Vue.js Yahoo!ユーザーインターフェイスライブラリ
ユニットテスト	Jasmine（英語版） Jest Mocha（英語版） QUnit ユニットテスト・フレームワーク一覧
Docジェネレータ	JSDoc
コード解析	ESLint JSHint JSLint
パッケージ管理	npm NuGet
アプリケーションバンドラー	Webpack Vite esbuild
関連技術	Ajax CSS DHTML DOM HTML JSON JSONP WebAssembly asm.js（英語版）
人物	ジョン・レシグダグラス・クロックフォード（英語版）ブレンダン・アイクライアン・ダール
カテゴリコモンズウィキブックス Portal:コンピュータ

利点

コンポーネント

ブラウザとの互換性

オブジェクト指向プログラミング

関連項目

脚注・出典

外部リンク