読者です 読者をやめる 読者になる 読者になる

8行でjQueryのデバッグが楽になるjQuery.pの紹介

週末はオレ標準JavaScript勉強会のUstreamを眺めてました。ago(@kyo_ago)です。 以前jQuery使いが陥りやすい罠の中で「4 何でも一行で書こうとする」という点を上げたのですが、以下のようなmethodを定義することでmethod chainのデバッグが楽になるので紹…

別なappのroutingやpartialを読み込めるsfAppChange

はじめまして。KAYAC技術部に留学中のshinoutです。 今日はsymfony1.4系で動作するプラグイン(もどき)、sfAppChangeについて紹介します。 symfonyでは異なるapp同士での共有はmodelのみに限られており、 たとえば 「backend処理だけど、front側のURLを取得し…

カーソルキーでエントリーを移動するjQuery pluginを作成しました

間食は大豆がメインです。agoです。 このブログでも使用している左右のカーソルキーでエントリーを移動するJSをjQuery pluginとして切り出したので紹介します。 使い方 jQueryと以下のJSを読み込んでください。 jQuery.keyscroll - GitHub 以下の内容をscrip…

リニューアル後のsitemapとjQuery-visitedとオチ

週末キーボードを水洗いしました。agoです。 すでにだいぶ時間が経ってしまいましたが、7/7にwww.kayac.comがリニューアルしました。 リニューアルに伴いtech.kayac.comでご紹介したい点がいくつかあるのですが、今日はその中からsitemapで使用しているjQuer…

jQuery Plugin作成時の3つの注意点

実家に帰ったら犬に威嚇されました。agoです。 jQuery Pluginに関しては、以前jQuery Pluginの書き方として基本的な部分をまとめたのですが、もう少し細かい部分に関して再度まとめてみようと思います。 1 $.dataの活用 以前jQuery.dataの使い方でも紹介した…

pngfix & rollover library sisso.jsを作成しました。

通販で自転車のスポーク買いました。agoです。 社内から「yuga.jsみたいに呼べば使えて、環境に依存しないpngfixとrolloverライブラリがほしい」とリクエストを受けたので作成してみました。 使い方はファイルをダウンロードし、以下のようにマークアップす…

jQuery.opensocial_simple Pluginを作成しました。

昨日OpenSocial Hackathonに参加させていただきました。agoです。 Hackathonは終わってしまいましたが、jQueryからOpenSocialを簡単に扱うためのPluginを作成したので、jQuery.opensocial_simpleとして公開したいと思います。 opensocial、gadgetsのすべての…

jQuery.ime_external Pluginを作成しました。

Microsoft Trackball Opticalの復活を切に希望中のagoです。 今年旅する支社として行ったイタリアで、Flash経由でJSからIMEを操作するプラグインを作成したのでjQuery.ime_externalとして公開したいと思います。 同種のJSは過去にもいくつかあったんですが、…

jQuery.autouploader Pluginを作成しました。

AutoHotKeyの設定ファイルが意味不明で困ってます。agoです。 このたび弊社ではにおい部 - においフェチに捧げるコミュニティとして、におい部をOPENしました。 今回はこのサイトで使用している、ファイル選択時の自動プレビューjavascriptをjQuery.autouplo…

jQuery.brbr Pluginを作成しました。

高知から帰ったら席がのっとられていたagoです。 このたび弊社ではYUREX™ - ビンボーゆすりを科学したコラボ・プロダクトを開発として、YUREX製品サイトをOPENしました。 今回はこのサイトで使用している、文字や画像のリンク部分を揺らすjavascriptをjQuery…

jQuery Pluginの書き方

最近いくつかjQueryPluginを書く機会があったのでちょっとまとめてみようと思います。 (function($) { //このPluginの名前 var name_space = 'basePlugin'; $.fn[name_space] = function(options) { //いったん退避 var elements = this; //設定情報の構築 v…