MooToolsのソースを表示

{{Infobox Software
| 名称                   = MooTools
| 開発元                 = [http://www.mootools.net/developers MooTools開発チーム]
| 最新版                 = 1.6
| 最新版発表日           = {{release date|2016|01|14}}<ref>{{cite web |url=http://mootools.net/blog/2016/01/14/mootools-1-6-0-release |title=MooTools Blog: 1.6.0 is out! |accessdate=2016/05/19}}</ref>
| 種別                   = [[Ajax]]フレームワーク / [[JavaScript]]フレームワーク
| プログラミング言語     = [[JavaScript]]
| ライセンス             = [[MIT License]]
| 公式サイト             = http://mootools.net
}}

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

== 利点 ==
MooToolsはネイティブなJavaScript以上の利点をユーザーに提供することを目指している。例えば、次のような利点がある。
* 拡張性がある[[モジュール|モジュラー]]なフレームワークであり、開発者は使用するコンポーネントを選択できる<ref>[http://mootools.net/core MooTools' Core Download Page]</ref>。
* オブジェクト指向の慣習と[[Don't repeat yourself|DRY]]原則に従う<ref>[http://docs.mootools.net/Class/Class MooTools Class Object]</ref>。
* [[Adobe Flash|Flash]]開発者が使うような最適化された遷移を伴う特殊効果コンポーネントがある<ref>[http://docs.mootools.net/Fx/Fx MooTools' Effects (FX) Class]</ref>。
* [[Document Object Model|DOM]]を拡張し、開発者が容易にDOM要素を追加・更新・選択・削除できる<ref>[http://docs.mootools.net/Element/Element MooTools' Element Class - A comprehensive list of Element manipulation methods.]</ref>。

== コンポーネント ==
MooToolsには多くのコンポーネントがあるが、各アプリケーションで全てをロードする必要はない。コンポーネントは以下のように分類されている。
* '''Core''': 他のコンポーネントで必要となるユーティリティ関数の集まり<ref>[http://docs.mootools.net/#Core MooTools Core]</ref>。
* '''Class''': Classオブジェクト実装のための基本ライブラリ<ref>[http://docs.mootools.net/Class/Class#Class MooTools Class]</ref>。
* '''Natives''': [[JavaScript]]のネイティブオブジェクトの拡張。機能や互換性を強化し、新たなメソッドを追加し、コーディングを単純化している。
* '''Element''': [[HTML要素]]オブジェクトへの各種拡張と互換性強化<ref>[http://docs.mootools.net/Element/Element MooTools Element]</ref>。
* '''Fx''': 要素のアニメーション効果のためのAPI<ref>[http://docs.mootools.net/Fx/Fx MooTools Fx Class]</ref>。
* '''Request''': [[XMLHttpRequest|XHR]]インタフェース、クッキー、[[JavaScript Object Notation|JSON]]、[[HyperText Markup Language|HTML]]検索専用ツールなどを提供<ref>[http://docs.mootools.net/Request/Request MooTools Request Class]</ref>。
* '''Window''': ウィンドウサイズなどのクライアント固有情報へのインタフェース（ブラウザ非依存）<ref>[http://docs.mootools.net/Element/Element.Dimensions#Element:getSize In addition to getting the size for any Element, you can easily get the dimensions of the window.]</ref>。

== ブラウザとの互換性 ==
MooToolsは以下の各ブラウザのバージョンで評価し動作確認されている<ref>[http://mootools.net/ MooTools lists its compatibility on its homepage.]</ref>。
* [[Safari]] 2+
* [[Internet Explorer]] 6+
* [[Mozilla Firefox]] 2+
* [[Opera]] 9+
* [[Camino]] 1.5+

== オブジェクト指向プログラミング ==
MooToolsは多くの[[オブジェクト指向言語]]と似たようなしっかりしたクラス生成と継承のシステムを備えている。例えば、以下は英語版Wikipediaにある[[:en:Polymorphism in object-oriented programming#Examples|こちらのポリモーフィズムの例]]と同じことをMooToolsで実現したものである。

<source lang="javascript">
 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!
</source>

== 関連項目 ==
* [[JavaScript]]
* [[Ajax]]
* [[Web 2.0]]
* [[XMLHttpRequest]]
* [[リッチインターネットアプリケーション]]
* [[AngularJS]](1.x,2.0α Ver)
* [[Aurelia.js]]
* [[Backbone.js]]
* [[Ember.js]]
* [[JavaScriptライブラリ]]
* [[Javascript framework]]
* [[JQuery]]
* [[Knockout.js]]
* '''MooTools'''
* [[Polymer]]
* [[Prototype JavaScript Framework]]
* [[Ractive.js]]
* [[React.js]]
* [[Riot.js]]
* [[vue.js]]

== 脚注・出典 ==
{{reflist}}

== 外部リンク ==
* [http://www.mootools.net mootools.net - 公式サイト]
* [http://groups.google.com/group/mootools-users/ 公式ユーザーグループ]
* [http://www.mootorial.com/wiki/ The MooTorial]
* [http://www.amazon.com/gp/product/1430209836 Mootools Essentials (book)]
* [http://www.jqueryvsmootools.com jQuery vs MooTools: Choosing Between Two Great JavaScript Frameworks]
* [http://www.clientcide.com/js Clientcide Blog and Plugins] by [http://www.clientcide.com Aaron Newton]
* [http://devthought.com Guillermo Rauch - MooTools Articles, Tutorials, Tips and Plugins] by [http://devthought.com Guillermo Rauch]
* [http://davidwalsh.name/sugar/mootools David Walsh Blog - MooTools Tutorials and Plugins] by [http://davidwalsh.name David Walsh]
* [http://www.mooforum.net/ mooforum - The Unofficial MooTools Community]
* [http://www.phatfusion.net/ MooTools 1.1 Plugins]
* [http://www.esteak.net/ Free Mootools Plugins]
* [http://www.moodgets.com/ A widgets library built on mootools]

{{Widget toolkits}}

[[Category:JavaScript]]
[[Category:ウェブ開発]]