Firefox 32 で Array.from が実装された - hogehoge @teramako

2014/06/07 23 users hogehoge from Firefox 32

Firefox, ECMAScript904723 - Implement ES6 Array.from22.1.2.1 Array.from ( arrayLike [ , mapfn [ , thisArg ] ] )Array-like な値をArrayに変換するメソッドです。引数はarrayLike: Array-likeなオブジェクトmapfn:(Optional) Array.prot... 続きを読む

はてなブックマーク拡張のコメント表示機能を修正してみた - hogehoge @teramako

2014/05/17 27 users hogehoge はてなブックマーク拡張 コメント表示機能

はてな, FirefoxFirefox 29 向けにはてなブックマークアドオンを自分で修正パッチ diff --git a/chrome/content/browser/15-CommentViewer.js b/chrome/content/browser/15-CommentViewer.js index 9edd1d1..875b246 100644 --- a/chrome/content... 続きを読む

String repeat のアルゴリズムとパフォーマンス - hogehoge @teramako

2014/04/03 63 users count hogehoge メソッド 空文字列 小さい

JavaScriptES6になると、String.prototype.repeatのメソッドが追加されるわけだが、そのアルゴリズムとパフォーマンスを追ってみている。ES6 String.prototype.repeat の仕様では以下の様な感じでシンプルな書き方をしている。countが 0 より小さい、または 無限大である場合は RangeErrorcount 0 ならば、空文字列そうでない場合は... 続きを読む

Firfox 30(Nightly)で ES6的な ArrayComprehension,GeneratorComprehension が実装された - hogehoge @teramako

2014/03/15 8 users Nightly hogehoge

JavaScript, Firefox書くのが1週間ほど遅れた。979865 - Implement ES6 array and generator comprehensions12.1.4.2 Array Comprehension12.1.7 Generator Comprehensions var arry = [for (value of iteratableObject) value];... 続きを読む

アドオンとかプラグインとか拡張機能とか - hogehoge @teramako

2014/03/04 17 users Firefox プラグ hogehoge 方向 強化

Firefox、プラグイン不使用に向けた対応強化 | マイナビニュースFirefoxが段階的にプラグインを廃止すると発表（情報追記あり）Firefoxがプラグインを廃止する方向に｜アドオンと勘違いする人多数で大混乱 | アイデアハッカーMozilla、ホワイトリストに登録されていない「Firefox」プラグインを原則ブロックへ - 窓の杜まぁあることないこと言われていて、「アドオンじゃなくてプラグ... 続きを読む

Re: __proto__ が変わりゆく件について - hogehoge @teramako

2013/12/16 9 users ツッコミ ドラフト entry エンジニアBlog http

JavaScript__proto__が変わりゆく件について - 株式会社ネクスト　エンジニアBlogさすがにちょっとツッコミを入れたい。参考: draft_proto_spec_rev2.pdf※ まだドラフトで確定ではないのでご注意ください。http://nextdeveloper.hatenablog.com/entry/2013/12/15/191719注釈があるとはいえ、今この時期にこの... 続きを読む

innerHTML += ... な書き方について - hogehoge @teramako

2013/09/05 106 users hogehoge innerHTML 書き方

DOMDOM操作の最適化によるJavaScriptチューニング（前編） | HTML5Experts.jpはてなブックマーク - DOM操作の最適化によるJavaScriptチューニング（前編） | HTML5Experts.jpはてなブックマークで『後でツッコミする』と書いたとおり、ちょっとツッコミたいと思う。 // サンプル1: パフォーマンスが悪い var ul = document.que... 続きを読む

マスターパスワードより信用できないもの - hogehoge @teramako

2013/08/14 23 users hogehoge マスターパスワード

それはテメェの頭だ。それを忘れちゃいけねえ。 続きを読む

JavaScript にクラスは作れますか？ - hogehoge @teramako

2013/07/03 93 users hogehoge 次期ECMAScript 辛口 入門 クラス

ECMAScript参考： 最強オブジェクト指向言語 JavaScript 再入門！JavaScript でクラスは作れますか？ 無理ポ。では、クラスっぽいものは作れますか？だから、無理ポ。次期ECMAScript には class 構文がありますが？だから、無理だってば！！！class 構文はクラスに非ずJSに辛口な id:Tesh さんが、これだけ独特で面倒くさい仕組みを作っておいて、メリット... 続きを読む

要素の表示/非表示をトグルするベストプラクティス - hogehoge @teramako

2013/06/12 40 users foo hogehoge DOM div display

JavaScript, CSS, DOM[JavaScript] tr要素 の display プロパティを用いた表示切替えについて | Blog | Development Referenceを読んで、display = "block" はアカンやろ、と思ったので書いておく。 div id="foo"> p>FOOp> div> div#foo を JavaScript から表示/非表示をするに... 続きを読む

回答：どれが「クロージャ」でしょうか？ - hogehoge @teramako

2013/06/02 34 users hogehoge クロージャ 変数 解答 定義

JavaScript問題：どれが「クロージャ」でしょうか？ - hogehoge の回答期待させて申し訳ないですが、はっきりとした解等を定めていません。ということで解答ではなく、回答で。クロージャの定義を以下の様に定めました。引数以外の変数を実行時の環境ではなく、自身が定義された環境（静的スコープ）において解決することを特徴とする。クロージャ - WikipediaJavaScriptの関数オブジ... 続きを読む

switch と case のインデントレベル - hogehoge @teramako

2013/04/01 35 users hogehoge expr Switch case break

JavaScript主に2種類あると思う。 switch (expr) { case expr1: break; case expr2: break; default: // ... } と switch (expr) { case expr1: break; case expr2: break; default: // ... } ボクは、前者がお勧めだと思っている。jslint ？ そんなの知... 続きを読む

ES.next Draft仕様より、普通のfunctionとArrowFunctionの違い - hogehoge @teramako

2013/03/25 19 users hogehoge ECMAscript function

ECMAScript 仕様厨的コメントが求められている気がしたので. ArrowFunction, thisがbindされているという表現は異なる. 厳密には「thisValueを環境が保持することができない」という話. #ECMAScript2013-03-21 23:10:35 via YoruFukurouの解説を理解するために。通常のFunciton定義と、ArrowFunctionでの違... 続きを読む

Firefox 22(Nightly) で ArrowFunction が実装されたが、扱いが難しい - hogehoge @teramako

2013/03/21 69 users Nightly hogehoge Firefox 22

JavaScriptFirefox Nightly (22) に ES6のArrow Function来たる - fragmentaryということで、早速試しているわけです。基本 var f1 = () => "OK"; // 引数なしの場合は、"()"が必須 var f2 = arg => arg + 1; // 引数一つなら、"()"は省略可 var f3 = (arg1, arg2) => ... 続きを読む

getEventListeners(node) - hogehoge @teramako

2013/02/13 42 users hogehoge node デバッグ

GoogleChromeconstructor.members_に使えるメソッド名一覧があることを発見して、getEventListeners(node)で、そのnodeでリッスンしているハンドラが取れる事を知った。デバッグに役に立ちそう。 続きを読む

curl の multipart/form-data 送信が遅い - hogehoge @teramako

2012/11/28 13 users multipart curl form-data 送信

*nix個人的メモローカルでサーバを立てて実験中、妙に反応が悪いので何でだろうと思ってた $ curl -V curl 7.27.0 (i686-pc-cygwin) libcurl/7.27.0 OpenSSL/1.0.1c zlib/1.2.7 libidn/1.25 libssh2/1.4.2 Protocols: dict file ftp ftps gopher http https i... 続きを読む

gitのコミットログなんて"fixed"だけで十分だろ！エンジニアならコード読め！ - hogehoge @teramako

2012/11/21 92 users コミットログ fixed hogehoge Git エンジニア

ソース: https://twitter.com/mattn_jp/status/271117577693044736 続きを読む

constructor プロパティについて - hogehoge @teramako

2012/09/27 45 users hogehoge

JavaScript, ECMAScript説明をつけておくと、constructor プロパティは、オブジェクト作成時に自動的に生成されるプロパティで、そのオブジェクトが生成されたときに使われたコンストラクタが参照されています。ミックスインパターン new this.constructor%28%29 の利用 - わからんたまたま見つけたので引用するけど、何処か別のところでも似たような勘違いが書... 続きを読む

about:newtab に背景画像を仕込む - hogehoge @teramako

2012/06/18 14 users hogehoge cover center File URL

Firefoxえーと、こんな感じ。 @-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... 続きを読む

-webkit-border-radius なんて書いているWeb開発者は腹を切って死ぬべきである - hogehoge @teramako

2012/05/14 214 users hogehoge Web開発者

CSS地獄の火の中に投げ込むものである。いや、まあそんなネタはどうでも良くて...そのベンダー接頭辞はいつまで書くの？ | Unformed Building書いてあることは至極真っ当なこと。もろ手をあげて賛成である。また、ベンダー拡張プリフィックスはそれそのものがWebを破壊することはないし、ベンダー独自のプロパティーや関数が数万追加されて使われまくったとしても本当はWebは壊れない。またその文... 続きを読む

jscomplete-vim - hogehoge @teramako

2012/04/05 80 users hogehoge AUTOLOAD GitHub vim 次第

Vim, JavaScripthttps://github.com/teramako/jscomplete-vim既存のvimに入っているautoload/javascriptcomplete.vimがアレだったので、もう少し賢そうなのを作りたいと思い、作り始めた。初めてのVim scriptなので拙いコードだと思うけど。ある程度目的は達成できてきたと思うので、GitHubにアップしてみた次第。.... 続きを読む

ECMAScriptで提案されている arrow function について - hogehoge @teramako

2012/04/03 25 users ECMAscript hogehoge

JavaScriptECMAScript6では、functionの代わりに=>を使えるようになるhttp://css.dzone.com/articles/exciting-future-javascript-0ES6、だいぶドラスティックな変更に傾きつつあるよう。ES4の二の舞にならないといいのですが・・2012/04/03 BBCがレスポンシブデザインを採用 - 本日のHTML5とか最新情報 ... 続きを読む

Firefox拡張でHTTPリファラを弄る - hogehoge @teramako

2012/02/15 27 users hogehoge Firefox拡張

Firefox, Addon昨日はwebRequest APIをざっくり理解する。(あるいはChrome拡張の作り方) | mzsm.meを参考に昨日はChrome拡張でWebRequestAPIを使ってRequestHeaderを弄った。今日は、お返しに、同じく「ITmediaの画像表示にリファラをくっ付けよう」ってことで、Firefoxでのやり方を書くよ。(DN: 1をセットするのはFiref... 続きを読む

Firefox拡張とGoogleChrome, Opera拡張 - hogehoge @teramako

2012/01/17 59 users hogehoge GoogleChrome

AddonFirefoxを始め、多くのブラウザが拡張機能により便利機能を付加できるようになった。Firefoxが始まりではあるが、実のところこれは偶然の産物──サイドバーあたりを拡張できるように作ったけど、これ、いろんなところに応用できるんじゃね？みたいな──らしい(当時のことは僕は詳しくないが...)。まあ偶然の産物であるかどうはともかく、これが大ヒット。他のブラウザも拡張機能をサポートし始める... 続きを読む

console.log は printf 相当の機能が一部ある - hogehoge @teramako

2012/01/04 53 users foo JSDeferred printf hogehoge

JavaScript ある値を非同期で取ってくる→その値を使ってさらに非同期処理というのをJSDeferredでする - Islands in the byte stream 何気なく書かれているけど、console.log('got %s', foo);という部分があり、おや？と思った。もしかして、Node.js 以外でも使えたりする？ と調査。まず、Operaは使えなかったので除外。CodeG... 続きを読む