jQuery Archive

コメントでいただいたリクエストを反映したyuga.jsの0.7.1を公開します。0.7.0からの差分は以下の通りです。

• セルフリンク：対象の範囲を指定できるように
• jQuery: 1.3.1に変更（1.2.6でも動作します）

上記機能が必要ない場合はバージョンアップする必要はありません。

yuga.js 0.7.1 ダウンロード

また、ドキュメントのほうにカスタムパラメータについて情報を追加しました。

http://kyosuke.jp/yugajs/

不具合、リクエストなどありましたら、この記事にコメントしていただけると助かります。

追記： jQuery 1.3系からSafari 2.0をサポートしていないようです。もしSafari 2.0での動作が必要であればSafari 2.0に対応しているjQuery 1.2.6でもyuga.js 0.7.1は動作しますのでjquery.jsを置き換えてください。

yuga.jsの配布ページは長らく放置されていてblogより古いバージョンが配布されていたりとひどい状況だったわけですが、0.7.0の公開に合わせて準備していたドキュメントのページができましたのでこちらに差し替えました。urlも長くてわかりづらかったので新しくしました。前のURLは301でリダイレクトしているので自然とこちらにアクセスすることになるかと思います。

http://kyosuke.jp/yugajs/

全機能一通り書きましたのでブログからダウンロードしていまいち使い方がわからないなどという方も役に立つかもしれません。今後の予定としてはこれにカスタマイズのための情報を追記して行く予定です。誤字や意味がわからない個所などありましたらこの記事のコメントでお知らせいただけると助かります。

コメントでいただいたリクエストやちょっとした不具合を修正したyuga.jsの0.7.0を公開します。0.6.3からの差分は以下の通りです。

• ロールオーバー：処理最適化（前回のバージョン比150%ぐらいの速度アップ）
• セルフリンク、ロールオーバー：2重に_on, _crがつかないように調整
• 自動thickbox：urlに?が含まれていた場合は自動でthickboxにならなくした。
• 外部リンク：アイコン追加機能を付加（デフォルト無効）
• 外部リンク：自分のドメインから指定されている場合外部リンクとして扱わないよう修正（主にMovable Type対策）
• するするスクロール：対象のidがなければa要素のname属性で探すよう修正
• するするスクロール：スクロール後にURLを本来のリンク後のものに書き換えるよう修正
• 内部処理：url解析時、ついでにGETパラメータを扱いやすくした

yuga.js 0.7.0 ダウンロード

不具合などありましたら、この記事にコメントしていただけると助かります。

yuga.jsの機能が増えてきたので全機能のマニュアルも作っていますがなかなか進まず。。 完成したら公開します。

主にコメントでいただいた不具合を修正したyuga.jsの0.6.3を公開します。0.6.0からの差分は以下の通りです。

• 0.6.3 :thickboxのクラスが付いていても２重に設定されないように調整、ストライプがテーブルでうまく動作しない不具合の修正
• 0.6.2 : ロールオーバーセレクタで#nav li imgなどの指定とselfリンクが合わせて使えなかった不具合を修正
• 0.6.1 : ロールオーバーセレクタカスタム時に複数指定に対応、#のみの仮リンクにするするスクロールを適用しないように

基本的には特定環境におけるバグフィックスです。0.6.0でも問題がないかたは無理にアップデートする必要はありません。

yuga.js 0.6.3 ダウンロード

不具合などありましたら、この記事にコメントしていただけると助かります。

Google AJAX APIを使うとjQueryをgoogleからダウンロードできます。これを使うと自分でサーバーに配置する場合に比べて以下のようなメリットがあります。

• バージョン指定を最後までしないことで最新版を利用できる
• gzipによる圧縮を自動で行ってくれる（jquery.minだと54.5 KB->16 KBへ）
• 普及すればネット全体でjQueryをキャッシュできる

デメリットとしては以下のような感じでしょうか。

• インターネットにつながっていないとライブラリが利用できない（ローカルでの確認時の問題）
• googleのサーバーが落ちたら困る（ほぼないと思いますが。。）

使い方はhtmlで読み込んでいるscript要素を以下のように書き換えるだけです。

<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<script type="text/javascript">google.load("jquery", "1.2.6");</script>

google.loadで指定しているバージョンを1.2とすると1.2.xの最新バージョンを自動で読み込んでくれます。

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<script type="text/javascript">google.load("jquery", "1.2");</script>

参考サイト

• Google人気JavaScriptライブラリ配布開始、ネット全体でキャッシュ効果 | エンタープライズ | マイコミジャーナル
• AJAX Libraries API - Google Code