jQuery

jQuery †

Magic3はWebサイトの表現力を高めるために、jQueryというJavaScript?ライブラリを多用しています。
jQueryを使用することによって、動きのあるサイト作りが容易になります。
Magic3のベースシステムは、jQueryライブラリを必要に応じて取り込む制御機能を持っています。
Webブラウザは、表示中のウィジェットが使っているライブラリだけを読み込むことができるので、
無駄にダウンロードを行わなくても済みます。 (フレームワークとしての考察)

jQueryを使用することによる利点 †

• マルチブラウザ対応
  ブラウザごとにJavaScript?の仕様は少しずつ異なっており、特に古いバージョンのブラウザでは顕著です。
  JavaScript?を使った動的なサイトを作る場合、いろいろなブラウザに対応させるのは非常に労力のかかる作業になります。
  jQueryはブラウザごとのJavaScript?の違いを吸収して、一貫して使用できるAPIを提供しています。
  したがって、jQueryをベースにおくことによって、ブラウザの違いをまったく意識することがなくなり、
  容易にマルチブラウザ対応の動的なページが作成可能になります。
  また、IEのメモリリークのバグ等、ブラウザが個別に持つ問題に対応しているので、問題点をあまり意識しないでプログラムが作成できます。

Magic3で使用しているライブラリ †

jQueryをベースにして、さらに様々な動きをプラスしたライブラリが次々と登場しています。
それぞれライブラリは設定が必要で、設定の管理や必要な埋め込みコードの管理は非常に煩雑です。
Magic3では、ユーザが設定が簡単にできるように管理画面が工夫されています。
難しい作業をまったく行わなくても、すぐに動かして試してみることができるようになっています。
以下は、Magic3に標準的に組み込まれているライブラリです。

• prettyPhoto (http://www.no-margin-for-errors.com/projects/prettyPhoto/ )
  機能： 画像のサムネール表示
  使用箇所： ウィジェット-プリティフォト
• Cycle Plugin (http://www.malsup.com/jquery/cycle/ )
  機能： 画像スライドショー
  使用箇所： ウィジェット-画像スライドショー
• Accordion Plugin (http://bassistance.de/jquery-plugins/jquery-plugin-accordion/ )
  機能： アコーディオン(伸縮型)メニュー
  使用箇所： ウィジェット-アコーディオンメニュー
• ContextMenu? plugin ( http://www.trendskitchens.co.nz/jquery/contextmenu/ )
  機能： コンテキストメニュー(マウス右クリックで表示されるメニュー)
  使用箇所： 管理機能の画面編集機能のウィジェットコンテキストメニュー
• clueTip Plugin ( http://plugins.learningjquery.com/cluetip/ )
  機能： ツールチップ
  使用箇所： 管理機能のヘルプ
• SimpleTree? Plugin ( http://news.kg/wp-content/uploads/tree/ )
  機能： ツリー(階層化)表示
  使用箇所： メニューの定義