両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン |
javascript [2015/04/28 02:01] – nullpon | javascript [2015/07/29 10:01] (現在) – nullpon |
---|
* [[javascript/bookmarklet]] | * [[javascript/bookmarklet]] |
| |
===== ライブラリ ===== | |
言語機能拡張、ウィジェット・GUIコンポーネントの提供、クロスブラウザ、Ajax処理の簡易化等の機能を提供する。 | |
^ ライブラリ ^ ライセンス ^ メモ ^ | |
| [[http://www.prototypejs.org/|prototype.js]] | MIT | これに依存するライブラリが多い。 | | |
| [[http://script.aculo.us/|script.aculo.us]] | MIT | prototype.jsにエフェクト等の機能を追加する拡張ライブラリ | | |
| [[http://www.dojotoolkit.org/|Dojo Toolkit]] | [[http://dojotoolkit.org/about/license|AFL v2.1]] | 全部入りの重量級ライブラリ | | |
| [[http://openrico.org/rico/home.page|rico]] | Apache 2.0 | prototype.js依存 | | |
| [[http://mochikit.com/|Mochikit]] | MIT or AFL v2.1 | 軽量 | | |
| [[jQuery]] | [[http://docs.jquery.com/Licensing |MIT or GPL]] | prototypeを抜きトップ独走中 | | |
| [[http://ui.jquery.com/|jQuery UI]] | [[http://docs.jquery.com/Licensing|MIT or GPL]] | jQueryにUIコンポーネントを追加 | | |
| [[http://extjs.com/|Ext JS]] | [[http://extjs.com/license|LGPL 3.0]] | prototype.js、YUI、jQueryにコンポーネントを追加する。単体でも動作可能、重い | | |
| [[http://developer.yahoo.com/yui/|YUI]] | BSD | Yahoo!が作成したライブラリ | | |
| [[http://mootools.net/|MooTools]] | MIT | 軽い | | |
| |
| |
その他 | |
* [[http://livepipe.net/projects/control_modal/|Cotrol.Modal]] LightBox風モーダルダイアログ作成ライブラリ、要prototype.js | |
* [[http://www.kawa.et/works/js/jkl/calender.html|jkl.calendar]] とりあえずカレンダーが欲しいときに便利 | |
| |
* [[http://www.sproutcore.com/|SproutCore]] JavaScript単体ライブラリではなくサーバサイドとセットになっており、アプリケーション作成に特化されている | |
| |
巨大ライブラリで通信負荷が気になる場合は、Gzip圧縮転送などを使う。 | |
| |
==== Google AJAX Libraries API ==== | |
GoogleのサーバからjQuery等の各種ライブラリを取得できる。これを用いる事で開発者にはダウンロード設置の手間が省け、運用では負荷の低減、ユーザにはライブラリのキャッシュヒットの可能性が高くなり、高速化が期待できる(かも…) | |
| |
http://code.google.com/intl/ja/apis/ajaxlibs/ | |
| |
直接読み込む | |
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" /> | |
| |
googleのライブラリを通して取得する | |
<script src="http://www.google.com/jsapi"></script> | |
<script> | |
google.load("jquery", "1.3.1"); | |
</script> | |
| |
==== JavaScript WYSIWYGエディタ ==== | |
* [[http://www.fckeditor.net/|FCKeditor]] | |
* [[http://tinymce.moxiecode.com/|TinyMCE]] | |
* [[http://code.google.com/p/jwysiwyg/|jwysiwyg]] | |
| |
[[http://kyms.ne.jp/siteman/item_218.html|TinyMCEとFCKeditorの違いを比較]]、TinyMCEは複数の1つのインスタンスで複数のテキストエリアに対応できるので、1画面上に二つのエディタを置くとき圧倒的に速い。 | |
| |
jwysiwygはjQueryプラグインとして提供されるライブラリ。 | |