jQuery のプラグインの定義手法については、いろいろな記述の仕方が考えられるかと思います。今回、実際に公開されているソースを参照して、どのような定義パターンがあるのかを調べてみました。 jQuery 標準 API の定義構造のおさらい まず、jQuery が標準で提供している各種 API が、どうのような構造で定義されてるかおさらいしてみます。 $ や jQuery はグローバル変数、つまり window オブジェクトのプロパティ名であり、その実体は関数オブジェクトです。 window.$ = window.jQuery = function(){ ... } jQuery が提供する API には 関数 API と メソッド API があり、関数 API は jQuery 関数オブジェクト（以降 jQuery セレクタと記述します）が持つ、関数オブジェクトのことを指します。 jQue

history.pushStateでのページ遷移をやりやすくするためにjQueryのプラグインとしてjquery.smarthistory.jsというのを書いてみました。 jquery.smarthistory.js history.pushStateをサポートしてるブラウザではhistory.pushStateを使って、サポートしてないブラウザでは何もしません（普通に遷移する）。今だとchrome、safari、iOS、Firefox4で動くと思います。 こんな感じで使います。 $('a').smarthistory({ defaultData: $('html').html(), target: function() { return $(this).attr('href') }, before: function() { // ajax前の処理 }, change: function

Per fornire le migliori esperienze, utilizziamo tecnologie come i cookie per memorizzare e/o accedere alle informazioni del dispositivo. Il consenso a queste tecnologie ci permetterà di elaborare dati come il comportamento di navigazione o ID unici su questo sito. Non acconsentire o ritirare il consenso può influire negativamente su alcune caratteristiche e funzioni. L'archiviazione tecnica o l'ac

先日、現物とドキュメントの乖離に嫌気がさし、テーブル定義書の和名や説明文を、ＤＢのメタ情報として保存できるようにする Web アプリを作りました。（オラクルのデータディクショナリを利用してます） テーブル定義書イメージな画面から Ajax + In-Place-Editor で直接編集できるようにしたのですが、編集量が多い時など、キー操作による上下左右のフォーカス移動ができないとどうにも不便だったので、これを可能にする jQuery プラグインを書いてみました。 機能概要 テーブル要素内の INPUT、TEXTAREA、SELECT、A のいづれかの要素にフォーカスした状態で、[Shift] + 移動したい方向の[矢印キー]の入力で、セルを跨いだフォーカス移動ができます。 Opera の空間ナビゲーション機能 Opera にはもともと テーブル要素に限定せず、同様のキー操作でフォーカス移動

Movable Type でカテゴリ選択を限定する「CategorySelectorFilterプラグイン」を公開します。 １．機能 ブログ記事投稿画面のカテゴリ選択でカテゴリをチェックすると、他のカテゴリを選択できないようにします。チェックを外せば再び選択できるようになります。 選択前の状態 選択後の状態（選択したカテゴリ以外のカテゴリのチェックボックスはdisable） また、選択可能なカテゴリをプラグインで指定することもできます。チェックを外しても選択不可のカテゴリは選択できません。 例：サブカテゴリのみを選択可能にした状態 細かい話ですが、選択可能なカテゴリはマウスオーバーで背景色を変更しますが、選択不可の状態では背景色を変えることはできません。 選択可能なカテゴリ上でのマウスオーバー 選択不可なカテゴリ上でのマウスオーバー ２．謝辞 このプラグインではJavaScriptを実装し

このアドオンの不正を報告このアドオンが Mozilla のアドオンポリシー に違反している、あるいはセキュリティやプライバシー上の問題があると思われる場合は、このフォームを使って Mozilla へ問題を報告してください。 このフォームを使ってアドオンのバグを報告したり機能を要望したりしないでください。この報告はアドオン開発者ではなく Mozilla へ送信されます。

FireQuery is a collection of enhancements for jQuery. I'ts build on top of Firefox native developer tools. Firebug is not required for version 2.0, but installing Firebug 3 allows using the well known Firebug theme. Features: jQuery expressions are nicely presented in Firebug ConsolejQuery data are presented in the Inspector panelIt is possible to inspect jQuery data detailsjQuerify: enables you t

Movable Type のブログ記事投稿時、本文に記述した img 要素に対し、width 属性と height 属性を自動的に付与するプラグインです。MT のアイテム機能を使わずに画像を挿入している場合などに有効です。 この記事の img 要素にも本プラグインを適用して、width 属性・height 属性を自動挿入しています。 １．機能 このプラグインは次の機能を提供します。 ブログ記事の本文に挿入した img 要素に width 要素および height 要素を含まない場合、ブログ記事の保存時に画像サイズを取得し、width 属性と height 属性を自動的に付与します。 width 要素または height 要素のいずれかが設定されている場合は動作しません。 img 要素に他の属性が設定されている場合、そのまま反映します。 ブログ記事保存前 ブログ記事保存後 なお、本プラグイン

ギズが携帯で見れるようになったよ！　な、なんだってー！ : Gizmodo Japan（ギズモード・ジャパン）, ガジェット情報満載ブログ Gizmodo JapanさんのサイトのシステムをMovable Type 3.35からMovable Type Pro 4.25に変更するにあたって、プラグイン作成で協力させていただきました。 また、フォトギャラリー生成プラグインを導入したことによりを導入したことにより、写真ギャラリーが画面に浮かび上がるものから、画像ページに切り替わりました。 ここで紹介されている「フォトギャラリー生成プラグイン」というのがそれです。 このプラグインでは、以下のようなことができます。 複数画像の一括アップロード アップロードされた画像をアイテムに追加 画像ごとに個別のウェブページを作成 画像の縦方向（または横方向）のサイズをあわせたサムネイルの自動作成 ギャラリーペ

GreasemonkeyスクリプトのAutoPagerizeやFirefox add-onのAutoPagerのように、スクロールするだけで自動ページングできるjQueryプラグインを作ってみました。 ※10/22 全面的に書き直したv1.0.0をリリースしました。 詳しくはhttp://lagoscript.org/jquery/autopagerを参照してください。 サンプル $.autopager({ nextLink : '#nav a:last', // 次ページリンクのセレクタ pageElement: '#res' // ページコンテンツ部分のセレクタ }); jQuery.autopager(options) サイトに次ページの自動読み込み機能を付け加えます。 options nextLink: 次ページのリンクを持つ要素へのセレクタ pageElement: ページコンテ

Firefinderとは何か？ https://addons.mozilla.org/en-US/firefox/addon/11905/ CSSセレクタやXPathで要素を検索出来るFirebugの拡張です。 どんな人にお勧めか？ hiddenフィールドの値を閲覧したり、 formのどの要素のnameが何かとかさくっと見たくなることないですか？ あるならお勧めです。 Firebugには既に$$というCSSセレクタで要素を検索出来る関数があるんだが？ CSSセレクタのサポートの度合いが違います。 $$関数では基本的なCSSセレクタしかサポートされていないので、 例えば、ここなら、http://images.google.co.jp/advanced_image_search?hl=ja $$('input'); // [input, input ja, input Google 検索, i

Movable Type 4.x のファイルアップロードで、複数ファイルをまとめてアップロードできる Better File Uploader プラグインを紹介します。 画面のように、複数ファイルをまとめてアップロードすることができます。画像サイズを変更してアップロードすることもできます。 また、アップロード時のサムネイル作成やHTML属性の付与など、オプションも充実しています。複数ファイルをアップロードしても、それぞれ独立してオプションを設定できるのが嬉しいです。 アップロード途中で画像を確認することもできます。 このプラグインは非商用利用でも有料ですが、機能が充実しており、利用価値の高いプラグインだと思います。以前のバージョンではアイテム一覧に対応していなかったようですが、現在公開されているバージョンでは対応しています。 なお、本プラグインについては、3年ほど前に「アップロード方法を指

Brushes for digital painting. Digital painting is a category especially popular among illustrators. Even if their creative activities start in a traditional technique, such as watercolor, sketch, pastel drawing... they finally end up in a digitized form for processing in a graphic design program, often Photoshop. There are also artists who create their work on a computer or tablet from the very be

最近に検索された単語を表示する MovableType プラグイン:RecentSearchString Permalink URL http://www.magicvox.net/archive/2008/03262359/ Posted by ぴろり Posted at 2008/03/26 23:59 Trackbacks 関連記事 (0) Comments コメント (10) Post Comment コメントできます Category MovableType の検索結果ページなどで、最近に検索対象になった単語を一覧するための MovableType プラグインです。Excite のサーチストリームのように、同じサイトを訪れている自分以外の誰かが、どんなことに興味を持って、どんなキーワードで検索をしているのか表示できれば面白いかなと思って作ってみました。 目次 ダウンロード

WordPressやMovable Type（MT）など、無料あるいは低価格なブログ／CMSが急速に広まったおかげで、Webサイトの維持・更新はずいぶん楽になった。以前はスタティックなHTMLの個人サイトを日々更新していたが、今ではすっかりそれらのブログ／CMSに移行した、という人は多いだろう。 ところが、始めのうちは便利に感じたツールでも、使い続けていると、「編集画面が狭い」「画像の登録が意外に面倒」といった、使い勝手に不満を感じることがある。 今回は、そうした不満をクライアント側の工夫で解消し、ブログ／CMSをさらに快適に利用できるようにするFirefoxのアドオンを3つ紹介しよう。どれもシンプルな機能を追加するものだが、痒いところに手が届き、一度使ったら二度と手放せなくなるものばかりだ。 ドラッグ＆ドロップでファイルをアップロード 「dragdropupload」 多くのブログ／CM

2008年4月10日に追記 最新バージョンは、0.1.6です。以前落とした方はお使いのプラグインのバージョンを確認してもらえると幸いです。 修正箇所 管理画面の「このブログにユーザーを追加」や「権限の付与」をクリックするとlightboxのような動きで表示される、画面が正常に表示されていなかったバグを修正しました。 CSS Nite x (r)evolution Shift to 2008でMT4がくるー！みたいな発言があってちょっと嬉しかったなぁ～。 MTはボクがデジパに入社した時から、CMSツールとして提供していたりしたので。 そうそう、忘年会ではヨモツネットの中の人にご挨拶が出来たのです！ウヒヒ！！ さてさて、主題に。 MT4専用でございますが、MTデフォルトだと、boldやitalicなどがボタンを押すとタグでちょいちょいっと囲ってくれるわけですが、ちょっと物足りないのです。 特に