prototype.js でデザインパターン - Builder パターン
7つめは、「複雑なインスタンスを組み立てる」Builder パターンです。 var Main = Class.create(); Main.prototype = { initialize : function () {}, main : function () { var builder; if (arguments[0] == 'plain') builder = new TextBuilder(); else builder = new HTMLBuilder(); director = new Director(builder); director.construct(); document.writeln(builder.getResult()); } } というクライアントがあり、その出力は引数が plain なら ============================ 『G
prototype.js でデザインパターン - Prototype パターン
続きまして「コピーしてインスタンスを作る」Prototype パターンです。デザパタ本では6章にあたります。 var Main = Class.create(); Main.prototype = { initialize : function () {}, main : function() { var manager = new Manager(); var upen = new UnderlinePen('~'); var mbox = new MessageBox('*'); var sbox = new MessageBox('/'); manager.register("strong message", upen); manager.register("warning box", mbox); manager.register("slash box", sbox); docum
prototype.js でデザインパターン - Abstract Factory
ようやく8つめ。まだ残り 15 あります。8つめは「関連する部品を組み合わせて製品を作る」Abstract Factory パターン。複数のオブジェクトを正しい組み合わせで生成されるようにしたい、といったときに使うパターンです。 デザパタ本の題材は階層構造を持ったリンク集ページを作る、というものですね。 LinkPage * 新聞 o 朝日新聞 o 読売新聞 * サーチエンジン o Yahoo! + Yahoo! + Yahoo! Japan o Excite o Google -- 伊藤 直也こんな感じの出力を HTML で出してみましょう、というもの。 集合を扱う Tray クラスと、各個別のリンクを扱う Link クラスを用意してそのインスタンスを操作しページに相当する Page クラスに追加していくことでこの出力を作ります。ただ、出力は ul/li によるリスト構造による出力とか
prototype.js でデザインパターン - Singleton
次は「たった1つのインスタンス」Singleton パターンです。あるクラスがあって、そのクラスのインスタンスは実行アプリケーションのライフサイクルを通じて唯一に制限したい、何回生成しても同じインスタンスである、というものです。 var Main = Class.create(); Main.prototype = { initialize : function() {}, main : function() { document.writeln('Start.<br>'); var obj1 = Singleton.getInstance(); var obj2 = Singleton.getInstance(); if (obj1 == obj2) { document.writeln('obj1 と obj2 は同じインスタンスです。<br>'); } else { document
prototype.js でデザインパターン - Factory Method
お次は「インスタンス作成をサブクラスにまかせる」Factory Method パターン。これまた定番。 var Main = Class.create(); Main.prototype = { initialize : function() {}, main : function() { var factory = new IDCardFactory(); var cards = new Array( factory.create('Erich Gamma'), factory.create('Richard Helm'), factory.create('Ralph Johnson'), factory.create('John lissides') ); for (var i = 0; i < cards.length; i++) { cards[i].use(); } } } とい
prototype.js でデザインパターン - Template Method
次は「具体的な処理をサブクラスにまかせる」Template Method パターン。定番ですね。 var Main = Class.create(); Main.prototype = { initialize : function () {}, main : function () { var d1 = new CharDisplay('H'); var d2 = new StringDisplay('Hello, world.'); var d3 = new StringDisplay('Oh! JavaScript'); d1.display(); d2.display(); d3.display(); } } みたいなクライアントがあります。出力結果として、 [[HHHHH]] +-------------+ |Hello, world.| |Hello, world.| |Hel
prototype.js でデザインパターン - Adapter
Iterator に続きまして、「一皮かぶせて再利用」な Adapter パターンです。クライアントは var Main = Class.create(); Main.prototype = { initialize : function() {}, main : function () { var p = new PrintBanner("Hello, World"); p.printWeak(); document.writeln('<br>'); p.printStrong(); } } といった感じ。PrintBanner クラスは別のレガシーなクラスのアダプタで、インタフェースを肩代わりしてやっていると。 実行結果は (Hello, World) *Hello, World*となります。 今回もやっぱり interface に相当するものは作らずにやってみます。(Adapter
prototype.js でデザインパターン - Iterator
Ruby on Rails や Catalyst のプラグインなんかでは prototype.js という JavaScript のライブラリを使って、Ajax サポートを実現しています。prototype.js とフレームワークが必要な Ajax の JavaScript コードを吐き出してくれるので、Ruby プログラマや Perl プログラマは JavaScript の実装を意識しなくても Ajax なインタフェースが作れる、という風になっています。 こんな感じで prototype.js は Ajax な部分に注目が集まっていますが、ほかにも "Class-style OO" なフレームワークも内包してます。 JavaScript はプロトタイプベースのオブジェクト指向言語で、C++ や Java のようなクラスベースのオブジェクト指向言語とはちょっと実装が異なります。プロトタイプ
XML ―伸び縮みマークアップ言語―
ＳＧＭＬのサブセットであるＸＭＬは、インターネット上で扱うデータを記述するための新しいデータフォーマットで、 利用者が自由にタグを定義でき、文書中の文字列に意味付けができる柔軟性のある言語構造を持っており、 プログラムで自在にＸＭＬデータを情報処理できるというメリットがあります。 そのＸＭＬを実際に文書を作成しながら学べるようわかりやすいよう解説します。 ■ ＸＭＬの基本 ＸＭＬとは ＸＭＬ文書作成の大まかな流れ ＸＭＬ文書の記述 ＸＭＬ文書ブラウザでの表示 ■ ＸＳＬＴスタイルシートの基本 ＸＳＬＴスタイルシートの適用 ＸＳＬＴの構造 ■ ＸＭＬ文書の構文 ＸＭＬ文書の宣言 文字コードの設定 タグ付けのルール 要素名・属性の指定について 階層構造 実体参照・文字参照について その他・コメントや処理 ＤＴＤの記述 名前空間の指定 ■ データをＸＭＬ文書化する 情報をデータ化する 階層構造の
JSPタグで手軽にAjax - Ajax Tag Library 1.0公開 | エンタープライズ | マイコミジャーナル
AjaxTagsプロジェクトは8日(現地時間)、JSP(JavaServer Pages)でAjaxを利用するためのタグセットであるAjax Tag Library 1.0を公開した。AjaxはAsynchronous JavaScript + XMLの略で、JavaScriptの組み込みクラスを利用してインタラクティブなウェブユーザインタフェースを実現するための技術であ。 JavaScriptの組み込みクラスであるXMLHttpRequestを利用すれば、サーバとウェブブラウザ間で非同期に通信を行うことができる。Ajaxではこれを応用して、ページ遷移と独立した情報のプレゼンテーションを実現する。 Ajax Tag Libraryは、複雑なJavaScriptを記述しなくても、JSPタグを追加するだけでAjaxを利用できるようにするためのカスタムタグライブラリである。通常、Ajaxを利用し
Ajax IME: Web-based Japanese Input Method
Webベースの日本語入力サービスです。海外からでもブラウザさえあれば日本語を入力す ることができます。 特別なソフトは必要ありません。 使い方 お使いのコンピュータの日本語入力を切りかえて直接入力にします。 Alt-o (Ctrl-9) で Ajax IMEモードに変更します。(ボタンで切り替えるかえることもできます) 適当な文をローマ字で入力します。 spaceを押して漢字に変換します。続けて押すことで候補選択を行います。 returnを押す、もしくは次の入力を開始することで入力を確定します。 F9で強制的にカタカナに、F8で強制的にアルファベットに変換します。 再度 Alt-o (Ctrl-9)で直接入力に戻ります 海外旅行先や留学先, 海外のネットカフェなど日本語入力環境が 無いパソコンからご使用ください。 Firefox と Internet Explorer で動作確認をしていま
javascript [paulownia.jp]
Java等のオブジェクト指向はクラスベースのオブジェクト指向と呼ばれる。一方、JavaScriptはプロトタイプベース、あるいはインスタンスベースオブジェクト指向と呼ばれる。 クラスベースは、まずクラスを定義し、クラスを型とするインスタンスを作成することでプログラミングする。プロトタイプベースによるオブジェクト指向では、クラスの定義は必須ではなく場合によってはクラスという概念自体が存在しない。既存のオブジェクトのクローンとして新しいオブジェクトを作成し、そのオブジェクトに独自の性質を付加してプログラミングする。 JavaScriptのオブジェクトの性質は動的に変更可能。Java等では一度決定したオブジェクトの振る舞いは変更できないが、JavaScriptでは実行中の任意の場所でメソッドの動作を変更したり、新しく追加したり、削除したりすることができる。
＠IT：古くて新しいAjaxの真実を見極める
Ajax推進委員会 監修：ゼロベース 2005/8/2 2005年2月半ばから、「Ajax」という言葉がアルファギークたちの間で一気に広まった。「Webインターフェイスの新しい手法」「画期的なWebアプリケーションの仕組み」であるとして開発者たちの人気を集めるAjaxとは何なのか、その真実を見極めてみよう。 Ajaxとは「Asynchronous JavaScript and XML」の略で、Webブラウザでの表示部分を含めたWebアプリケーションの作り方を指す名前だ。具体的にはXML形式のデータをJavaScriptで処理することで、ブラウザのHTTPによるページ遷移とは非同期にサーバとやりとりして「動的に」ページ内容を変更する仕組みを指す。 Ajaxを実現する詳細なコード例は後述するとして、まずはAjaxが実現するWebアプリケーションがどのような動作をするのか、既存のWebアプリケー
fladdict.net blog: AjaxとFlashの連携 （第１８回 Flash OOP勉強会）
先日Flash OOPにてプレゼンさせて頂いた、「AjaxとFlashの連携」のスライド、紹介サイト、追記等をアップしておきます。ご来訪していただいた皆様ほんとうにありがとうございました。 プレゼンのスライド こちらにアップしておきました。マウスでクリック後、左右キーでページ移動できます。またマウスで絵を描いたり、ダブルクリックで絵を消去できます。パフォーマンスとトークを主体にプレゼンしたのでシートだけだと、わかりづらいかもしれません（バスキュールの北澤さんがプレゼンのMP3をアップしてくださりました。「みなしゃま」とかかみかみですので笑ってお楽しみください）。 ＜追記＞tazulogの木本さんが僕の考えている概要を、素敵にまとめていらっしゃるのでそちらもご参照ください＜／追記＞ プレゼンで紹介したサイト等 時間の関係上全ては紹介できませんでしたが・・・ Amazon最速検索 β以前 Am
最速インターフェース研究会 :: XMLはメタデータというより生データとしての利用価値が高まりつつあり、AjaxによるUIの切り離しがそれを加速する
全部まとめて色々書こうかと思ったのだけれど、どうにも上手くいかないので、少しずつ分割して書くことにする。 まず最初にこれなのだけれども http://johnvey.com/features/deliciousdirector/ これは何かというと「JavaScriptで書かれたdel.icio.us APIのクライアント」である。最初に全てのブックマークを受信して、その後のタグによる絞込みなんかは全てJavaScriptで行う、というものだ。 とりあえず、実際にこのデモを見るのが早いだろう。 http://johnvey.com/features/deliciousdirector/demo.html この方式では、ブックマークの件数が1万件を超えるようなケースになると破綻することがわかっている。 del.icio.usのAPIでは特定のタグを含むブックマークを取り寄せることも出来るので
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kentarok.org - Docs » Translations » Ajax: Web アプリケーション開発の新しいアプローチ
mamezou.net
まちゅダイアリー - 習作 , EUC-JP と UTF-8 [Ajax]
http://tdiary.ishinao.net/20050414.html
Hawk's W3 Laboratory : XML : XMLHttpRequestについて