Blog

AJAXライブラリのまとめ

2007年1月18日

2006年はAJAXが注目されその技術としてのJavascriptという従来からあるスクリプト言語にも非常に注目が集まりました。

僕が2006年度で調べた知る限りのAJAXライブラリやJavascriptライブラリをここにまとめたいと思います。

この記事の内容

JavaScriptによるモーショントゥイーンアニメーション実装「JSTween」:phpspot開発日誌

モーションの開始、停止、初期化などをボタンで調節できるモーションを提供。
動きもまぁまぁ滑らか。使用する際、少しだけjavascriptの知識を必要とする。

超軽量JavaScriptフレームワーク「SimpleJS」:phpspot開発日誌

超軽量でシンプル。シンプルなjsだけに多少マークアップにCSSを記入したりする必要があるけど、個人的には綺麗で滑らかな動きが良いと思う。

ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」:phpspot開発日誌

読み込んでおくだけで、750px以下、750px以上/950px以下、950px以上の3つのウィンドウサイズに応じて自動でCSSを切り替えることが出来ます。

Slightly ThickerBox 1.7

JQuery 1.0.1をつかったライブラリ。ライトボックスのような感じ。

prototype.jsでクロスブラウザなWYSIWIGエディタ

オンラインテキストエディタのようなもの。
サンプルを配布している、のでこういうのやりたい場合は使えるっぽい。

Ajaxian » toultip.js version 0.2

ツールチップのライブラリのバージョン2。
prototype.jsとtoultip.jsをあわせて使用する。

Jack Slocum’s Blog » Resizable Reloaded – A reusable component for resizing elements

リサイズ可能なブロック要素をページに作る為のJavaScript コンポーネント。
次のように、ブロック要素にリサイズハンドルを付けることができ、画像をその場でリサイズできます。
YAHOulIB�

JavaScriptアニメーションフレームワークライブラリ「Run」:phpspot開発日誌

陽の周りを地球が回るデモのような、Script.aculo.usでは実現が少し面倒だったものも割と簡単に実現出来そうです。

JavaScript&CSSで独自デザインのselectボックスを作成:phpspot開発日誌

スクリプタキュラスのライブラリ

prototype.jsベースの画像切抜き用JavaScriptライブラリ:phpspot開発日誌

script.aculo.usも使っている。

lightboxみたいな写真ギャラリーライブラリ Highslide JS

lightboxみたいな写真ギャラリーライブラリ。
結構かっこいい。

フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Toultip for forms」:phpspot開発日誌

ユーザビリティ上がるかも。結構使えそう。

Ajaxian » Prototype based JavaScript toultip

噴出しのライブラリー。

Ajax dynamic pages pages

Ajaxで同一ページ内でページ送りを実現する「Ajax scrulling pages」

JonDesign’s Smooth SlideShow – Showcase Mode

CSSとjavascriptで作れるスライドショー

フォームのtextareaをより使いやすくすることが出来る「Textarea touls」:phpspot開発日誌

CSSとJavaScriptでアニメーションがカッコいいメニューを実装「FreeStyle Menus」:phpspot開発日誌

ラインセンスはフリーではない。

ドラッグ&ドロップが簡単に出来るJavaScriptライブラリまとめ:phpspot開発日誌

CSS Crossfader Demo

フェードイン、フェードアウトで切り替わるメッセージボックス

TripTracker Blog » Blog Archive » Revamped Slideshow

litebox風の写真のスライドを作れるjavascriptライブラリ

mootouls

Moo.fxのチームが作ったライブラリ

jQuery: Blog: » jQuery 1.0

javascriptのライブラリ

Custom drag and drop script

3バージョンのドラッグ&ドロップのサンプル。
Ruby on Railsと組み合わせて簡単に面白いものが作れそう。

JavaScriptでグラフを描画出来るライブラリ『WebFX』:phpspot開発日誌

aka-fotos.de .. web (English) .. JavaScript .. liberty Basic library

javascriptライブラリー

Ajaxを使ったアプリを簡単に作れるSmartyプラグイン『smarty_ajax』:phpspot開発日誌

CSSベースの階層メニュー作成ライブラリ:phpspot開発日誌

javascriptも使う

http://www.emergetk.com/emergetk#Home

Ajaxフレームワークemergetk。C#で開発するため用。
MySQLやブックマークの機能をサポート

glayer.js – グレーアウト表示ライブラリ

prototypeとscript.aculo.usのeffects.jsを使用して画面をグレーにするライブラリ

dojo, the Javascript Toulkit: brought to you by the Dojo Foundation

AJAXライブラリ。

arc90 lab : touls : Link Thumbnail

リンクにホバーするとスクリーンショットでリンクのホバー先の画像が下に表示される。
これ噴出しとかよりぜんぜんいいかも。

A library of DHTML and AJAX scripts – DHTMLgoodies.com

いろいろなAJAXライブラリがある

Timeout your Mouseovers

マウスオーバーするとボップアップしてしばらくすると消える

Ajax Edit In Place (EIP) Example

その場編集できるテキストBOX実装用PHP+Javascriptサンプル

jQuery: New Wave Javascript

簡単に使えるAJAXライブラリ。

Mini AJAX [javascript] [ajax] [mini]

簡単に使えるAJAXライブラリ。

Ryan J Lowe’s Dev Blog » Blog Archive » LITBox

デザインされた小窓が現れて、アラートやコンファームやページを表示できる。

Lightbox JS v2.0

写真が浮かび上がり、バックが少し暗くなる。写真のギャラリーで使えるかな

Yahoo! UI Library

yahooが提供しているAJAXライブラリ

script.aculo.us – web 2.0 javascript

Ajaxライブラリ。Mootシリーズのコメントフォームでも使用した。プロトタイプとかいろいろ入ってるライブラリ

Swat – Swat

AJAXライブラリ

Toys – dhtml libraries, demos and applications

メニュー作成、レイアウト変更、アニメーション、イベント、コンポーネント、ツール、その他、様々なライブラリが詰まっているAJAXライブラリ

デフォルトのフォームをクールにカスタマイズする方法:phpspot開発日誌

niceフォームの仕組みを解説とサンプルも有

AJAX scripts – A library of DHTML and AJAX scripts – DHTMLgoodies.com

AJAXのいろんなライブラリがそろっているサイト

Ajax toultip

吹き出しが作れる

MovableType用アニメーションエフェクトのプラグインMooT.fx:phpspot開発日誌

Ajaxで吹き出し方式のテキストヒント作成ライブラリ:phpspot開発日誌

読み込み先のURLの内容をふきだしで表示する。

wg:Bubble Toultips

javascriptで作るふきだし風チップセット

カテゴリ一覧@あの頃のように…

角丸ブロック

YShout: A Free PHP + AJAX Shoutbox

AJAXとPHPで作るチャット。

DragDrop Sample

javascriptのドラッグアンドドロップ

Prototype JavaScript Framework: Class-style OO, Ajax, and more

AJAXのライブラリ

Rico

AJAXのライブラリ

badboy.media.design :: articles :: Niceforms

フォームを綺麗に見せるJavascriptを紹介してるサイト