Firefox 32 で Array.from が実装された - hogehoge @teramako
904723 - Implement ES6 Array.from 22.1.2.1 Array.from ( arrayLike [ , mapfn [ , thisArg ] ] ) Array-like な値をArrayに変換するメソッドです。 引数は arrayLike: Array-likeなオブジェクト mapfn:(Optional) Array.prototype.map に渡すような function thisArg:(Optional) 同上 Array-likeなオブジェクトとは以下の様なもの @@iteratorのイテレータを持つもの lengthプロパティを持つもの lengthプロパティを持つものより、@@iteratorの方が優先度が高いので注意 使用例 思いつくものをテキトウに HTMLCollection, NodeList に対して、forEach, m
はてなブックマーク拡張のコメント表示機能を修正してみた - hogehoge @teramako
Firefox 29 向けにはてなブックマークアドオンを自分で修正 パッチ diff --git a/chrome/content/browser/15-CommentViewer.js b/chrome/content/browser/15-CommentViewer.js index 9edd1d1..875b246 100644 --- a/chrome/content/browser/15-CommentViewer.js +++ b/chrome/content/browser/15-CommentViewer.js @@ -15,7 +15,7 @@ elementGetter(this, 'commentFooter', 'hBookmark-comment-footer', document); elementGetter(this, 'listContainer', 'h
アドオンとかプラグインとか拡張機能とか - hogehoge @teramako
Firefox、プラグイン不使用に向けた対応強化 | マイナビニュース Firefoxが段階的にプラグインを廃止すると発表（情報追記あり） Firefoxがプラグインを廃止する方向に｜アドオンと勘違いする人多数で大混乱 | アイデアハッカー Mozilla、ホワイトリストに登録されていない「Firefox」プラグインを原則ブロックへ - 窓の杜 まぁあることないこと言われていて、「アドオンじゃなくてプラグインか」みたいなコメントも多く散見されるわけだが。 Mozilla 的には以下の様な定義になっている。 アドオンは、以下の 3 種類に分けられます: 拡張機能 拡張機能は、Firefox に新しい機能を追加したり既存の機能を変更したりします。拡張機能には、広告の表示をブロックしたり、Web サイトから動画をダウンロードしたり、Facebook や Twitter を便利に利用するもの、また
innerHTML += ... な書き方について - hogehoge @teramako
DOM操作の最適化によるJavaScriptチューニング（前編） | HTML5Experts.jp はてなブックマーク - DOM操作の最適化によるJavaScriptチューニング（前編） | HTML5Experts.jp はてなブックマークで『後でツッコミする』と書いたとおり、ちょっとツッコミたいと思う。 ツッコミ記事のつもりが、自分がツッコミされることとなり、ダメダメな記事です。それでも良ければお読み下さいｗ // サンプル1: パフォーマンスが悪い var ul = document.querySelector('#output'); for ( var i = 0; i < data.length; i++ ) { ul.innerHTML += ‘<li>’ + data[i] + ‘</li>’; } 上記コードはダメなコードであり、理由は、 li要素をループが回るたびに追
マスターパスワードより信用できないもの - hogehoge @teramako
それはテメェの頭だ。 それを忘れちゃいけねえ。
Firefox 25(Nightly) で新たに構造体チックなのと数値リテラルが実装された - hogehoge @teramako
578700 – (harmony:bindata) [meta] Harmony binary data objects harmony:binary_data [ES Wiki] numerictypes.js arraytype.js structtype.js 894026 – Implement BinaryIntegerLiteral and OctalIntegerLiteral binary-literals.js octal-literal.js Binary Data Object 新たに数値型として、 uint8 uint16 uint32 uint64 int8 int16 int32 int64 float32 float64 の関数。 そして、上記の型関数などを引数にしてバイナリーデータ的なArrayやStructorを定義できるコンストラクタとして Array
ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由 - hogehoge @teramako
結論から言うと、単なる格好付けです。 以下説明。 主要なJavaScript (ECMAScript 5th)では、functionは2種類あります。 文(Statement) *1 式(Expression) です。 所謂、「即時関数」と呼ばれるものはfunctionは式(Expression)である必要があります。 何故なら、関数実行を示す構文であるCallExpressionが式であり、それ以外存在しないからです。*2 JavaScript コードは文(Statement)の集合 JavaScriptのコードは文の集合と言えます。いきなり式が始まることはありえません。 とはいえ、 foo(); 1 + 2; といったものは成り立ちます。これは文(Statement)の解釈としてExpressionStatement(式を書いても良い)という、文が定義されているからです。 ともかく、文
-webkit-border-radius なんて書いているWeb開発者は腹を切って死ぬべきである - hogehoge @teramako
地獄の火の中に投げ込むものである。 いや、まあそんなネタはどうでも良くて... そのベンダー接頭辞はいつまで書くの？ | Unformed Building 書いてあることは至極真っ当なこと。もろ手をあげて賛成である。 また、 ベンダー拡張プリフィックスはそれそのものがWebを破壊することはないし、ベンダー独自のプロパティーや関数が数万追加されて使われまくったとしても本当はWebは壊れない。またその文法が変更されても修正または追加すれば対応できるし、その余裕は十分にある。つまり壊れるのはほとんど全てのケースで開発者の怠慢に過ぎないので、ちゃんと仕様と実装を理解して必要ならば寝る間を惜しんで修正作業に血眼になるべき。みたいな実践を伴わない意識を僕は持っている。 なので憂うべきこの現状は、IE6が拡散して残り続けたことと同じようにベンダー側ではなくWeb開発者側に非があると思っている。 ベンダ
Ctrl + c で選択範囲のコピーと読み込みの中断 - hogehoge @teramako
iframe対応<C-c>でコピーとロードの中止 - vimpな日々 - vimperatorグループに改良バージョンを載せたので、そちらを参照のこと。 vimperator 0.5.3用に書き直しました 0.6pre用のも書いてみました（まだ開発版なのでまた変わるかもしれません vimperatorのデフォルトはctrl + cはページ読み込みの中断で、Yが選択範囲のコピーとなっている。無闇に、map <C-c> Yで上書きすると読み込みの中断ができなくなる。((EXモードで:stopという方法もあるが...面倒だ)) 選択範囲の有無で動作を切り分けた方が良いのではないかと思って作ってみた。 バージョン 0.5.3用 vimperator.mappings.add(new vimperator.Map(vimperator.modes.NORMAL, ['<C-c>'], functio
Firefox拡張でHTTPリファラを弄る - hogehoge @teramako
昨日はwebRequest APIをざっくり理解する。(あるいはChrome拡張の作り方) | mzsm.meを参考に昨日はChrome拡張でWebRequestAPIを使ってRequestHeaderを弄った。 今日は、お返しに、同じく「ITmediaの画像表示にリファラをくっ付けよう」ってことで、Firefoxでのやり方を書くよ。(DN: 1をセットするのはFirefoxだとオプションで出来るからね） 実はこの程度なら同じくらいのコード量で拡張は作れる。 用意するファイルは主に2つ。 install.rdf bootstrap.js install.rdf これは、Chromeで言うところのmanifest.jsonにあたる、拡張機能のメタ情報を収めるRDF形式のXMLファイル。 <?xml version="1.0" encoding="UTF-8"?> <RDF xmlns:em=
Firefox拡張とGoogleChrome, Opera拡張 - hogehoge @teramako
oh...Firefoxが拡張の始まりではなく、ActiveX導入時点で拡張できたという指摘が。たしかにそのとおりです。 Firefoxを始め、多くのブラウザが拡張機能により便利機能を付加できるようになった。 Firefoxが始まりではあるが、実のところこれは偶然の産物──サイドバーあたりを拡張できるように作ったけど、これ、いろんなところに応用できるんじゃね？みたいな──らしい(当時のことは僕は詳しくないが...)。 まあ偶然の産物であるかどうはともかく、これが大ヒット。他のブラウザも拡張機能をサポートし始めるようになる...のだが、そのアーキテクチャや方向性が全く異なるものだ。 そんな話をつらつらと書いてみたい。 Firefox拡張機能のアーキテクチャ まずはFirefoxの拡張機能とはどんなものかを書こう。 と、その前にMozilla系アプリケーションについて話さなければならないだろう
cat コマンドでネコを走らせる - hogehoge @teramako
というツイートが昨日RTで流れてきたので、面白いなと思ってやってみている。 https://github.com/teramako/scripts/blob/master/shell/cat.sh cat コマンドは本来 concatenate をするコマンドである。ということで、これに反した場合にネコを出して矯正させようという趣旨である。単なる bash スクリプトである。~/bin/catとして放り込むのが良かろう。 C言語版、Perl版等のもうちょっと高級な言語での書き直しを望みます。（僕はCもPerlも得意じゃないので...） 標準入力がない、かつ、ファイルが2つ以上指定されていない 標準入力がある、かつ、ファイルが1つ以上指定されていない 「標準入力がない、かつ、ファイルが指定されない」に修正 場合にネコがでる。 ずさーーーーとネコが流れてきて 最後に と注意される仕様。 因みに
【跡地】letへの異常な愛情、(ry - hogehoge @teramako
ごめんなさい。 一旦取り下げます。 順番守ります。先走りすぎました。
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
use strict 怖い - hogehoge @teramako
Perlの話ではない、JavaScriptの話なのである。 あと、タイトルはまんじゅう怖い的な意味なのである ECMAScript 5 strict mode in Firefox 4 ? Mozilla Hacks ? the Web developer blog Firefox4.0b10pre に ECMAScript5 の Strict モードが実装されましたーパチパチー で、自分がはまった罠について書いておくよ。まあ上記ページに書かれていることなんだけどね。 "caller", "callee" in arguments オブジェクト 使うとエラー (function() { "use strict"; return arguments.callee; })(); TypeError: 'caller', 'callee', and 'arguments' properties
Node.compareDocumentPositionが素晴らしい - hogehoge @teramako
と呟いていたら、 id:caisui さんが と教えてくれた。 広範囲にイベントを取得して、イベント発生元がどの要素に含まれるかで処理を変えたい時があって、そんな時は親ノードを辿って調べるという面倒なことをしていた。これとはおさらばしたいということで、compareDocumentPositionについて調べてみた。 Node.compareDocumentPosition - MDC Doc Center The return value is a bitmask with the following values: DOCUMENT_POSITION_DISCONNECTED = 0x01; DOCUMENT_POSITION_PRECEDING = 0x02; DOCUMENT_POSITION_FOLLOWING = 0x04; DOCUMENT_POSITION_CONTAINS
FirefoxのSQLiteDBの再編成について（すこし詳細に） - hogehoge @teramako
http://www.sio.no-ip.com/mt/shio/archives/2008/10/firefox-3-sqlit.html 物凄い人気ですね。 これについてちょっと詳しく書いてみようと思う。 DBファイルの断片化 WindowsのファイルシステムをデフラグしましょってやつはDBファイルにも言えることだ。 仕組みをLeo's Chronicle: データベースシステム入門：「データベースは体育会系図書館？」に習って「図書館」に例えてみる。 図書館 DBファイル 本 中身のデータ一行 といえるだろう。 単純にデータが追加されていくだけなら、本を本棚の末尾に追加するだけなのでデータは詰まったままだし楽チンだ*1。 途中データの削除(本を抜き取る)を考えてみる。抜き取った後本を詰めないと空白ができる。 また、データ更新（本の交換）を考えてみる。同じ大きさなら良いが。大きかったり、
Cyginw セットアップまとめ 200901版 - hogehoge @teramako
cygwin_jeからパッケージインストール出来なくなっていたりとか、シェルをzshに変えたとかで使い方が変わって昔の手順が使えなくなったのでもう一度 とりあえず、setup.exeを落として実行 インストール まずは何はともあれパッケージのインストールから。 パッケージのダウンロード先は 適当に日本ドメインのリングサーバを選ぶ パッケージ選択 Devel asciidoc gcc make cvs git Doc man Editor vim Interpreters perl Net openssh Shells zsh Utils lv screen Web w3m wget http://cygwin-je.sourceforge.jp/cygwin_je/release/rxvt/ からrxvtのバイナリを取ってくる 環境設定 Windowsの環境変数 HOMEをC:\Docum
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
gitのコミットログなんて"fixed"だけで十分だろ！エンジニアならコード読め！ - hogehoge @teramako