[B! widget] terkelのブックマーク

jQuery : ウィジェットのイベントハンドラ : typeOf 'aki_mana'

格好いいね！と思わせてくれる jQuery プラグインの大半が $.widget() を使っておらず、jQuery黎明期からの書き方がされてて、「これが jQuery の流儀」と考えてしまいそうなのだけど、「ブラウザの画面が切り替わる時に発生するガベージコレクタの作用によって定義したイベントやらがリセットされる」という特徴を利用したページ装飾目的の書き方に過ぎない。「先日、$.widget() 必須かも」と発言したのは、HTMLを書き換えるアプリケーションにおいて、上記のようなGC作用が見込めない場合、「メモリリークの温床になるのではないか」という懸念があるから。このような場合には書き換えた HTML を適切に戻すとか、アタッチしたイベントハンドラをデタッチするとかの後処理を面倒でもコードに埋め込まなければならない。 jquery.ui.widget.js と $.Widget オブジ

terkel 2013/08/07

リンク

[jQuery] ウィジェットを作る (1) – nbnote blog

通常のjQueryプラグインの定義では冗長になりがちな、イベント管理やサブメソッドの実装などなどをオブジェクト指向的にわかりやすく一貫性のある記述で実現できる(多分合ってる)、jQuery UIの$.widgetについての備忘録のようなものです。はじめにまずは「jQuery UI 公式ページ」から.jsを入手します。とりあえずのところは$.widgetが使えさえすればいいので、UI CoreのWidgetにだけチェックを入れてダウンロード。ダウンロードした.zipにはjQuery本体も同梱されています。テスト用に以下の環境を用意した想定で進めていきます。ウィジェットの定義 jquery.test.myWidget.jsにウィジェットを定義していきます。まずは以下のような即時関数パターンで、jQueryを引数に取って呼び出されるようにしておきます。 (function($) {

terkel 2013/08/06

リンク

jQuery UI Widget Factory

The jQuery UI Widget Factory WAT? adam j. sontag corey frang Thanks for coming! The jQuery UI Widget Factory is an HTML5 presentation designed to familiarise developers with basic approaches to debugging jQuery and JavaScript code. It also introduces many of the common pitfalls most people encounter at some point on their jQuery journey. It is always a work in progress! Use the left ← and right →

terkel 2013/08/05

リンク

Making Use of jQuery UI's Widget Factory | Envato Tuts+

For a long time, the only way to write custom controls in jQuery was to extend the $.fn namespace. This works well for simple widgets, however, as you start building more stateful widgets, it quickly becomes cumbersome. To aid in the process of building widgets, the jQuery UI team introduced the Widget Factory, which removes most of the boilerplate that is typically associated with managing a widg

terkel 2013/08/05

リンク

HTML5 × CSS3 × jQueryを真面目に勉強 – #14 jQuery UI Widget(プラグイン)の作り方について詳しく | DevelopersIO

そんな訳で、jQuery UI プラグイン(※以下、jQuery UI Widget) の作り方について学んだので、ここに書き記しておくとします。忘れっぽい自分のための備忘録として書いた内容なので、割りと基礎的な部分にフォーカスした入門編のような内容になっています。ウィジェット作成のための前準備当然ですが jQuery UI のプラグインなのだから、作成には jQuery エンジンだけでなくjQuery UI ライブラリが必要となります。手順A | CDN で手軽にロードする学習目的やちょっとしたテクニカル調査といった場合は、わざわざファイルをダウンロードするのも大げさなので、CDN (コンテンツ・デリバリ・ネットワーク)を利用させてもらうのが妥当です。 jQuery UI オフィシャルページのフッター部分に必要なURLがすべて記載されているので、これらをアナタが作成する HTML

terkel 2013/08/05

リンク

404 Not Found

The requested URL /2012-02-12-iPtdqxTHVhcfds.gslk was not found on this server.

terkel 2013/04/05

リンク

jQuery UI widgetでviewをゼロから作る

programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / jQuery UI の widgetを使ってると、jQuery プラグイン形式だけどOOPできるぞーとかいう感じだけれども、結局のところはプラグイン形式なので、既にあるDOMをベースを起点として動作する。なので、例えば new $.ui.dashboard(JSON); みたいにやって、ゼロからviewを作ることが出来ない。こうするとwidgetのインスタンスをnewすることはできるんだけど、欲しいのは、widgetが適用されたDOM一式だったりすることが多い。widgetの_create（コンストラクタみたいなの）の中でごねごねやれば出来ないことは無いんだけど、それでやると色々とwidget