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.

XML.ObjTree クラスは、Perl 用の XML::TreePP モジュールの JavaScript 版です。 XML ファイルと JavaScript オブジェクト（連想配列）間の相互変換を行います。 prototype.js または JSAN の HTTP.Request クラスと併用することで、 JKL.ParseXML の 後継 としても利用できます。 ECMA-357 の普及を待たずに、 ECMAScript for XML (E4X) 風のXMLのオブジェクト利用が可能になります。 Intel Mac 版の Safari で、 DOMParser オブジェクトの async プロパティが read-only となる点にも対応しています。 IE で（サーバ上でなく）ローカルのXMLファイルを開きやすくなりました。（2006/08/14） オンラインDEMO DEMO（お試

何やら、半角英数の連続文字列によって、改行されずにwidthを無視してガンガン横に伸びてしまう件について、何とかしたいなぁ、という、あふれ出る感情をおさえつつ、一解決法として、javascriptを使ってみる、ということでいかがでしょうか？ 日本語滅茶苦茶ですね。 サンプル http://www.hogehoge.com/hoge/hage/mage/test/test/test/test/test/test/test/test/test/test/test/test/test/test/test/test/ http://www.hogehogehogehoge.hoge/hogehogehogehoge/test/test/test/test/hogehoge/test/test/test/test/test/hogehoge/test/test/ まあ見ても良く分からないと思います

Notimo Demos site 利用者に対し非常に分かりやすい通知を行うためのJavaScriptライブラリ「Notimoo」。 次のリンクをクリックしてみてください。 → 通知を表示してみる ページの右上にフェードインで表示するのはなかなかインパクトが大きいですね。 スクロールしても、いやみではない感じにちゃんとついてきてくれます。 使い方もかなり簡単で、必要なJSとCSSを読み込んだ後、インスタンスをnewして show メソッドを呼び出すだけです。 showは２回連続で呼び出しても、ちゃんと１個目と区別して表示してくれます。 <script type="text/javascript"> var notimooManager = new Notimoo(); // 通知を表示 notimooManager.show({ title: 'タイトル', message: 'メッセージ

ここで言う名前空間とは 名前空間とは、一つの名前が一意のものを表す空間。例えば、大きな目で見れば、日本語は自然言語の名前空間である。また、専門用語なども名前空間と考えることが出来る。 日本語 { コンニチワ = 挨拶 : : } 中国語 { ニーハオ = 挨拶 } 英語 { ハロー = 挨拶 } また、名前空間は重なり（優先順位）を持つ 同音異義語などの言葉は、それぞれの細かい名前空間の重なりによって一意のものに特定されると考えられる たとえば、「コイが好き」と言った場合 池に関する名前空間 { コイ = すいすいパクパク } チャライ話題に関する名前空間 { コイ = ドキドキきゅんきゅん } お茶に関する名前空間 { コイ = にがーい } 名前空間の優先順位を考えると、一意の意味を知ることができる。

Prototype.js を使った JavaScript OOP 講座 #01(IT戦記) Prototype.js を使った JavaScript OOP 講座 #02(IT戦記) Prototype.js を使った JavaScript OOP 講座 #03(IT戦記) ちょっと前のエントリーになりますが、IT戦記にて、amachangさんが社内の勉強会で使用された、JavaScript オブジェクト指向講座の資料を公開されています。 ありがたいですね。感謝です。 特に、３つめの、プロトタイプチェーンとスコープチェーンは参考になりました。 まだ、理解しきれていませんが（笑）。

翻訳 原文：Higher Order Programming In Javascript著者：Sjoerd Visscherライセンス：クリエイティブ・コモンズ・ライセンス(帰属) 前提知識JavaScriptを使ったオブジェクト指向プログラミングの知識が必要となります。以下のWebreferenceの記事を読み、よく理解しておいてください。OOP in Javascript, part IOOP in Javascript, part IIDouglas Crockford最終更新2004/3/28はじめに高階プログラミングでは、値として関数を使うことができます。つまり引数として関数を別の関数へ渡すことも、関数を別の関数の返り値にすることもできるのです。この形式のプログラミングは、しばしば関数型プログラミングで使用されますが、「通常」のオブジェクト指向のプログラミングでも非常に有用です。

（このエントリーは「Javascriptクイズ：無名関数と実行効率の話」の続編。） 「？？？」と頭をかしげる太郎に、「じゃあ、これだったらどうかな？」と三郎はコードを書き始めます。 function code2name(code) { var mapping = { 'us': 'United States', 'ja': 'Japan', 'ko': 'Korea', 'ru': 'Russa', 'uk': 'United Kingdom', 'fr': 'France', 'cc': 'China', 'gw': 'Germany' }; return mapping[code] || '(unknown)'; } 「カントリーコードを国名に変換しているんですね。」と太郎。 「どこが問題だか分かる？」 「うーん、マッピングのためのオブジェクトを毎回作り直しているところかな。」 「そう

A Simple jQuery Stylesheet Switcher 5分で実装可能なページの文字サイズ変更＋クッキーに保存サンプルが公開。 ページで、小・中・大のように文字サイズを変えられるようにしておくと便利ですね。 asahi.com の導入例 実装方法が、微妙に面倒という場合もこのサンプルを使えば簡単に実装できる筈です。 文字サイズに限らず、CSSを丸ごと変えてしまえるので、スタイルを変更して保存ということも簡単に出来ます。 デモページ HTMLは、次のように、href は # ですが、rel属性に付け替えたいcssを指定しておきます。 <ul id="nav"> <li><a href="#" rel="/path/to/style1.css">Default CSS</a></li> <li><a href="#" rel="/path/to/style2.css">Larg

jQuery GalleryView - by Jack Anderson jQueryを使ったFlashばりにクールなギャラリー「GalleryView」が公開されています。 初期化に以下の数行を書けばＯＫみたい。 $('#photos').galleryView({ panel_width: 800, panel_height: 300, frame_width: 100, frame_height: 100 }); 動かしているHTMLのなかなか分かりやすいです。 関連エントリ 訪問者驚きの手めくり風、画像ギャラリー作成サンプル 滑らかに画像が切り替わる超絶クールFlash写真ギャラリー「imagin」 色々な画像の見せ方を演出できる画像ギャラリー集

jQuery mouseWheel Plugin マウスホイール操作が超簡単になるjQueryプラグインがあるみたいですね。 サンプルを動かしてみたところ、いい感じに動作しました。 それぞれの要素上で、ホイールを動かすと、ちゃんと対象エレメントを取得できます。 サンプルには階層になってても上位伝播させず、 event.stopPropagation(); event.preventDefault(); で停止させる例も載ってます。 実際にどうやって使うかというと、これまたシンプルで、次のような感じ。 $('#test1').mousewheel(function(event, delta) { if (delta > 0) log('#test1: up ('+delta+')'); else if (delta < 0) log('#test1: down ('+delta+')');

Turning an app idea into a working reality is a more complicated task than most people might believe. However, with the wealth of software resources available on the internet, creating an app out of your idea is manageable. You don't even need to necessarily know how to develop mobile apps to make your application work. You can hire third parties or freelancers as there many places where you can f

ページ情報 制作日 2005-07-24T03:14:49+09:00 最終更新日 2005-10-28T11:35:21+09:00 ページ内目次 Navigation Comments Trackbacks Post a comment JavaScriptはクロージャでガリガリ書いていく言語だという説もあるが、OOP原理主義としてはプロトタイプベースでもいいからOOPで書きたいのである。というか、クロージャは中途半端で気持ち悪い。 さて、事の発端は『JavaScript とクロージャ』という記事である。この記事によると、なにやらイベントにクロージャを渡すと幸せになれるという事らしい。ふむふむ、たしかにシンプルでいい感じである。 ……が、しかしだ。オブジェクト指向なアレに対して、クロージャには決定的な弱点が有るはずなのだ。そう、メソッド（クロージャ）間での（メンバ）変数の共有である。

10 Best jQuery Plugins - March 2009 | AjaxLine 2009年3月 便利なjQueryプラグイン集。 怒涛の如く、どんどん出てくるjQueryプラグイン。追うのも大変ですが、色々簡単にできるようになるのは開発者としては嬉しいですね。 jQuery Sparklines ミニグラフを描画できるプラグイン Internal Links 内部リンクの場合にアイコンをつけるプラグイン Boxy FaceBookスタイルのオーバーレイダイアログボックス uploadify - a file upload plugin for jQuery 複数アップロードも可能なリアルタイムアップロードプラグイン jQuery Grid plugin 多機能グリッドの実現が出来るプラグイン リンク先のBoxyとうプラグインのサイト、現在は消えているようですが、マルウェア発見