オブジェクト指向っぽい話が分かるかもしれないJavaScript講座 その1 | Takazudo Clipping*
自分はスーパーJavaScripterでこんなすげーのが5行で書けちゃう。やばいだろ！とかいうのでは全然無いですが、オブジェクト指向っぽい話が最近分かってきたつもりで、それでやっときゃ問題無いってことを思い始めているので、なんかそんな話を書いていきます。 こんな短く書くテクニックがあるぜ！ var hoge = hage ? huga : hoga; とか書けちゃうんだぜ！とかより、長くていいから分かりやすく拡張しやすいようにするにはどうするのかとか、そういう話ができればなーと思います。内容的には全くもって新しくも何とも無いですが。jQuery使ってやる前提です。 まんじゅう製造スクリプト 今日はまんじゅうを5個作ります。なんと、まんじゅうは、クリックすると隠れます。 まんじゅうサンプル var Manju = function(){ this.elem; this.hidden = fa
Mozilla Labs Jetpack | Exploring new ways to extend and personalize the Web
Jetpack is a newly formed initiative and experiment in using open Web technologies to enhance the browser, with the goal of allowing anyone who can build a Web site to participate in making the Web a better place to work, communicate and play. As with all Labs experiments, Jetpack is an open source project and everyone is welcome to participate in its design, development and testing. Read the full
標準ビルトインオブジェクト - JavaScript | MDN
本章では JavaScript の標準ビルトインオブジェクトについて、それらのメソッドやプロパティと共にすべて文書化しています。 本文中のグローバルオブジェクト (global objects) (あるいは標準ビルトインオブジェクト) という言葉を『グローバルオブジェクト』 (global object) と混同しないでください。ここでは、グローバルスコープ内にあるオブジェクトのことをグローバルオブジェクトと呼んでいます。後者の『グローバルオブジェクト』自体は、グローバルスコープ中で this を使ってアクセスすることができます (ただし、ECMAScript 5 の strict モードではアクセスできません。その場合、this は undefined を返します)。実際、グローバルスコープとは『グローバルオブジェクト』(継承されたプロパティがあればそれらも含む) のプロパティから構成さ
【コラム】そろそろきっちりJavaScript (5) プロトタイプチェーン | エンタープライズ | マイコミジャーナル
まずはプロトタイプチェーンを体感する プロトタイプベースオブジェクト指向における重要なキーワードのひとつに「プロトタイプチェーン」がある。「プロトタイプチェーン」とは、端的にいうと、「(プロトタイプベースオブジェクト指向における)継承メカニズム」だ。 JavaScriptでは、どのような形で継承メカニズムを利用できるのだろうか。 細かい説明は後回しにして、まずは以下のコマンドをFirebugで実行してみよう。このサンプルでは、哺乳類(Mammal) - 犬(Dog) - ダックスフント(Dachshund) の各オブジェクトに、"名前(name)"プロパティと"吠える(bark)"プロパティを定義している。少し長いが、何が起こるかを予想/確認しながら、1行ずつじっくり確認していってほしい。 // 哺乳類オブジェクト"Mammal"を定義 >>> var Mammal = function
EmacsでJavaScriptソースを快適に読むために：js2-modeとエグズーベラントCtags - 檜山正幸のキマイラ飼育記 (はてなBlog)
「横道にそれすぎ」に書いた事情で、EmacsでJavaScriptソースコードを読む環境を少し整えようかと。 次の2つのツールを導入してみよう、っと。 js2-mode： http://code.google.com/p/js2-mode/ エグズーベラント（EXUBERANT）Ctags： http://ctags.sourceforge.net/ 内容： より良いEmacs JavaScriptモード -- js2-mode 強烈なタグファイル作成ツール -- エグズーベラントCtags エグズーベラントCtagsを調べてみる EmacsでJavaScriptソースを読む ●より良いEmacs JavaScriptモード -- js2-mode 以前（2006年7月）、ひげぽんさんの記事で、「ecmascript-mode.el ＜ javascript.el みたいだ」と書いてあった
handleEvent、addEventListener - 素人がプログラミングを勉強していたブログ
addEventListenerの第二引数は、関数以外にも、handleEventをメソッドとして持ったオブジェクトも渡すことが出来る。 window.addEventListener("click", { handleEvent: function (e) { console.log(e); } }, false); また、この仕様を利用すると、 ({ run: function () { window.addEventListener("click", this, false); this.counter = 0; }, handleEvent: function () { this.counter++ if (this.counter < 3) alert(this.counter + "clicked!"); else this.destroy(); }, destroy: fun
meca.js
meca.jsとは meca.jsはマークアップエンジニアのコーディングを補助するためのjavascriptです。画像のロールオーバーやIE6の透過png対応などを実装しており、それぞれの機能を簡単にon/offできるので、使わない機能は無効にしてたりできます。その他にも、ターゲットになる要素のセレクタを設定でたりするのである程度柔軟に対応できます。（→元エントリー） 使い方 jQueryとmeca.jsを読み込みます。meca.jsの一番上の方に設定を書いてあるところがありますので、そこを自分の好きな設定に書き換えて下さい。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="meca.js"></script> ページ毎に設定を変更する meca.js本
JSDeferredを読む - 西尾泰和のはてなダイアリー
前からamachangが「読むといい」って言っていたJSDeferredのコードを読む。defferedじゃなくてdeferredなので注意。 Deferred.define = function (obj, list) { if (!list) list = ["parallel", "wait", "next", "call", "loop"]; if (!obj) obj = (function () { return this })(); for (var i = 0; i < list.length; i++) { var n = list[i]; obj[n] = Deferred[n]; } return Deferred; }; これはグローバルスコープに書き出すコード。(function () { return this })()でwindowオブジェクトがとれているみた
Emacsで動作するJavaScriptインタプリタ·Ejacs MOONGIFT
相当歴史の長いプログラミング言語であるLisp。形を変え、様々な方言が生まれつつも今も広く利用されている。一般的にはEmacsの中で使われているのが有名だ。だがその特殊性もあって、使ってみたいと思いつつも手出しできていない人も多いはずだ。 Emacs上で動作するJavaScript そのような方々にとって、Emacs上で動くJavaScriptというのはある種可能性を感じさせるものかもしれない。 今回紹介するオープンソース・ソフトウェアはEjacs、Emacs上で動作するJavaScriptインタプリタだ。 Ejacsは全てEmacs Lispで書かれている。 ロードした後、js-consoleで起動する。すると「js>」が立ち上がるので、JavaScriptを入力すればそれが評価され、結果が返る。JavaScriptなので無名関数などもできるが、document.writeやalertは
リアルタイムフォームバリデーション jQuery.validation.js :: 5509
This domain may be for sale!
js2-modeを使ってEmacsでJavaScriptを書く
更新履歴 2008-06-20: 公開 js2-mode をおとなしくさせる js2-mode は Emacs で JavaScript を書くための major-mode です。 外部の JavaScript 処理系無しに (flymake のように) 文法上のエラーを表示するなど、 かなり意欲的な機能を備えています。 しかしその一方で、js2-mode のデフォルトの挙動はかなり独特です。 ここでは、それらの挙動を他の major-mode とそろえる方法を説明します。 インストール js2-mode はファイル単体で配布されていますので、それを load-path の通った場所に置きます。 % wget http://js2-mode.googlecode.com/files/js2-20080616a.el % mv js2-20080616a.el /PATH/TO/js2.el
Comet/Ajaxの上を行く技術 - Blog by Sadayuki Furuhashi
上を行くかどうかは知りませんが :-p Ajaxはクライアントの都合でサーバーに通信を仕掛けるpull型の通信ができ、Cometはサーバーが好きなタイミングでクライアントへデータを送りつけるpush型の通信ができるわけですが、新たに双方向の通信ができる技術を開発しました。 具体的には、JavaScriptとサーバーの間で双方向のRPCができます。すなわち、サーバーからクライアント側のJavaScriptのメソッドが呼べるし、逆にクライアント側からサーバー側のメソッドを呼ぶこともできます。 サーバー側で call("addMessage", "Hello!") とやると、JavaScript側の function addMessage(msg) { ... } という関数が呼ばれたりします。 この技術を使って、試しにチャットシステムを作ってみました ＞ デモ （ソースコード）*1 リアルタイ
3周年記念セルフエントリーまとめ
Blog 開設 3周年を記念して過去のエントリーの中でアクセス数の多かったものなどを中心にセルフなまとめを作ってみることに。 早いもので、今月でこの Blog も開設から丸 3年が経過 （2005年2月スタート） しました。 そこで今回は、過去のエントリーの中でアクセス数の多かったものなどを中心にセルフなまとめを作ってみることに。たまには過去のエントリーを見直してみるのも面白いかもしれません。 ちなみに、このエントリーで 446件目のエントリーでした。3年間で 446件っていうのは多くはないと思いますが、平均すると年間で約 148件、大体 2、3日に 1エントリーくらいのペースで書いてることになりますね。チリも積もれば山となる、継続することは大切です。 (X)HTML、CSS 関連 まずは (X)HTML とか CSS 関連のエントリー。このサイトでメインの話題…… と思われている分野です
BJKit(BeautifulJapaneseKit)（ツール） - アイデアマンズ株式会社
BJKit(BeautifulJapaneseKit)htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。 BJKit(BeautifulJapaneseKit)でビューティフルな見出しを生成 htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。日本語にも対応しているので、様々な場面で利用することができます。 動的に表示するので、画像を作成する必要がない 新聞記事風、楷書風、POP調など、書体を自由にアレンジ出来る htmlの構造を崩さず、SEOやユーザービリティを犠牲にしない など、ページ作成の効率アップと同時に、表現力も向上させる手法です。 適用例 従来は、当ページの見出し（h1タグ）は下記のように表示されます。 従来の見出しの例 BJKi
スムーズに画像を拡大するかなり導入が簡単なJavaScript「FancyZoom」 - GIGAZINE
IE6/IE7/Firefox/Safariに対応しているJavaScriptで、使い方もかなり簡単でページにほとんど変更を加えずに導入可能。 また、リンクの先読みにも対応しており、画像の上にマウスが乗ったことを感知して自動的に先読みすることもできますので体感的にはかなり速度アップしているように感じます。 画像をズームする機能のみに特化しているため、ほかの余計な機能付きのライブラリよりも動作は軽いのも特徴で、クリックしてズームされた後にはちゃんとドロップシャドウ効果が付いたりするなど、芸も細かい。 実際のデモと詳細は以下から。 cabel.name: FancyZoom 1.0 上記ページの下の方にある「Example」に体感できる例があります。なかなか面白い。 で、実際に設置するにはまず上記ページ中にあるZIPファイルをダウンロードしたら解凍し、出てきた2つのフォルダをFTPソフトなどで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery、長いドロップダウンリストをインクリメンタルに検索するものを書いた - <s>gnarl,</s>技術メモ”’<marquee><textarea>￥
Greasemetal - an Userscript Runtime for Google Chrome
http://wedata.net/
[JS]角丸を簡単な記述で実装するスクリプト -Roundcorners Canvas | コリス
http://www.adamrocker.com/blog/102/javascript_simplest_jsonp.html