jQuery一覧

jQuery でファイルの一部を読み込む(jQuery.fn.inc プラグイン)

jQuery.fn.inc プラグイン

祝・jQuery 1.3 リリース!

Release:jQuery 1.3 – jQuery JavaScript Library

それを記念して──というわけでもないが、自作した jQuery のプラグインを紹介する。名前は「jQuery.fn.inc」。そのままのネーミングだ。

http://asiamoth.com/download/js/jquery.fn.inc.js

指定したファイルを任意の場所に読み込むという、よくあるインクルード系のスクリプトである。しかし、読み込んだファイルは任意の部分だけを表示できる、というのが特徴だ。

インクルードするファイルは 1 つにまとめて、そこから複数の場所を読み込む、という使い方ができる。ファイルの管理が楽になるだろう。

完全に自分の創作ではなく、いつも読んでいる「かたつむりくんのWWW」からスクリプトをパク──参考にした。

jQuery でファイルをインクルードする ( jQuery によるモジュール化) – かたつむりくんのWWW

元のスクリプトを jQuery プラグイン化して、(X)HTML を変更しなくても使えるようにした、だけである。エンジンは元のままになっている。もう少し自分好みに仕上げたかったが、自分への宿題にしておいた。

続きを読む


Google’s AJAX Libraries API がスゴすぎる件

Google’s AJAX Libraries API

個人的に盛り上がっている、技術系ニュースを紹介します。──いや、世界中のウェブ業界が狂喜乱舞すべき、一大事件だと思います。

AJAX Libraries API – Google Code

なんと、下記に挙げる有名な JavaScript ライブラリたちが、Google のサーバから自由に読み込めるようになりました!

  • jQuery
  • prototype
  • script.aculo.us
  • MooTools
  • dojo

「──え、なにそれ。美味しいの?」という人は さておき──。

これがどれだけスゴいことか、想像するだけで興奮し、反響を気にするあまり、逆に記事にしてこなかったのですが、あんまり世間(どこ?)で騒がれていないことに絶望し、独りで わめきます。ギャーギャー。

続きを読む


jQuery を使ってサイドバーを AJAX で読み込む

jQuery でサイドバーを読み込む!

mt.Vicuna(と MT4)に移行しようと、一万年と二千年前から、日夜がんばっています。仕事中の空き時間とかに。

今回は、みんな大好き jQuery を使って、簡単に「サイドバーを AJAX で読み込む方法」を紹介します。

いくつか方法はあると思いますが、JSON で云々といった方法よりも簡単な、PHP(readfile, include, …) や SSI を使うのに近いやり方です。

jQuery を使えば、ほんの数行のスクリプトでできますよ。

サンプルページ

まずは、完成したサンプルページをご覧ください。

見た目は同じですが、後者はサイドバー部分(<div id="utilities"></div>)を AJAX で読み込んでいます。「ソースを表示」してみてください。

続きを読む


全員が 10 分で jQuery を使い出す(といいな)スレ

jQuery

jQuery を習得したい!

──そう思っていた時期が僕にもありましt(ry、じゃなくて。もう 20 世紀くらいから言い続けているような気がしますが、jQuery をこつこつと勉強中です。

今回は、みんなも jQuery 使おうぜー、という支援記事です。

jQuery 開発者向けメモ

jQuery 開発者向けメモ

やはりここは外せませんね。

「メモ」どころではない、リファレンスと豊富なサンプルがすごい。知りたいことが、すぐに実行できます。

「jQuery でどんなことができるのか」を知るのに最適なページです。まずはここからどうぞ。

Prototype ユーザが 10 分で jQuery を使い出すスレ

ヽ( ・∀・)ノくまくまー(2007-10-07)ヽ( ・∀・)ノくまくまー(2007-10-07): [jQuery] Prototype ユーザが 10 分で jQuery を使い出すスレ

最近のヒット。今回の記事を書こうと思ったのも、ここに釣られたのが半分です。

けっこう真面目な記事かと思いきや、アイドル画像で格段にわかりやすく! ──なっているか、というと疑問だけど、ものすごく食いつきよくなってます。ポイントをしっかり抑えているのがいい感じ。

Prototyper(造語)も jQuery にすんなり移行できそうですね(?)。

JavaScriptライブラリといえば jQuery(入門編)

ウノウラボ Unoh Labs: JavaScriptライブラリといえば jQuery(入門編)

ここ最近で、改めて jQuery の名前を広めたのがこの記事でしょう。

この記事も、Prototype.js などの JavaScript フレームワークを使ってきた人、JavaScript 中上級者 向けですね。

jQuery超初心者にありがちな7つの間違い

ミネソタでPerlを(まったり修行中) – jQuery超初心者にありがちな7つの間違い

jQuery の初心者で JavaScript の中級者、みたいな人に向けた記事ですね。

end() なんてあるのか──と、ここで初めて意識しました。

jQuery をどう使うか?

以上、いろいろと紹介しましたが、結局のところ「jQuery を使って何をするか?」が重要ですよね。自分は、そのあたりが決まらずに、グルグルと同じところを回っています……。

でも、過去に CSS や Movable Type、(X)HTML のタグの使い方が(なんとなくは)わかった時に、

「なんだ、こんな簡単なことで色が変えられたり、段組を変えたりできるのか!」

と少なからず感動したことがありました。

jQuery も「ちょっとすごい CSS」(わーい \(^o^)/)みたいに思えば、簡単に使えそう。な気がする。かもしれない。


JavaScript ライブラリ戦争後、jQuery は「アリ」か?

じゃばすくりぷとが使いたい!

JavaScript をイチから勉強中。──なのですが、手っ取り早くなんか作りたい!という時は、JavaScript ライブラリに手を出すのがお手軽かと(初心者にありがちな勘違い)。

となると prototype.js を使う、となるのが自然ですかねぇ(ref: もっとも人気のあるAJAX言語は? フレームワークは? (MYCOMジャーナル))。

──ですが、まぁそこは天の邪鬼な自分なので、jQuery が気になる今日この頃。どのあたりが気になるのか、うだうだ書いてみます。

続きを読む