Firfox 30(Nightly)で ES6的な ArrayComprehension,GeneratorComprehension が実装された - hogehoge @teramako
書くのが1週間ほど遅れた。 979865 - Implement ES6 array and generator comprehensions 12.1.4.2 Array Comprehension 12.1.7 Generator Comprehensions var arry = [for (value of iteratableObject) value]; // ArrayComprehension /* == (function() { var list = []; for (let value of iteratableObject) { list.push(value); } return list; }()); */ var gene = (for (value of iteratableObject) value); // GeneratorComprehension
super キーワード - hogehoge @teramako
ECMAScript 6th には super キーワードがある。もとからキーワードとしてはあったけど、6th から挙動をもつキーワードとなった。 期待通り、プロトタイプチェーン上のプロパティアクセスまたはメソッドコールに使用できるキーワードである。 使用可能な箇所は: MethoDefinition中 (普通の)メソッド getter setter MethodDefinitionというのは ({ method () { }, get foo () { }, set foo (val) { } }) というように、ECMAScript6thから登場する書き方である。 super の使用方法は2種類ほどある。 プロパティアクセス：継承先のプロパティへアクセス super [ Expression ] super . IdentifierName コンストラクタ/メソッド実行：継承先の同名の
Firefox 27(Nightly) における新たな String.prototype["@@iterator"] - hogehoge @teramako
928508 – String.prototype.@@iterator (and thus for-of) incorrectly iterates over code units rather than Unicode characters ちょいと面白いものが実装されて、String.prototype["@@iterator"]がアップデートされてた。 "@@iterator" というのは、ECMAScript 6th におけるイテレータとなるメソッドで、最近注目のジェネレータオブジェクトを返す。*1 で、このジェネレータオブジェクトのnextメソッドが、従来であればインデックス値に沿って順に値を返していたのだが、これからはUnicodeポイントに沿って値を返すようになる。UTF-16 においてサロゲートペアとなるような文字は従来は2文字として扱われていたのが、Unicodeポイン
![Firefox 27(Nightly) における新たな String.prototype["@@iterator"] - hogehoge @teramako](https://cdn-ak-scissors.b.st-hatena.com/image/square/0403784b7840cc019c5edb349d4cadebfa33a0dd/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127100731536%2F17680117127100736041%2F1556722857)
ArrowFunction 的即時関数 - hogehoge @teramako
ある意味、ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由の続き。 今回は ECMAScript 6th から入る ArrowFunction で即時関数を考える巻。 前回は普通の関数式での即時関数を解説してみた。 functionには２種類ある いきなり function から書くと式とは認識されないから一工夫が必要 という話だった。 さて、もし、function には1種類しかなく、式としての関数式のみだったら、きっと ExpressionStatementの先頭にfunctionが来てはならないという宣言が設けられることは無かっただろう。 それを踏まえて、ArrowFunctionを見てみると、これは1種類の式のみの定義だ。 では、 () => { // .... }(); と書けるはず！ と思うだろう。 しかし、しかしながら、こう書くと構文エラー
ECMA-402 Internationalization API - hogehoge @teramako
Chrome 28 で ECMA-402 が実装されてたのを期に少し書いてみる。本当な Firefox Nightly でも一度は実装されたんだけど、バグがあったからか今はバックアウトしちゃって使えない。 確認したバージョン： 28.0.1500.11 (Official Build 199640) dev-m Standard ECMA-402 ECMAScript Internationalization API Specification - ECMA-402 Edition 2.0 - DRAFT The ECMAScript Internationalization API (ここが用例とかが載っていて分かりやすいかも） i18n API と略して言ったりする。 ボクは全然詳しくないので触りの説明しかできないけど、ロケールに合わせたメソッドを提供する仕様/APIだ。 プログラミン
Firefox 20 個人的まとめ - hogehoge @teramako
システム内の E4X 無効化 javascript.options.xml.chrome Firefox 21 でこのオプションすら消える予定 for-each 文の事実上の無効化 コンテンツ上では<script type="text/javascript;version="1.6">等とバージョン指定しないと使えない Map.prototype keys, values, entries の追加 817368 - Map.prototype.{keys,values,entries} WeakMap.prototype clear メソッド追加 814562 - Implement clear() on WeakMaps Flexbox layout.css.flexbox.enabled=true で有効化 CSS Supports API layout.css.supports-ru
ES.next Draft仕様より、普通のfunctionとArrowFunctionの違い - hogehoge @teramako
の解説を理解するために。 通常のFunciton定義と、ArrowFunctionでの違いを追ってみる。 以下の3つくらいの理解に必要だろう。 8.3.15.1 [[Call]] Internal Method 10.2 Lexical Environments 13 Function and Generators 13.1 Function Definitions 13.2 Arrow Function Definitions 13.6 Creating Function Objects and Constructors Functionオブジェクトの違い（FunctionExpressionとArrowFunction） まずは、Functionオブジェクトがどのように生成されるか、である。 Function定義は、FunctionDeclarationと名前付きFunctionExp
Firefox 22(Nightly) で ArrowFunction が実装されたが、扱いが難しい - hogehoge @teramako
Firefox Nightly (22) に ES6のArrow Function来たる - fragmentary ということで、早速試しているわけです。 基本 var f1 = () => "OK"; // 引数なしの場合は、"()"が必須 var f2 = arg => arg + 1; // 引数一つなら、"()"は省略可 var f3 = (arg1, arg2) => arg1 + arg2; // 複数の引数の場合は"()"必須 var f4 = arg => { // ステートメントを入れる場合は "{}" でブロックを生成する if (arg) return "OK"; else return "NG"; }; // オブジェクトを返す場合は、ブロックと間違われないように // ({...}) と () 等を使用する var f5 = () => ({ a: "A", b
Firefox 17 から Map と Set がイテラブルになった件について - hogehoge @teramako
Firefox 17.0 リリースノート さて、Firefox 17 がリリースされました。そのリリースノートに、以下の様なのがあります。 JavaScript の Maps と Sets がイテラブル (反復可能なオブジェクト) として利用できるようなりました。 これはどういうことなのかを少し解説。といっても、内部のECMAScript仕様に詳しいわけではないので、その辺りは、Constellationさんに譲りたいと思います（ぉ あくまでMozilla実装での使い方ということで。 var map = new Map([ ["a", "A"], ["b", "B"] ]); map.set("c", "C"); console.log( map.get("a"), map.get("b"), map.get("c") ); // "A B C" ここまでは今までの基本です。 イテラブルと
Nightly で __proto__ の挙動が変わった - hogehoge @teramako
以前、__proto__プロパティの不思議というものを書いたが、Firefox Nightlyで、この __proto__ プロパティに変更が入った。 Bug 770344 - Experiment implementing __proto__ as an accessor Firefoxでは元々、Object.prototypeのプロパティに __proto__ があり、それは変わっていないが、Descriptor が変わっている。 Nightly以外 Object.getOwnPropertyDescriptor(Object.prototype, "__proto__"); /* { confiburable: false, enumerable: false, value: null, writable: true } */ Nightly Object.getOwnPropert
jscomplete を neocomplcache プラグインに対応させた - hogehoge @teramako
jscomplete - hogehoge https://github.com/teramako/jscomplete-vim id:basyura さんが neco のプラグインにならないかなぁ（チラチラ と言っていて、恥ずかしながら初めてneocomplcacheがプラグインで拡張できることを知った。 どういう良さがあるのかとかよく分かってないけど、Vim-users.jp - Hack #169: neocomplcacheを拡張する 後編を参考にテストコードを書いて、対応できる確信を得たのでやってみた。 これで、neocomplcacheユーザなら omnifunc の設定なしに jscomplete を使えるようになるので、 autocmd FileType javascript \ :setl omnifunc=jscomplete#CompleteJS が不要になる。
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 '"' +
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
ECMAScript 6th の構文をまとめてみた - hogehoge @teramako
harmony:specification_drafts [ES Wiki] ECMAScript 6thのドラフト版が挙げられている。現在はSeptember 23, 2011のドラフトが最新で、このドラフトの構文部分のみを抜粋してHTML化してみた。 ECMAScript Syntax Grammar 6th Edition / Draft よろしければ、どうぞ。 構文上で、5thとの大きな違いは、 let, constによる変数、定数宣言の導入 AssignmentPatternやBindingPattern辺りが導入されている ...が導入されている 辺りでしょうか。 BindingPattern これは何かっていうと、オブジェクトや配列(Array)の中身の要素を直に変数に入れられるようになる。BindingPatternにはObjectBindingPatternとArrayB
Unicode ⇔ UTF-8バイト列なコード - hogehoge @teramako
vs UTF-8, UTF-16, UCS4 - 枕を欹てて聴くを読んだは良いけどやってみないと良く分からん＞＜ あ〜んど プログラマのための文字コード技術入門 (WEB+DB PRESS plus) (WEB+DB PRESS plusシリーズ) 作者: 矢野啓介出版社/メーカー: 技術評論社発売日: 2010/02/18メディア: 単行本（ソフトカバー）購入: 34人 クリック: 578回この商品を含むブログ (129件) を見るは買ってあるけどきちんと読んでないなあ ということで、本のほうを見ながらUnicodeの変換をやってみた。 やったのは UnicodeからUTF-8バイト列 UTF-8バイト列から文字列 正直正常系しか試してないので正しいコードか分からないけど、UTF-8の4バイト文字が可逆変換できたので良しとしている。 勉強になったこと もちろん、変換方法の勉強になったのだ
XMLHttpRequest.onreadystatechange に入れる関数の引数 - hogehoge @teramako
何か発見した。 var x = new XMLHttpRequest; x.open("GET","/", false); x.onreadystatechange = function(event) { alert(event); }; x.send(null); とやるとどうなるか。 Eventオブジェクトが取れる！ event.targetはXMLHttpRequestのインスタンス！
Scriptish （Greasemonkey フォーク版） キタ━━━ヽ(ﾟ∀ﾟ)ﾉ━ - hogehoge @teramako
Scriptish Beta! A New Greasemonkey - Erik Vold's Blog Scriptish :: Add-ons for Firefox Home - scriptish - GitHub ついにというべきか何というべきか、Greasemonkeyのフォーク版が登場した。 因みに対象は Firefox 4.0beta5 〜 4.0beta7 彼曰く、 Greasemonkeyは大好きだ が、Firefox 1.5 をサポートするために新機能の追加ができなかった JavaScriptコードモジュール(JSM)とかね 複数ウィンドウを立ち上げる時や起動時にメモリを少なくパフォーマンス向上につながる 次のメジャーリリースである Greasemonkey 0.9 でやっとサポート対象の最小バージョンが 3.0 に上がる が、メンテナたちはバグフィックスとか最小限
JavaScriptで名前空間 - hogehoge @teramako
Firefox4のJavaScriptと言えば ECMAScript 5th ECMAScript Harmony E4X ですよね。 で、昨日辺りにJavaScriptの名前空間に関してTwitter上で話題に上がっていたので自分もやってみた。 参考 ES Harmony の Proxy について #fxdevcon で LT してきました - mooz deceives you http://wiki.ecmascript.org/doku.php?id=harmony:proxies コード Firefox4でしか動かないのでご注意。 いやー、意味不ですよね。 サンプル // 上記コードが読み込まれていること var myNS = NS("teramako", "http://www.hatena.ne.jp/teramako/"); myNS.foo = "bar"; // =>
vim7のタブ設定 - hogehoge @teramako
vim version7 からタブが使えるようになったわけだが、虜になりつつある。 とりあえず基本 よく使うものを挙げておいてみる。[]内は省略可。countは数値。 コマンド :tabnew or :tabe[dit]新たなタブを現在タブの後ろに開く :tabe[dit] or :tabnewfilefileを新たなタブに開く :tab cmdコマンド結果を新たなタブに開く。ex).:tab help version7 Ctrl+w gfカーソル下にあるファイルを新たなタブに開く :tabc[lose][!][ count]現在のタブを閉じる(:qと同じ？)。count(バッファ番号)を指定するとそのタブを閉じる :tabo[nly][!] or countgt他のタブを全て閉じる :tabn[ext][ count]次のタブへ移動。countが指定されるとそのバッファ番号のタブへ移動
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ページ内リンクにスムーズスクロールしつつpushState - hogehoge @teramako
