jQuery 関連記事まとめ

はてブだと埋もれるのでこちらに書き足してきます。

jQuery 基本機能

本家

• jQuery.com

リファレンス

• jQuery 日本語リファレンス
• jQuery 開発者向けメモ
• jQuery リファレンス- openspc2
• jQuery 1.2.6 リファレンス - StackTrace

チートシート

• HTML/CSS, jQuery, WordPressなどウェブ制作者のためのチートシート集 - coliss

スライド・関連情報

• はじめての jQuery
• jQueryのプレゼンVIDEO - JAM LOG
• 第1回　Silverlight vs. jQuery＋ASP.NET AJAX - @IT

チュートリアル

• jQuery 入門 - openspc2
• jQuery を使って Ajax 開発を単純化する - IBM
• jQueryの魔法 - All About
• jQuery ではじめる Ajax - gihyo.jp
• Postal Search APIs with jQuery
• JavaScriptライブラリといえば jQuery（入門編）- ウノウラボ

• jQueryによるJavaScript入門 - Re:Creator’s Kansai(0)
• (0.5)(1)(2)(3)(4)(5)(6)(7)(8)(9)(10)(11)(12)(13)(14)(15)

• ASP.NETプログラマーのためのjQuery入門 - @IT
• Aptanaで始めるJavaScriptライブラリ「jQuery」超入門 - @IT
• 目的を持ってAjaxを使うためにjQueryの文法を知ろう - @IT

• jQuery 入門（その１） - CodeZine

• Ajax による改良: 第 1 回 Ajax と jQuery で既存のサイトを改良する - IBM
• Ajax による改良: 第 2 回 jQuery と Ajax、そしてツールチップとライトボックスで既存のサイトを改良する - IBM

• jQuery を扱う：第１回 ブラウザーでデスクトップ・アプリケーションを実現する - IBM
• jQuery を扱う：第２回 一歩進んだ Web アプリケーションを今すぐ作成する - IBM
• jQuery を扱う：第３回 jQuery と Ajax による RIA: 一歩進んだ Web アプリケーションを今すぐ作成する - IBM

• jQuery を扱う: 第 1 回 中級レベルの jQuery: プラグインを使用して jQuery 関数を作成および拡張する - IBM
• jQuery を扱う: 第 2 回 中級レベルの jQuery: UI プロジェクト - IBM
• jQuery を扱う: 第 3 回 中級レベルの jQuery: 独自のプラグインを作成する - IBM

プラグイン作成

• この冬作ろう！jQueryプラグイン講座 - ASCII.jp
• 第7章 プラグインの作成 - openspc2
• プラグインのOption 作法メモ - JavaScript かも日記
• jQuery Plugin作成時の3つの注意点 - tech.kayac.com

ソース解読

• 特集：jQuery.js を読み解く - gihyo.jp
• jQuery解読によるJavascript学習(1) - anything from here
• jQueryを再発明することになった - IE5で動くjQueryを再発明する
• Javascript関連記事 - My BASE:俺の基地

基本機能拡張

XPath for jQuery

• JavaScript-XPath の jQuery 用のプラグインと Prototype.js 用のプラグインを公開しました - IT戦記
• XPath は jQuery や Prototype.js と競合する技術ではなく、むしろ共存する技術です - IT戦記
• XPath使いのための日本語チートシート

• SQL
• jQuery をSQLの「select文」のように使う方法 - 主に言語とシステム開発に関して
• SQL調にデータを取得できるJavascript、JsonSQL【jQuery】- It's a Smile World

• セレクタの拡張
• jQueryのセレクタを自作してみる1 - All About

オンラインツール

• jQueryのセレクタを徹底マスターするのに最適！『jQuery Selectors』- IDEA*IDEA | site

ブックマークレット

• いつでも jQuery を読み込めるブックマークレット jQuerify - バシャログ
• GreasemonkeyスクリプトにjQueryを読み込む汎用スクリプト - We Ain't Seen Nothin' Yet.
• jQueryを読み込ませるbookmarklet Google AJAX Libraries API版 (JavaScriptの動的ロードとか) - 文殊堂

ノウハウ

• 全般
• ユンサンの／융상의／YungSang's: 細かすぎて伝わらない かも知れない jQueryの勘所10選 （jQuery 1.0.4 版）
• jQuery超初心者にありがちな6つの間違い - あじゃぱー
• Prototype ユーザが 10 分で jQuery を使い出すスレ
• jQueryのコードを良くする5つのTIPS - to-R
• jQueryを良くする25のTIPS - to-R
• 8のjQueryのすごいTIPS - to-R
• jQuery の配列系のメソッドをメモ - てっく煮ブログ
• jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
• jQueryを使うときに気をつけるべき8のポイント - tech.kayac.com

• jQueryでnの倍数だけに何か処理する(:nth-child) - REDLINE MAGAZINE
• jQueryのパフォーマンス最適化に関するTips - ウノウラボ
• HTML/JavaScriptをインクルード表示させる方法 - マイコミ
• ある要素内の文字列を置換する - 文殊堂

• クロスブラウザ
• jQueryでもはまるクロスブラウザ問題まとめ - エスキュービズム ラボ Blog

• イベント系
• jQueryのイベントネームスペース - tech.kayac.com
• jQueryでprototype.jsのbindみたいなの - Cheese Pie

• Suggest の実装方法
• jQuery ではじめる Ajax 第 4 回 検索キーワードを提案する Suggest 機能の実装 - gihyo.jp
• 入力される度に関数を呼んでしまう実装は間違いなく重いので気をつけろ！- ABUTEC

• JSONP
• JSONとJSONP - to-R
• jQuery で JSONP ２通り - てっく煮ブログ
• jQueryの $.getJSON 等を使った Ajax でIEが動作しない件 - feedtailor Inc. 大石裕一の開発ブログ
• jQuery の $.getJSON() と IE ではまった - daily dayflower
• jQuery JSONP plugin - iandeth.

• Ajax、XHR
• jQuery.ajax で overrideMimeType する方法 - hogehoge
• jQueryの$.post - suz-lab
• IE で jQuery の Ajax リクエストをキャッシュさせない - Ussy Diary
• AjaxとIf-Modified-Since - みかログ

• CSS セレクタ
• CSSセレクタに関するおさらい - WWW WATCH (1) (2)(3)
• 高速な CSS セレクタエンジン「Sizzle」「Peppy」を試す - WebOS Goodies

• メニュー、リスト、リンク
• jQueryでリストをリンクに変える方法 - ひがやすを blog
• 開閉式のメニューを作る - jQuery日本語リファレンス
• 現在のページへのリンクをハイライトする - jQuery日本語リファレンス
• jQueryでアコーディオンメニューを作成する - TRIPLEXXX
• jQueryでアコーディオンの入れ子 - メモリークラフト
• jQueryでアコーディオンを設定する際の注意 - to-R
• 一定時間で自動的に消える New マークを付ける - かたつむりくんのWWW

• 位置、リサイズ調整
• jQueryで画面の中央に要素を表示する方法 - House Tect
• IE6でレイヤーを表示するとプルダウンが前面にきてしまう現象 - House Tect
• iframeの高さをコンテンツにあわせる - jQuery日本語リファレンス

• エフェクト
• JavaScriptでびゅんびゅんスライド！ページ切換法 - ASCII.jp
• jQueryアニメ＆エフェクト合わせ技で画像を拡大 - ASCII.jp
• jQueryのanimateメソッドの使い方 - HouseTect
• JavaScriptでアニメーション（animate）するときに気をつけたいこと - HouseTect
• ブラウザごとのJavaScriptアニメーション比較 - HouseTect
• JavaScriptでロールオーバーアニメーション - HouseTect (1)(2)(3)
• バグ？jQueryのanimate、IE6だけ動作が違う？ - THE HAM MEDIA
• jQueryで画像にマウスオーバーした際見出しをスライド表示する - CSS Lecture | demo

• スクロール
• jQuery でページスクロール - daily dayflower | demo
• ScrollTo with jQuery - Movable Type 備忘録(要ソース参照)
• jQuery を用いて大きな画像などを Google Map ライクにスクロール表示する UI - Tosshi Note | demo

• Easing
• http://dev.jquery.com/~john/ticket/step/test2.html(要ソース参照) | demo

• ハイライト
• jQueryだけで作る、サムネイル画像を魅力的に見せる方法 - ASCII.jp

• lightbox / ギャラリーページ
• jQueryのみでLightboxっぽいものを実現する方法 - F.Ko-Jiの「一秒後は未来」
• jQueryでギャラリーページを作る - 1：n - DETELU Blog | demo

• テーブル
• tableの列を選択する - moto-mono
• シマシマなテーブルをjQueryで作る - Emotional Web
• 【jQuery】 tableにtrをappendすると、自動的にtbodyが追加される - すたら日記
• その他テーブル関連はこちらをどうぞ

• WSH で jQuery を使う
• fenrirで気温を確認する - HIRACCHI H.D.
• jQuery on WSH テスト - plasticgrammer

• 原理
• jQueryのクラス定義はトリッキーでかっこいいよ - House Tect
• jQueryの再帰呼び出しはとってもトリッキー - House Tect
• jQuery の bind, unbind の裏側 - てっく煮ブログ
• 空の jQuery オブジェクトを作る方法 - IT戦記
• JavaScript ＜ jQuery ＜ Lisp ? - IT戦記
• コードリーディングjQuery.fn.nextAll - 文殊堂

• 活用例
• jQueryをナイスにナビゲーションに活用したサイト集 - PHPSPOT
• jQueryの効果的な使い方を実例から学ぶ Use jQuery - coliss

懸念

• Opera9.5 の height(),width()
• jQueryのheight()やwidth()はOpera9.5に対応していない気がする - House Tect
• Re:jQueryのheight()やwidth()はOpera9.5に対応していない気がする - 文殊堂

• script.aculo.usとの競合
• jQuery-1.2.6の気になるコード - We Ain't Seen Nothin' Yet.
• なぜか$(/*何がし*/)でindex:0に全件分のa要素が入ったjQueryオブジェクトが返ってくる件調査(jQuery AOPを使ってみた。) - 文殊堂
• jQueryと古いEffects.jsのArray.prototype.callがバッティングする問題を修正した - JavaScriptとかPerlとかPHPとかさくらとか勉強する

• dimensions.js
• dimensions.jsのinnerHeightがクロスブラウザでない - Javascript++かも

• jQuery UI Dialog
• jquery1.3 UI1.7 dialogはIE６だとかなり微妙。。。 - astrsk_horiの日記

• jQuery UI Datepicker、tablesorter
• jQuery の有名どころのプラグインが safari 3.* 系で動かなかったので、メモ - 雑想空間

• DatePicker - jQuery Plugin
• jQuery PluginのDate Pickerで、日付が1月なのに、2月になっちゃったりする不具合について - F's Garage

• FlyDom plugin
• jQueryのFlyDom pluginを使ってみたら便利だったけどバグに当たった - Lism.in*blog

Web APIノウハウ

• Twitter
• jQueryを使ってTwitterをおいしくマッシュアップ - @IT

• YouTube
• YouTube API と jQuery を使いこなす - gihyo.jp

• Google Ajax Feed API
• Google AJAX Feed API入門 - ajaxtower
• Google AJAX Feed API を使ってJavaScriptでサイトにRSSフィードを表示する方法 - THE HAM MEDIA
• Google Feed AJAX API触ってみたメモ - Humming Via Kitchen
• RESTful 形式の Google AJAX Feeds API を使って、フィードを JSONP で取得する - WebOS Goodies
• Google AJAX Feed API でブログの人気エントリーを表示するサンプル - F.Ko-Jiの｢一秒後は未来」
• Google AJAX Feed API の AJAX SlideShow を使ってみよう - F.Ko-Jiの｢一秒後は未来」
• Google AJAX Feed APIを使ってシンプルなガジェット型RSSリーダーを作成する方法(Windows only) - F.Ko-Jiの｢一秒後は未来」

• Google Maps
• jQueryでホットペッパーのAPIをリクエストしてGoogle ストリートビューを表示するまで - F.Ko-Jiの｢一秒後は未来」
• Google Maps APIで逆ジオコーディングが可能に - F.Ko-Jiの｢一秒後は未来」
• Googleマップ初歩の初歩！静的地図を組み込もう - ASCII.jp
• Googleマップで探すグルメサイトを作ろう！ - ASCII.jp

• Yahoo地図API
• 地図APIを使ったアプリケーション プログラム演習8 - ウエブアプリケーション開発入門講座

• 楽天API
• 【楽天API（JSON)×jQuery】商品取得して一覧表示 - MA-CREATORS

• Yahoo!画像検索API
• Yahoo!画像検索APIが表示できない画像も返すからjquery.lightbox.jsがうまいこと動いてくれなくなってしまうのでLWP::UAでcontent-typeを見て画像ではなかったらデフォルト画像にリダイレクトさせるようにしてみました - あきらめたらそこでテキオモですよ

• はてな
• jQueryとはてなブックマークエントリー情報取得APIを使ってURLのサムネイル表示をする - Secret Sword!!!
• はてブの評判が丸分かり！ APIを使ってみよう - ASCII.jp

• APIまとめ
• いろんなWEBサービスが提供しているAPIについて - SANRIDE STUDIO

• その他
• GoogleがホスティングしてるjQueryなどのJavaScriptライブラリを使う方法 - F.Ko-Jiの「一秒後は未来」
• GoogleでホストされているjQueryを使う方法 - IDEA*IDEA

プラグイン関連

チュートリアル、ノウハウ、紹介

• 本家

• Plugins/Authoring - jquery.com

• UI 系

• jQuery UI

• jQuery UI アコーディオン - All About
• jQuery UI タブ - All About
• jQuery Draggablesで簡単ドラッグドロップ - All About
• Droppablesでドロップ処理も超簡単 - All About
• Sortablesでドラッグ&ソータブル - All About

• jQueryを使ってるならコレ! ウィジェットライブラリの決定版 - jQuery UI - マイコミ
• Web開発者必見! jQuery UI ウィジェット3選 - マイコミ
• jQuery、Dojo、YUIの使えるウィジェット - マイコミ

• jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ - @IT
• FlashではなくjQueryで！インパクトのあるUIを作ろう - ASCII.jp
• jQuery UI 1.5.2 リファレンス - StackTrace
• jQuery ではじめる Ajax 第 5 回 jQuery UI によるユーザインターフェースの改良 - gihyo.jp
• JavaScriptとjQueryでデスクトップアプリに負けない操作性のWebアプリケーションを作る - internet.com

• jQuery UIを使ってiGoogleもどきを作ってみる - MA-CREATORS

• Interface
• Ajaxでどんな事が出来るのかを知るサンプル集26種類 jQuery interface編 - 4galaxy.net

• Ajax系

• jQuery Form Plugin
• django jQuery Form Pluginでファイルアップロードしてみた - Pyro Memo
• AjaxでPOST処理(Form Plugin) - beatspace9.log
• Validator(validation)とform - EMP WORDS

• メニュー系

• Kwicks
• メニューを彩るプラグイン(1) - gihyo.jp

• jQuery Multi Level CSS Menu
• jQuery plugin: Accordion
• メニューを彩るプラグイン(2) - gihyo.jp

• jqTOC
• jQueryで作るページ内目次とスムーススクロール - We Ain't Seen Nothin' Yet.

• jQuery Auto
• よくある質問っぽいののjQueryを使ったサンプル - CSS Happy Life

• レイアウト系

• jTemplate
• jTemplatesでHTMLを書くときに知っておきたい8つのこと - livedoor Blog
• jQueryによるHTMLテンプレートエンジンといえばjTemplates - ABUTEC
• jTemplatesで、foreachの中からもとのデータを参照する方法 - メモリークラフト
• jTemplatesのforeachの中から元の$Tを参照する方法 - Perlとかmemoとか日記とか
• jQueryでテンプレートエンジン - Programmable Life
• jTemplates(jQuery)情報 - suz-lab
• テンプレート差し込みデータのタグがそのまま表示(jTemplates/jQuery) - suz-lab
• Teeda Ajax & JQuery & JTemplates - iret ceo

• フォーム系

• selectable.js
• selectボックスをシンプルなプルダウンに拡張するjQuery.selectable.js - moto-mono

• カレンダー系

• Date Picker
• jQueryのカレンダーツール - satake7’s memo

• キーバインド系

• js-hotkeys
• jQueryでダミーフォーカスの実装 - でぃべろっぱーず・さいど
• jquery.hotkeys.jsを試してみたよ - Humming Via Kitchen

• PAGER 系

• PAGER
• ゼロからはじめるpager - Web文章をらくらく分割してみよう - マイコミ

• Validate 系

• validation.js(moto-motoさん作)
• リアルタイムフォームバリデーション validation.js - moto-mono

• Validation
• 高機能ライブラリ「jQuery」とそのPlugin「Validation」- すぎゃーんメモ

• ツリー系

• Treeview
• CSS を使った見栄えの良いツリーナビゲーション - バシャログ | demo
• jQueryでエクスプローラ風メニューに - ASCII.jp

• スライダー

• accessibleUISlider
• Select要素からJQueryスライダーを作り出す - メモリークラフト

• テーブル系

• csv2table
• これは便利だ！Excel→Table化するjQueryプラグイン - ASCII.jp | demo
• jQuery でCSVをテーブル表示 - All About

• Flexigrid
• わずか数行で"ものすごいテーブル"に! - jQueryプラグイン「Flexigrid」 - マイコミ
• Flexgrid のソート機能について - make world

• Data Tables
• HTML に記述したデータをソートできる dataTables - make world

• グラフ系

• jQchart
• jQuery でグラフ作成 - All About
• jQuery 棒グラフとグラデーション - All About

• エフェクト系

• Enchant
• Enchant でエフェクト - All About

• Gradient
• jQueryプラグインGradientでグラデーション - All About

• DropShadow
• jQuery でドロップシャドウ - All About

• Color Animations
• jQueryのanimateで背景色や文字色の変化をできるようにするプラグイン『Color Animations』- THE HAM MEDIA

• Cycle
• jQueryを使った、ランダム画像で様々なシャッフル演出効果のあるプラグイン - ホームページを作る人のネタ帳

• Easing
• jQuery Easing Pluginを使ってみた - regulus8.com | demo

• InnerFade
• ゼロからはじめるInnerFade - Web画像もテキストも簡単フェードイン/アウト - マイコミ | demo

• GX
• jQueryでアニメーションならコレで決まり?! 新星フレームワーク「GX」- マイコミ

• スクロール系

• jQuery.slideScroll.js
• スライドスクロールページ内リンク jQuery.slideScroll.js - moto-moto | demo

• interface.js
• jQueryでスムーススクロール - Movable Type 備忘録 | demo

• ニュースティッカー系

• liScroll
• ゼロからはじめるliScroll - ニュースティッカー風に情報を表示する - マイコミ
• 懐かしの“マーキー”をjQueryでちょいオシャレに！ - ASCII.jp

• 配置、レイアウト

• Center Plugin
• jQueryでボックスを上下左右中央に簡単配置 - REDLINE MAGAZINE

• Same Hight
• ブロックを一発で揃えるシンプルなJavaScript - ASCII.jp

• 履歴

• jQuery History Plugin
• jQuery history プラグイン - みかログ(1)(2)(3)

• レイヤー系
• 半透明のレイヤーでページや要素をブロックする「jQuery BlockUI Plugin」を試してみた- THE HAM MEDIA

• ギャラリー系

• Galleria
• jQuery ギャラリープラグイン - All About

• jqCarouselAsc.js
• jQueryで作る“Amazon風”インターフェイス - ASCII.jp

• Thickbox
• たった1行で再現する有名ECサイトのUIデザイン - ASCII.jp
• ThickBoxリファレンス - openspc2
• Lightbox風プラグインでダイアログ表示(2) - gihyo.jp
• Thickboxを表示したときにFlashオブジェクトを表示しないようにする - moto-mono
• Thickbox.jsで学ぶ、jQuery Ajax,アニメーション - GoodPic.com
• ThickBoxとSWFObjectでswfを簡単に表示させる - ほえろぐ

• Thickbox 3
• ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示 - マイコミ

• jQuery Fancy Zoom
• Lightbox風プラグインでダイアログ表示(1) - gihyo.jp

• Shadowbox
• Lightbox風プラグインでダイアログ表示(2) - gihyo.jp

• Popeye
• 省スペースの画像ギャラリーにも最適なlightboxのスクリプト -jQuery.popeye - coliss

競合

• jqUploader + Shadowbox
• "jqUploaderとShadowboxの相性"問題解決! - suz-lab

専門サイト

• skuare.net
• Postal Search APIs with jQuery

まとめ

• jQueryのプラグイン33+1選 -2007年9月 - coliss
• jQueryのプラグイン33+1選 -2007年11月 - coliss
• jQueryのプラグイン33+1選 -2008年1月 - coliss
• jQueryのプラグイン33+1選 -2008年3月 - coliss
• jQueryのプラグイン33+1選 -2008年5月 - coliss
• jQueryのプラグイン33+1選 -2008年6月 - coliss
• jQueryのプラグイン33+1選 -2008年7月 - coliss
• jQueryのプラグイン33+1選 -2008年9月 - coliss
• jQueryのプラグイン33+1選 -2008年10月 - coliss
• jQueryのプラグイン33+1選 -2008年11月 - coliss
• jQueryのプラグイン100選 -2008年総集編 - coliss
• jQueryのプラグイン33+1選 -2009年1月 - coliss
• jQueryのプラグイン33+1選 -2009年2月 - coliss
• jQueryのプラグイン33+1選 -2009年4月 - coliss
• jQueryのプラグイン33+1選 -2009年4月 - coliss

• jQuery 148 Plugins - skuare.net

• 使えそうなjQueryプラグイン - suz-lab

• jQueryでweb制作をする時にキープしておきたい30リストまとめ - ホームページを作る人のネタ帳

• 簡単Ajaxライブラリ「jQuery」と便利なプラグインたち - ウノウラボ

• 使えそうなjQueryプラグイン - Emotional Web

• jQueryが普及するとWebデザイナの職域が変わるかもしれない - 北から南や西を見て思うこと

• カレンダー
• jqueryのカレンダー集めてみました。- oduesp

• テーブル
• tableのヘッダ固定やソートとかのAjax系ライブラリまとめ - CyokoDog :: Diary

• ドロップダウンメニュー
• JQueryで簡単に作るドロップダウンメニューいろいろ - Design Walker