タグ

ブックマーク / d.hatena.ne.jp/brazil (7)

  • メソッドのインスタンスの違い - FAX

    メソッドのインスタンスの違い JavaScript クラスとして使う関数の中で、プロトタイプにメソッドをセットしたり、thisにメソッドを追加しているコードがあります。 function Cat(){ Cat.prototype.mew = function(){ alert('mew!') } } alert(new Cat().mew == new Cat().mew); // false でも、こういうのは各メソッドが異なるインスタンスになったりして、メモリと実行効率が大きく損なんじゃないかなぁ。 あとレキシカルスコープを利用する必要のないイベントハンドラとかも、一度変数に入れて名前をつけちゃって、それを各エレメントにセットしていくようにするのがいいんだろうな。 未検証、ごめんなさい、今度調べてきます。 Permalink | コメント(1) | トラックバック(0) | 20:54

  • Shibuya.js、資料 - FAX

    Shibuya.js、資料 This Is How I Feel About JavaScript (ミラー) 新しいPowerPointでないと、うまく見れないようです。 一部のフォント(Mixable、アイコンなど)はアウトライン化しています。 トカゲ、飛行機、蝶、バラ、ケガ人などはシンボルフォントから取得しています。 アニメーションを使ったのは初めてだったのですが、慣れると作成にそんなに時間は掛からないようになりました。 ラスタイメージをベクトルイメージに変換する際に、potraceを使いました。 コマンドライン引数に画像を指定するのみで非常に簡単に使うことができました。 スライドショーはマルチモニタ機能を使い、サブモニタに写す設定で行いました。 [スライドショー]-[スライドショーの設定]から切り替えることができます。 上記を設定し「発表者ツール」を利用することで、残り/経過時間

  • Collection & Copy - JavaScript 1.7、yieldがわからない

    JavaScript MDC - New in JavaScript 1.7 上記ページでは以下のように使われている。(1行目に確認用のprintを追加した) function fib() { print("START") var i = 0, j = 1; while (true) { yield i; var t = i; i = j; j += t; } } var g = fib(); for (var i = 0; i 今までのJSのスコープの感覚で考えると、iとjは各呼び出しで共用されるため、複数のジェネレーターを生成できず、一度数を進めてしまうと再度使えないように見える。 fibの実行結果は以下。 js> typeof(fib) function js> fib() [object Generator] 実行されず(関数スタートが表示されず)、Generatorのインスタンス

  • Collection & Copy - JavaScriptにおける高階プログラミング

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

  • Collection & Copy - JSON入門

    翻訳(thanks to JavaScript++かも日記) 原文:Introducing JSON JSON(JavaScript Object Notation)は、軽量のデータ交換フォーマットです。人間にとって読み書きが容易で、マシンにとっても簡単にパースや生成を行なえる形式です。JavaScriptプログラミング言語(ECMA-262標準第3版 1999年12月)の一部をベースに作られています。JSONは完全に言語から独立したテキスト形式ですが、C、C++、C#、JavaJavaScriptPerlPython、その他多くのCファミリーの言語を使用するプログラマにとっては、馴染み深い規約が使われています。これらの性質が、JSONを理想的なデータ交換言語にしています。 JSONは2つの構造を基にしています。 名前/値のペアの集まり。様々な言語で、これはオブジェクト、レコード、構

    clavier
    clavier 2006/02/28
  • Collection & Copy - HTMLを生成する

    JavaScript毎日、調べ物をして、コードを書いて、ルービックキューブやってます。サーバー側とクライアント側のHTML部分、またですが、コンセプトコードを書いてみました。HTMLを、こんな感じ、html(body({bgcolor:'gray'}))、に書きます。関数が要素、オブジェクトが属性、配列でこれらのまとまりも表せる、というMochiKit類似のラインで考えています。 ファイルの上半分はこんな感じです。HtmlBuilder.tagに、h4やbrなどのHTML生成関数をくっつけてます。 使うコードはこんな感じです。isと、okはテスト関数です。 withを使って、沢山あるHTML関数を、グローバルに落とさないようにしてます(遅くなるかな...?)。update(this, HtmlBuilder.tag)で、状況によってはグローバルに下ろしちゃうと速くなると思います。 Moch

    clavier
    clavier 2006/02/17
  • X Library(クロスブラウザJavaScriptライブラリ)メソッド一覧 - FAX

    X Library(クロスブラウザJavaScriptライブラリ)メソッド一覧 翻訳 (via Trivial Tracks: Javascriptのクロスブラウザライブラリ) 原文: XV: X Library Viewer xaddeventlistener xAddEventListener(ele, sEventType, fnEventListener[, bCapture]) エレメントにイベントリスナを登録する。いくつかのブラウザのために、window.onscrollとwindow.onresizeイベントをシミュレートする。 xappendchild xAppendChild(oParent, oChild) 安全なDOMラッパー。 xbackground xBackground(ele[, sColor[, sImage) エレメントの背景色とイメージを取得する。オプシ

  • 1