Chapter 4. Functions - prog*sig
function expressions("関数式") and function declarations("関数宣言"). ■Background Functions(関数)はオブジェクト functionがオブジェクトであることは次のことからも見えると思います。 new Function()コンストラクタを使うことで関数オブジェクトを作成できるが、 これはeval的な感じ(Avoiding eval())なので避けるべきであるし、何より書きにくいです。 // antipattern // for demo purposes only var add = new Function('a, b', 'return a + b'); add(1, 2); // returns 3 もう一つ関数で重要なことはスコープを提供するということです。 JavaScriptはifやforなど
プログラマのためのJavaScript (8)：オブジェクト生成の仕組み - 檜山正幸のキマイラ飼育記 (はてなBlog)
前回、__proto__チェーンとそれを使ったプロパティ検索の話をしました。オブジェクトの__proto__プロパティは、（このプロパティが公開されているなら）プログラマが勝手にいじることもできます。ですが、人為的操作を受けない自然状態の__proto__はどのように設定されているのでしょうか。自然状態とはつまり、生まれたままの状態です。といういことは、オブジェクト誕生の瞬間に立ち会えば事情がわかるはずです。 そういうわけで今回は、オブジェクト生成と、生成時に__proto__が設定される仕掛けを調べます。 今回の内容： コンストラクタとは何なのか 関数オブジェクトのprototypeオブジェクト オブジェクトはこうして生まれる オブジェクトは生みの親を憶えているか 今回のまとめ ハブエントリー（全体目次） 前回 - プロトタイプ継承の正体 ●コンストラクタとは何なのか JavaScrip
JavaScriptのundefinedというクセ者のいろいろ - 風と宇宙とプログラム
はじめに JavaScriptの初心者にとってundefinedというのはちょっと混乱を招くものらしい。nullとの違いや使い分けがよく分からなかったり、数値やブール値との比較が不自然だったりするのが原因と思われる。ここでは、そのようなundefinedのいろいろについてまとめてみた。 ECMA262規格では undefinedとnullに関して、ECMA262規格では最初に以下のような記述がある。 4.3.9 undefined value primitive value used when a variable has not been assigned a value. 4.3.11 null value primitive value that represents the intentional absence of any object value. undefinedは変数に
JavaScript blast
This document provides an overview of JavaScript concepts including: 1. Declaration of variables in JavaScript including simple and typed variable declarations. 2. The different types of variables in JavaScript including strings, numbers, booleans, objects, null, and undefined. Special methods for manipulating string values are also discussed. 3. Operators and expressions in JavaScript including c
2011-07-30のJS: ECMA-262第5版の和訳、Firebug1.8.0、JSテスティングフレームワーク
JSer.info #28 - ECMA-262第5版の日本語訳をやり始めた方がいるみたいですね。(素晴らしい) 完成したら、元の文章のようにすべての項目にリンク(アンカー)を貼った目次見たいのがあると便利そうです。またJavascript Gardenのちゃんとした日本語訳をやり始めた方がいるみたいですね いい文章と必要なドキュメントは翻訳があって困ることはありません。 ヘッドライン ECMAScript関連ドキュメント http://dl.dropbox.com/u/9124140/tsoft/ecmascript.html ECMA-262第5版の日本語訳 JavaScriptで実装されたJavaScriptエンジン「Narcissus」をFirefoxで利用するためのアドオン 「Zaphod 1.2」、Mozilla Labsがリリース - SourceForge.JP Magaz
ECMAScript 5 の Strict Mode でグローバルオブジェクトを得る - @think49の日記
Strict Mode ECMAScript 5 には Strict Mode という仕組みがあり、Strict Mode では様々な機能(誤解の元となる機能、危険な機能)が制限されています。Strcit Mode になると関数コード内で this === undefined となり、this でグローバルオブジェクトを参照できません。 "use strict"; // Strict Mode を宣言する (function () { // グローバルコードで Strict Mode を宣言すると下位の関数コードも Strict Mode になる console.log(this); // undefined console.log(window); // [object Window] })(); ブラウザの JavaScript では window がグローバルオブジェクトですが、No
potraceをjavascriptに移植した - Webと文字
生存報告 （ ^ω^）とりあえず生きてます。 potraceとは potraceとはラスター画像からSVG等のベクター画像を作成するソフトです。無料で使えてソースも公開されているオープンソースなソフトです（参考資料１）。元はCで書かれていますが、python、ActionScript、C#に移植されていたりします。 だから何ができるの？ 左が元のビットマップ画像、右がそれをpotraceでトレースした画像 C→javascript(´・ω・`)、ActionScript→JavaScript(ﾟ∀ﾟ) ActionScriptとJavaScriptは兄弟みたいなものなので移植はとっても簡単です。今回は参考資料２をパクって参考にしてjavascriptに移植してみました。 処理フロー imgタグで画像を読み込み 画像をcanvasに転写 画像をグレースケールに変換 画像を二値化 画像の輪郭の
Paper.jsは、HTML5...
Paper.jsは、HTML5 Canvas要素によるベクター・グラフィクスを扱うためのフレームワークだ。 応用領域としてはProcessing.jsに似たところがあるけれど、向こうはProcessingという元ネタがあるのに対して、こちらは純粋にHTML5 and JavaScriptに特化していることから、作りに無理がない（Processing.jsは、だいぶ「無理してる感」がある）。 ということで、HTML5でインタラクティブなベクター・グラフィクス遊びをするなら、こっちがおすすめかも。
第19回HTML5とか勉強会発表資料 (Kanasansoft Web Lab.)
5つのツールを紹介し、weinreを一押ししていますが、他のツールが劣っていると言っているのではないのでお間違えなく...。 (口頭では説明したのですが、スライドには書いていないので念のため...。) リモートデバッグの前準備を理解してしまえば、使い方はFirebugやブラウザの開発ツールとほぼ一緒なので、是非試してみてください。 Operaのリモートデバッグ環境のDragonflyもありますし、Webkitでもリモートデバッグができるようになるらしいですが、ブラウザ側がXMLHttpRequestに対応していれば、同じ環境で作業ができるのがweinreの利点ではないでしょうか。 (ブラウザのネイティブなリモートデバッグが、共通のAPIを持つのが理想かもしれませんね。)
Learning JavaScript Design Patterns by Addy Osmani
Document has moved, if you aren't automatically redirected go here.
What the Heck is Shadow DOM?
If you build Web sites, you probably use Javascript libraries. If so, you are probably grateful to the nameless heroes who make these libraries not suck. One common problem these brave soldiers of the Web have to face is encapsulation. You know, one of them turtles on which the Object-Oriented Programming foundation sits, upon which stands most of the modern software engineering. How do you create
JSHint, a JavaScript Code Quality Tool
Report Cyclomatic complexity Unused variables Undefined variables Warn About == null About debugging code About unsafe for..in About arguments.caller and .callee About assignments if/for/... About functions inside loops About eval About unsafe line breaks About potential typos in logical operators When code is not in strict mode When new is used for side-effects Assume Browser NodeJS jQuery Develo
js テスト放浪記
Wandering about JavaScript Testing - Mar 8, 2011 at Test.js, presented by Shibuya.js
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Paper.js
http://livecoder.sugyan.com/edit
Mozilla と WebKit，縮小された JS や CoffeScript など JS 言語のデバッグサポートを目指す
GitHub - kriszyp/put-selector: A high-performance, lightweight function for creating and manipulating DOM elements with succinct, elegant, familiar CSS selector-based syntax
Live Preview of MathJax Type Setting
Brand Ambassador Marketing, Best Technology Reviews, Gadgets, & Tips
Rhinoの高速化