JSでイベントハンドラ周りにコマンドパターンを使って、メンテナンスを簡単にする - 心魅 - cocoromi -
JavascriptでAjaxでかつ画面遷移しまくるアプリを作るときに、イベントハンドラの付け替えが割と面倒だったりします。 そんなときには中身を入れ替えない部分の要素にだけイベントハンドラを設定して、あとはクラスをパースして処理を分けるという手段があります。 今回のサンプル：http://umezo.tsuyabu.in/samples/js/cmdPattern/ 前提 ただし、そもそもイベントハンドラを付け替えなきゃ行けない時なんかあるのか？というと、以下の様なケースが該当します。 Ajaxによる内容の入れ替えをinnerHTMLの書き換えで行っている と言うのも、innerHTMLで中身を書き換えてしまうと、JS上のオブジェクトに対応する、HTML要素がいなくなってしまうため、イベントが飛んでこなくなるのです。 仮に書き換える前と全く同じHTMLを読み込んだとしてもイベントハンドラ
最速インターフェース研究会 :: JavaScriptのデザインパターン - Singleton
JavaScriptじゃねえと書けねえよ、ってやり方でデザインパターンを実装してみるコーナー。とはいってもデザインパターンとか良くわからないので適当に覚えながら作る。 間違ってる箇所あったらつっこんでくれるとありがたいです。 わかりやすい文章を書く能力が欠如してるのでデザインパターンって何だとかそういうのはこっち参照。 http://d.hatena.ne.jp/naoya/20050813/1123924312 JavaScriptのコンストラクタはPerl同様自在に定義できます。returnでobjectを返してやれば、newの結果としてそいつを使います。 普通にシングルトンなクラスを実装するにはこんな感じだと思います。 function Singleton(){ var self = arguments.callee; if(self.instance == null){ this.
Javascript/デザインパターン/クラスを作る - 俺の基地
クラスを作る Javascriptに直接クラスを生成する仕組みははない。宣言があるのは変数だけで、あとは全部オブジェクト生成だから。 でも似たようなことを関数オブジェクトを使ってすることができる function Hoge(piyo){ var a = piyo; this.getA = function(){ return a; } } こんな感じ。これでフィールドaを持ち、それに対するアクセサを持つクラスが完成する。さらにaを引数で初期化するコンストラクタまで備えている。 ▲ ▼ プライベートフィールド JavascriptのスコープはJavaのようにブロックスコープではなく関数スコープになっている。これを利用すると普通privateと呼ばれる外部から隠蔽された変数を作ることができる。 例の変数「a」はプライベートなので外部のオブジェクトは直接アクセスできない。 さらにJavascri
RIA のアーキテクチャー概要 （リッチクライアント編） | デベロッパーセンター
コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* この記事では、Flex アプリケーションのアーキテクチャー概要を扱います。以下の内容は、Flex アプリケーション構築の際に一般的に起こる、と思われる問題への対応例を紹介することが目的です。Flex アプリケーションを常に同じ形で構築することを推奨するものではありません。 クライアント側とサーバー側を含めたアプリ全体のアーキテクチャーについて
Careless Adventurers -今日も迷子-(2007-10-17)
<< 2007/10/ 1 1. うわーい！ 2 1. 清き一票を〜 3. 拍手レスー。 8. Adobe AIRのデバッガが動かない 3 1. 投票してくださった方ありがとうございます！ 4 1. 初音ミクアクションパズル、だいたい仕様は決まった 5 1. 10月中旬から開発できなくなるかも 6 1. きたぜ初音ミク！ 2. 拍手レスー。 7 1. 絵を描ける環境にないんです 8 1. PCこわれますた 9 1. 予想外の出費にぐんにょり 10 1. ドット絵むずー 11 1. どうしてくれようこの眠さ 12 1. なにがおきたんだろう 13 14 1. 久々にCrawlしました 3. HMVC（Hierarchical-MVC）とPAC（Presentation-Abstraction-Control) 5. HMVC、だけど… 7. PACについて 10. で、結局どうなのよ 15
C# で Pluggable MVC - 星一の日記
諸事情で、とあるエディタを C# で作っているのですが、エディタのアーキテクチャとして "Pluggable MVC" というのが使えるのではないかとふと思いました。 MVC は、もちろん Model-View-Controller のことですが、説明は割愛します。Pluggable MVC とは、 Smalltalk の世界では「最高」と言われている MVC らしいです。 第6回 Smalltalkウィンドウプログラミング(2) 上ページの図 5 がそうです。図にしたがって処理の流れを書くと、以下のとおり。 あらかじめ、 Model に対応する View が一つ以上登録されている。 <1> Controller が Model を操作する。 <2> Model が、自分の内部が変化したときの changed メッセージを自分に送信する。 <3> Model に登録されている View す
PACアーキテクチャパターンとは？ - ジャズと育児とオブジェクト
以下は「ソフトウェア・アーキテクチャ」という本を読みながら書いたメモ。 PAC（Presentation・Abstraction・Control）アーキテクチャについてのメモである。PACアーキテクチャは「アプリケーションの複雑な意味的概念を捉えるための構造」と定義される。 ■ MVCとの違い PACは構造的にはMVCと非常によく似ている。 Smalltalk的MVCにおけるCは、ViewのGUIイベントとModelのデータを強調させるという位置付けであり、大抵はフレームワークレベルに隠蔽される。また、Smalltalk-MVCに限らずMVCアーキテクチャの粒度は（複数のMVCに分割する場合もあるが）通常は一枚岩であり、システムを３つのコンポーネントに分割するだけである。 PACにおけるCは、GUIに限らずMとVを協調させるという責務を持っている。またPACは明示的に階層構造を定
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sofea / SOUI - Web future without web frameworks
Service Oriented UI(SOUI)の出現はMVCの死を意味するのだろうか？
feb19