jQuery
Writing Modular JavaScript With AMD, CommonJS & ES HarmonyのModules With Deferred Dependenciesが便利なので活用してる。 初期化処理が非同期処理でrequireしてきても即使えるとは限らない場合に使う。 モジュール側ではモジュールそのものではなくてpr…
複数画面で使えるAjax formダイアログのコンポーネントを作る 初期状態 Google CalendarのようなWebアプリを想像してください。 1日が1個のセルになっていて、セルをクリックしたらスケジュール登録ダイアログが表示され、 入力して登録ボタンを押すとスケジ…
前置き custom eventとは何か?(前置きの前置き) ブラウザがサポートしているeventではない独自定義event。 clickとかはブラウザがサポートしているevent ユーザのアクションやブラウザの状態等によって直接発火されることはない click eventは、ユーザがマウ…
とりあえずRequireJS0.14.5+jQuery1.4.3,RequireJS0.15.0+jQuery1.4.4で発生。 IEは6~8っぽい。なんで気づいたかというと IEでjQueryUI等の動作がおかしくなった CSS Box Modelがサポートされている状態なのに$.boxModel(=$.support.boxModel)がtrueでない f…
先日行われた若手IT勉強会 : ATNDに参加。 JavaScriptのテスト周りの話を読む。 JavaScriptのテストユニットフレームワークにおいては、 非同期テストのサポート eventのシミュレーションのサポート が重要とかそんな感じだった。 QUnitでは非同期テストはサ…
BPStudy#28 : ATNDの発表資料。 スライドなどは用意しておらず、これで発表する。 自己紹介 技術方面でのキーワード jQuery 主にevent周りを追っかけている Mercurial 俺々管理からチーム開発まで、開発をより上手くまわせるバージョン管理の仕方を追求中 St…
Debug jQuery events with ‘listHandlers()’ – James Padolsey jQueryオブジェクトが抱える要素が持つeventを第一引数の条件で絞り込み、 第2引数の関数に渡してくれる。 console.infoを指定すれば全件各々consoleに出力してくれる。
若手ITゾンビにオンラインで参加した。 liveメソッドについては.live() | jQuery API Documentationを参照 liveでeventを貼って、実際にeventが発火した場合、 以下のliveHandlerが呼ばれる。 l2989-3012 function liveHandler( event ){ var check = RegExp…
jQueryのハンズオンをやりますが全然準備していないので即興でやります。 jQueryを始める上であるとよいもの jQuery jQuery 開発環境 Mac、PC、Linux 向け新高速ブラウザー | Firefox Firebug FireQuery is a Firebug extension for jQuery development Fire…
jquery ui droppable とかを JSTAPd でテストするいい方法ないかなー。。。 http://twitter.com/Yappo/status/5416937057 これが気になったので、やってみた。 前提としてjQuery UIの各pluginはplugin用のオブジェクトを持っていて、 jQueryオブジェクトでの…
Firebugのconsoleでhoge,fuga,piyoの3つのcustom eventの通知を監視する。 後から追加した要素に後からbindしたとかでも監視出来る。 難点として動かしているとFirefoxがものすごい勢いでメモリを食っていき、 1window・1tabで2時間弱動かした程度でメモリ使…
jQuery.event.trigger(eventType); で、やる。若手ITゾンビで読んだ。 主な用途はDOM要素に紐づかないcustom eventの通知用(例：ajaxSend)と思われる。 (全DOM要素への通知って用途はあるのかな?) 実行すると、jQuery.cacheに入っている全てのオブジェクト(D…
jQueryでは非DOMオブジェクトにもeventをbind/triggerできる Binding Events To Non-DOM Objects With jQuery この例だとwindow.location.hrefが変化しているかどうかTimerで監視し続け、 変化したタイミングで$( window.location ).trigger('change',data);…
FireQuery is a Firebug extension for jQuery development jQueryを扱う際に便利なFirebug拡張 現在のバージョンは0.3 結構前に紹介されていたけど、ちゃんと使いこなせてきた感じなので紹介する。 以下、各機能について紹介と解説。 jQueryオブジェクトのc…
The JUI 2009 Returns (JavaScript User Interface) : ATND CSS Transforms, JavaScript IME, Explorer-like selection Paul Bakaus jQuery UIのメインcommiter JavaScript UIのunittest frameworkを作ってる 3Dの箱の表面にテクスチャ貼ったりテクスチャを…
zero-paddingした数字を返すと8進数として評価されてしまい欲しい結果が得られなくなる。 なぜかというとjQueryでJSONを処理するときはJSON.parse相当の処理をするのではなく、 evalしているだけなのでJavaScriptの言語仕様上そうなってしまう。 JSON.parse(…
紹介 タイトル通りのplugin Ben Alman » jQuery iff: A chainable "if" statement 言及のきっかけとか 実用性がどうかとかより、以前似たようなものを実装しようとした者として、 そのシンプルな実装に感動したので言及しておく。 ちなみに私が作ったのはこ…
http://djangoproject.jp/weblog/2009/02/24/django_hack_a_thon_disc8/ スライド jQueryを効率的に利用・習得するためのhogehogeみたいな話と、jQueryUIの紹介という内容。 質問はTwitterのreplyで受け付けるという形にしたらとてもやりやすかった。 補足 …
var el = $('#id'); el.html(el.html().replace(/word/ig, "")); http://www.catswhocode.com/blog/8-awesome-jquery-tips-and-tricks この例酷すぎるでしょ。 置換対象の文字列がHTMLのタグ名に含まれるものならHTMLの構造が壊れるし、 属性の値と一致して…
3 Quick Steps for a Painless Upgrade to jQuery 1.3 | Learning jQuery ブコメでメモしようとしたら長くなったので CSSセレクタでのXPath式属性指定が廃止された $('[@title=foo]');→$('[title=foo]'); カスタムセレクタの実装をJavaScriptコードの文字列…
$('') とすると、 (中略) 空の div タグを作って、その中に innerHTML で HTML 文字列を流し込んで DOM ノードを作成しているようだ。 http://d.hatena.ne.jp/nitoyon/20090219/object_jquery これ、1.3系では$('')とか$('')の場合は createElementでDOM要素…
jQueryとSafariとか | 眠る開発屋blog Firefoxとかでは、a、b、cともにalertで表示されるが、Safariの場合、bがundefinedになる。 まぁ確かに input タグの位置は少し気持ち悪いのだが。 http://www.developer0000.jp/2009/02/04/3634/ 少しじゃなくてだいぶ…
従来は行われなかったbubbling処理が行われるようになる http://semooh.jp/jquery/cont/doc/release_1.3/ これがよくわからなかったけど多分trrigerメソッドの話だと思ったので コードを読んでみたところそれっぽい処理があった。 確認の為にデモページをつ…
jQuery 1.3 beta: Sizzling and feature testing - Ajaxian 特徴としては CSSセレクタエンジンにSizzleを採用 CSSセレクタでの要素の取得が速くなる まあ自分で開発しているWebサイトなら適切にid振ったりしているだろうからあんまり効果はないのかも ブラウ…
公式サイト http://ui.jquery.com/ なお、以下の解説は1.5系前提です。 内部実装概略 tabsメソッドの対象は何か？ 「$(someSelector).tabs();」を実行した時のjQueryオブジェクトはどんなDOM要素をラップしたjQueryオブジェクトか？ →タブにするli要素の祖先…
pixiv_add-bookmark.user.js · GitHubを弄ってて実感した。 DOMツリー構築とE4X jQueryだとjQuery関数にHTML断片を文字列として渡す事でDOMツリーを構築する事が出来る。 で、Greasemonkeyのscriptが動く環境は当然FirefoxなのでE4Xを使う事が出来る。 する…
pixiv_add-bookmark.user.js · GitHub クリックしてインストール修正・改良点 酷いポカのせいででやたら重いのを修正 表示して閉じてまた開くとグループが倍になってるの修正 選択済みグループがグループ一覧で強調表示されるようにした 選択済みグループ表…
とりあえず動く版は出来たものの超とりあえず版。 pixiv_add-bookmark.user.js · GitHub クリックしてインストールここら辺の話の続き pixivのイラストをブックマークするのをブックマーク追加画面に遷移せずに行いたい - 文殊堂 なぜか$(/*何がし*/)でindex…
pixivのイラストをブックマークするのをブックマーク追加画面に遷移せずに行いたい - 文殊堂で、 イラスト表示画面(http://www.pixiv.net/member_illust.php?mode=medium&illust_id=${illust_id})から、 グループ一覧画面(http://www.pixiv.net/bookmark_gro…
特定メソッド実行時にlogを吐かせたりしたいので javascript:jQuery.getScript('http://jquery-aop.googlecode.com/svn/trunk/src/aop.js');void 0; 当日修正 jQuery pluginを読み込むときはjQueryは読み込まれている前提なんだから、 本体読み込むときみた…
