jQuery、MooTools、Prototype、Dojo、YUI など、人気のある JavaScript ライブラリが無数にあります。これらの JavaScript ライブラリは機能が豊富で、プラグインを使用するとほぼすべてのジョブを実行できます。ただし、これらのライブラリを使用すると、Web ページのサイズが肥大化することがよくあります。場合によっては、特定のジョブだけを完了したい場合は、より特殊な機能を備えた軽量ライブラリを使用できます。この記事では、優れた 40 個の軽量 JavaScript ライブラリを紹介します。
1. フォーム関連
直接使用できるフォーム検証機能を含む、最も一般的に使用される JavaScript フォーム機能を簡素化した、控えめなオープンソース プロジェクトです。また、強力なフォーム同期機能やフォーム条件判定機能も含まれています。
もう 1 つの控えめな JavaScript フォーム検証フレームワーク。統合ロジックがあり、一部の設定はグローバル、個別のフォーム、または個別のオブジェクトにすることができます。 AJAX サポート、キャッシュ、コールバック関数を統合する 2 つの API を提供します。 HTML のような API ステートメントと、オブジェクト指向の JavaScript API を提供します。
LiveValidation ( http://www.livevalidation.com )
軽量のフォーム検証ライブラリ。従来の認証機能に加え、一度入力すれば認証できるリアルタイム認証も提供します。 Ruby on Rails ユーザーは、命名規則とパラメータが非常に似ているため、このライブラリが役立つと感じるかもしれません。ライブラリにはスタンドアロン バージョンとプロトタイプ バージョンの両方があります。
yav ( http://yav.sourceforge.net/en/index.html )
強力で柔軟、拡張可能なフォーム検証ライブラリ。日付、電子メール アドレス、整数などの単純な検証から、正規表現などの複雑な検証まで、さまざまなシナリオをサポートします。組み込みの AJAX サポートにより、出力エラー メッセージをオブジェクト レベルで見つけることができます。
qForms ( http://www.pengoworks.com/index.cfm?action=get:qforms )
フォーム処理のための完全なソリューション。機能には、さまざまな検証ルール、多重投稿を防止するメカニズム、入力フィールドをロックまたはロック解除する機能が含まれます。
フォームリフォーム ( http://code.google.com/p/formreform/ )
テーブルベースではない複数列のデザインは常に課題でした。この小さなライブラリは、伝統的なフォームを美しい複数段組みのフォームに変えます。
2.アニメーション関連
$fx ( http://fx.inetcat.com/ )
HTML オブジェクトをアニメーション化するための軽量ライブラリ。タイムライン上の任意の CSS プロパティを変更でき、複雑なアニメーションの場合は、エフェクトを組み合わせたり、オブジェクトをグループ化し、それらを並行して移動させることができます。
JSTweener ( http://coderepos.org/share/wiki/JSTweener )
中間フレームを生成する JavaScript ライブラリ。その API は有名な中間フレーム エンジン Tweener に似ています。アニメーション時間を指定し、トランジション効果と遅延を定義できます。イベントはほぼいつでもトリガーできます。
Facebook アニメーション ( http://developers.facebook.com/animation/ )
カスタマイズ可能な CSS ベースのアニメーションを作成するための強力なツール。 Facebook アニメーションでは、数行のコードで UI を改善できます。構文は FBJS (Facebook 用のライブラリ) と同じです。
FX ( http://ryanmorr.com/archives/fx-lightweight-and-standalone )
ほぼすべての CSS プロパティの中間フレームを作成できる、YUI のような構文を備えた軽量の JavaScript ライブラリです。カラーとスクロールアニメーションをサポートしており、オブジェクトの to と from の値を設定するだけです。
3. 視覚的およびグラフィック効果
JS チャート ( http://www.jscharts.com/ )
棒グラフ、円グラフ、単純な曲線グラフをサポートします。このライブラリを Web ページに直接挿入し、XML ファイルまたは JavaScript 配列変数からデータを呼び出します。 PNG 形式。すべての主要なブラウザと互換性があります。
Canvas 3D JS ライブラリ (C3DL) ( http://www.c3dl.org/ )
C3DL を使用すると、3D プログラムを簡単に作成できます。深い 3D 知識を必要とせずに、ブラウザーで直接 3D コンテンツを開発するための数学、シーン、および 3D オブジェクト クラスのセットを提供します。
Processing.js ( http://ejohn.org/blog/processingjs/ )
これは、処理言語の JavaScript への移植です。 2D 出力は機能が豊富です。描画、色処理、フォント、オブジェクトなどの加工機能を提供します。
ラファ？ l（ http://raphaeljs.com/ ）
Web 上にベクター グラフィックスを実装するための素晴らしい JavaScript ライブラリです。 SVG を使用すると、VML で作成されたグラフィックを変更したり、イベントをバインドしたりできます。回転、アニメーション、ズームなど機能が非常に豊富です。
ImageFX ( http://www.nihilogic.dk/labs/imagefx/ )
この JavaScript ライブラリは、ぼかし、シャープ、エンボス、ハイライトなどの効果を画像に追加します。 ImageFX はキャンバス オブジェクトを使用してこれらの効果を実現し、すべての主要なブラウザと互換性があります。このライブラリは非常に使いやすく、.js ライブラリ ファイルを Web ページに挿入し、それらの関数を呼び出すだけです。
Pixastic ( http://www.pixastic.com/ )
Pixastic は HTML5 キャンバス オブジェクトを使用し、生のピクセルを操作できます。効果には、彩度の低下、グレースケール、反転、明るさ、コントラスト調整、色相、彩度の調整のほか、レリーフ、ぼかしなどの効果が含まれます。 HTML 5 キャンバス オブジェクトを使用するため、まだすべてのブラウザと互換性があるわけではありません。
Reflection.js ( http://cow.neondragon.net/stuff/reflection/ )
非常に控えめな JavaScript が反射効果を自動的に実装します。反射の高さと透明度を調整できます。すべての主要なブラウザをサポートし、ファイル サイズは 5K 未満です。
4. データベース
タフィー DB ( http://taffydb.com/ )
ブラウザーの SQL Server、または高度な配列マネージャーと考えることができる JavaScript ライブラリ。 AJAX を使用するプログラムでは、AJAX をデータベース層として使用して、データの作成、読み取り、編集、削除、ループの使用、並べ替え、および高度なクエリを実行できます。
ActiveRecord.js ( http://www.activerecordjs.org/ )
このライブラリは、Google Gears のほか、Chrome、Aptana Jaxer、Adobe AIR、および HTML 5 SQL 仕様をサポートするプラットフォーム (現在は Webkit と iPhone) をサポートしています。テーブルを自動的に作成し、データを検証し、同期することができます。
