Request.JSONを使用すると、リクエストのレスポンスで受信した、JSONフォーマットのデータを楽に扱える用になります。
通常、受信したデータはパースしてオブジェクトに変換したり、フォーマットの妥当性チェックを行う必要があります。

Request.JSONを使用すると、この作業を自動で行ってくれるのでとても便利です。

MootoolsではHTMLの読み込みに最適化されたクラスRequest.HTMLが用意されています。 Request.HTMLはRequestクラスのサブクラスです。

Request.HTMLもRequestと同じように扱えます。 Requestと違う部分は、コールバック関数の仕様と、オプションで指定できる項目が増えています。

今回はリクエストのキャンセルと連続送信に関して解説します。
Requestクラスにリクエストの送信をキャンセルする機能と、連続でリクエストを送信できる機能が組み込まれています。

送信のキャンルセルと連続送信はよく使うことになると思うので、覚えておいた方がよいと思います。

今回はRequestを使用したリクエストの送信の仕方を解説します。
MootoolsではRequestクラスを使用して、サーバーにリクエストを送信することができます。

Requestクラスを使用することで、簡単にAjax処理を実装することができます。
Ajax処理はよく利用するの覚えておいた方がよいと思います。

前回はFx.Morphについて簡単に説明しました。
Fx.Morphで複数のスタイルプロパティを変化させてアニメーションできることが分かって頂けたと思います。

今回は応用編を解説します。
Fx.TweenとFx.Morphを使用することで複雑なアニメーションを実現できます。

Fx.MorphはFx.Tweenと同じく、要素のスタイルを変更することでアニメーションを実現するアニメーションクラスです。
Fx.Tweenと違うのは、複数のスタイルを操作できるところです。

これにより、要素のサイズ変更、フェードイン／フェードアウトしながらの要素の移動などが行えるようになります。
Fx.Tweenと同じようにアニメーションを実装するには必須のクラスです。

Fx.Tweenの基本で書いたとおり、今回はショートカットとアニメーションのチェインについて解説します。

Fx.Tweenを使用するのには、Fx.Tweenのインスタンスを生成したり、要素から取り出して実行したりする方法を書きましたが、単純なアニメーションを実行する場合は、ショートカットだけで大体できてしまいます。

また、Fx.TweenもFxと同じようにアニメーションを連続で実行することができます。

Fx.Tweenは要素のスタイルを変化させることで、要素をアニメーションさせることができるクラスです。
指定できるスタイルはひとつだけです。

Fx.Tweenの使用例として、要素のフェードイン、フェードアウト、サイズ変更、表示位置の変更などがあげられます。
単純なアニメーションを実現するのに最も適しているクラスです。
今回はFx.Tweenの簡単な使用方法について解説します。

今回はアニメーションの中断と再開について解説します。
MootoolsのFxにはアニメーションを中断するpauseメソッドと、中断した状態から再開するresumeメソッドがあります。

これらのメソッドのおかげで、アニメーション制御が簡単に行えるようになっています。
複雑な実行制御を行わなければならない場合に便利な機能です。

Fxの基本的な使い方

今回はMootoolsでのアニメーションの基本を解説します。
アニメーションの基本クラスである、Fxを利用して自由に要素を動かしたり、Canvasにアニメーションを利用して図形を描画できたりします。

Fxを利用するには、setメソッドをオーバーライドする必要があります。
setメソッドはアニメーション時の変化値を計算するたびに実行されます。

ですので、setメソッドに具体的なアニメーション処理を記述するだけで、簡単に動きのある実装を記述することができます。

続きを読む …