__proto__ = null をした後の __proto__ = {} について - hogehoge @teramako
記事とは関係ない質問なのですが __proto__にnullを設定した場合のみ 以降のinstanceof演算子の挙動が変わるのは仕様なのでしょうか FirefoxとChromeで確認しました o = {} o.__proto__ = Object.prototype o instanceof Object //true o.__proto__ = {} o.__proto__ = Object.prototype o instanceof Object //true o.__proto__ = 'abc' o.__proto__ = Object.prototype o instanceof Object //true o.__proto__ = undefined o.__proto__ = Object.prototype o instanceof Object //true o._
ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由 - hogehoge @teramako
結論から言うと、単なる格好付けです。 以下説明。 主要なJavaScript (ECMAScript 5th)では、functionは2種類あります。 文(Statement) *1 式(Expression) です。 所謂、「即時関数」と呼ばれるものはfunctionは式(Expression)である必要があります。 何故なら、関数実行を示す構文であるCallExpressionが式であり、それ以外存在しないからです。*2 JavaScript コードは文(Statement)の集合 JavaScriptのコードは文の集合と言えます。いきなり式が始まることはありえません。 とはいえ、 foo(); 1 + 2; といったものは成り立ちます。これは文(Statement)の解釈としてExpressionStatement(式を書いても良い)という、文が定義されているからです。 ともかく、文
about:newtab に背景画像を仕込む - hogehoge @teramako
えーと、こんな感じ。 @-moz-document url(“about:newtab”) { #newtab-vertical-margin { background-image: url("file:///G:/image/madoka_magika/mami_5.jpg"); background-size: cover; background-position: center bottom; background-repeat: no-repeat; } } userChrome.css とかに書くと良いじゃないかな。urlは変えてね（あたりまえ） とか、書こうと、準備してたら、Wallpaper your Firefox new tab page • Mozilla Linksに既に書かれてたorz
jscomplete-vim - hogehoge @teramako
https://github.com/teramako/jscomplete-vim 既存のvimに入っているautoload/javascriptcomplete.vimがアレだったので、もう少し賢そうなのを作りたいと思い、作り始めた。 初めてのVim scriptなので拙いコードだと思うけど。ある程度目的は達成できてきたと思うので、GitHubにアップしてみた次第。 .や[後のプロパティ名を補完することが目的。 そのために、ある程度の式をパースし、どんなオブジェクトが返るかを判断する。 "a,b,c,d" .split(",") .map(function(c){ return '"' + c + '"'; }) .join("\n") ._ // ↑カーソル位置 とある場合は、 "a,b,c,d" .split(",") .map(function(c){ return '"' +
Firefox拡張とGoogleChrome, Opera拡張 - hogehoge @teramako
oh...Firefoxが拡張の始まりではなく、ActiveX導入時点で拡張できたという指摘が。たしかにそのとおりです。 Firefoxを始め、多くのブラウザが拡張機能により便利機能を付加できるようになった。 Firefoxが始まりではあるが、実のところこれは偶然の産物──サイドバーあたりを拡張できるように作ったけど、これ、いろんなところに応用できるんじゃね？みたいな──らしい(当時のことは僕は詳しくないが...)。 まあ偶然の産物であるかどうはともかく、これが大ヒット。他のブラウザも拡張機能をサポートし始めるようになる...のだが、そのアーキテクチャや方向性が全く異なるものだ。 そんな話をつらつらと書いてみたい。 Firefox拡張機能のアーキテクチャ まずはFirefoxの拡張機能とはどんなものかを書こう。 と、その前にMozilla系アプリケーションについて話さなければならないだろう
uncurryThis 関数 - hogehoge @teramako
http://wiki.ecmascript.org/doku.php?id=conventions:safe_meta_programming にて大変有用な書き方を身に着けた。 Function.prototype.bindとFunction.prototype.callの黒魔術的なもの。 obj.hasOwnProperty("prop"); と書くところをcallで書くと var func = Object.prototype.hasOwnProperty; func.call(obj, "prop"); と書ける。さらにcallをbindしてみると var func2 = func.call.bind(func); func2(obj, "prop"); となる。さらに、bindをbindすると var func3 = func.bind.bind(func.call)(func
NoScript っぽいもの - hogehoge @teramako
Opera ユーザスクリプトの話。 ちょい、NoScript っぽいものを作成中 基本方針 オレ、オマエのスクリプト実行しない 許可したものは特別に動かす オレ、オレのスクリプト実行する Operaの不満点 Operaはいろいろとカスタマイズが効く。サイト単位で制御が効いてすばらしいと思う。 が、JavaScriptの実行許可では不満点がある。 それは、不許可にすると、ブックマークレットやショートカットにGo to page, "javascript:...."としたようなものも動かなくなってしまう点。これは大変困る。 仕方ないので、デフォルト許可にしているわけだが、やはり余計なスクリプトが動作したりとウザったい。 Opera独自イベントリスナ ブックマークを漁ってたら、こんなのが出てきた。 Opera: ユーザー JavaScript にて使用可能なメソッドとイベント BeforeScr
__proto__プロパティの不思議 - hogehoge @teramako
__proto__プロパティ周りでJavaScript実装によっていろいろ挙動が異なることが分かったのでメモ。 以下のブラウザ(エンジン)で調べた Firefox 9.0.1 (Gecko 20111220165912) GoogleChrome 17.0.963.12 dev-m (v8 ???) Opera 12.00 alpha (Presto 2.10.238) また、GoogleChromeとNode.jsでの結果は同じだった。 var bind = Function.prototype.bind, hasOwn = bind.bind(bind.call)(Object.prototype.hasOwnProperty), proto = Object.getPrototypeOf; Object.prototype の __proto__ Object.prototype の
乗るしかない、このテックウェーブに！ - hogehoge @teramako
はい、完全出落ちな記事。 事の始まり Firefoxがピンチ シェア低下、人材流出、Google契約打ち切りで【湯川】 : TechWave 元ネタ: Firefox faces uncertain future as Google deal apparently ends | ZDNet 2009年12月には25.02%あったFirefoxの市場シェアが2011年11月には22.14％にまで低下。一方で、Googleが独自開発したブラウザChromeのシェアは4.71%から18.1％にまで上昇している。来年早々にはChromeがFirefoxを抜きそうな勢いだ。 はい、これは事実。 しかしなんといっても最大の痛手は、これまでモジラ財団を全面的にバックアップしていたGoogleが、パートナー契約を11月で打ち切ったこと。 これは完全に嘘。元々、2008年から2011年11月までの3年間の契
letへの異常な愛情、(ry - hogehoge @teramako
JavaScript Advent Calendar 2011 (オレ標準コース) : ATND 2日目にチョンボをして申し訳ありませんでした。 7日目は1日目にconstさんがconstについて書いてくれたので僕はletで！ ただし、ES.nextのletではなく、現状のMozilla JavaScript (mozjs と略すよ) の let について(部分部分でES.nextの話も含めるけど)。使い方、注意点等をば。 Mozilla JavaScript の let ES.next にも LetDeclarationがドラフトに入ってきてるけど、mozjs はもっと凄いぜ！ って話。微妙な部分もあるけどね。 さて、let と言っても mozjs には幾つか種類がある。 let 文 (let statement) let 式 (let expression) let 定義 (let d
Array.isArray - hogehoge @teramako
Firefoxでしか確認してないけど、Array.isArrayメソッドの優位性を知ったのでメモ。 <iframe id="testFrame" src="about:blank"> var iframe = document.getElementById("testFrame"); var doc = iframe.contentDocument; var s = doc.createElement("script"); s.textContent = "var hogehoge = [0,1,2,3,4,5,6]"; doc.body.appendChild(s); var array = iframe.contentWindow.hogehoge; まあ、重要なのは別ドキュメント内で作られたArrayインスタンスがあること。ここでは、変数arrayが別ドキュメント内のArrayインス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
gitのコミットログなんて"fixed"だけで十分だろ！エンジニアならコード読め！ - hogehoge @teramako