JavaScriptでの視覚効果(ビジュアルエフェクト)

JavaScriptは、RIA(リッチインターネットアプリケーション)としてのWebアプリでは勿論、通常のWebページにおいても、 データの整形/表示項目制御/Ajaxによる非同期通信など、各種機能を実装する為に用いられます。 またそれと同時に、 HTML+CSSだけでは実現出来ない視覚的効果を付加する目的でも使われています。

適度な視覚効果(ビジュアルエフェクト)の利用は、機能説明やユーザーの操作を反映し強調するような補助情報として活用出来、 また、Webサイトをユニークなものとして演出し他のサイトとの差別化を図る事の出来る非常に効果的な要素でもあります。

アニメーション効果とそのデメリット

このようなエフェクトでは、CSSのstyleを毎秒数十フレームの頻度で更新するようなアニメーション効果も非常にポピュラーなものと言えます (このページ上部のナビゲーションメニューにもそのような効果が設定されています)。 が、各フレームでの位置/サイズや色情報を決定する為の演算と、そのstyleを実際のエレメントに適用しレンダリングする処理は、 決して軽いとは言えません。

特に所謂UMPCやiPhoneなどのJavaScriptをサポートする携帯端末が増加している状況では、 アニメーションエフェクトによる負荷は無視出来ないものとなります。

またアニメーション効果の多くはコンマ数秒で終了するものが多いですが、 毎回コンマ数秒の効果を見せられるのを好まない、 あるいはエフェクト自体を嫌うユーザーも居るかと思われます。 そのようなユーザーは、アニメーション効果を無効にする為に、JavaScript自体をブラウザでoffにしてしまい、 本来メインであるはずの機能面でのJavaScriptが利用されなくなる事も考えられます。

ユーザーによるエフェクト制御

そこでWebJADEでは、多くの環境や多様なユーザーの嗜好にも対応出来るように、 エフェクトの有無をユーザー側で選択出来るような設定が可能となっております。

これにより、JavaScriptを有効にしその機能を利用しつつも、 エフェクトだけは制限したいという、 マシンパワーの問題でエフェクトが不要、あるいは個人的な趣味に合わないと考えるユーザーに対し提供可能な選択肢として活用出来ます。