選択範囲をポップアップウインドウで表示するgoogle chrome拡張を作った

写経とかでwebページ内のサンプルプログラムときに使うgoogle chrome拡張を作った。コピーしたい範囲を含む部分を選択してツールバーのボタンを押すと、選択範囲を含む範囲を切り取って小さなポップアップウインドウで表示するというもの。自分がmac book使ってる時に画面が狭くて苦労したので役に立つかもと思って作ってみた。スタイルは参照されているスタイルシートしか取ってこなくスクリプトとかも無視してしまうので、表示は少し変わってしまう。全くたいした物ではないですが以下で公開してます。

https://chrome.google.com/extensions/detail/defdgohhfapbjdbmaepdammfhfkdihlk

Javascript: The Good Parts読んだ

オライリーJavascript: The Good Partsを読んだ。

第二章あたりで面白くない感じがして放り出してしまっていたんだけど、続きもちゃんと読んだらやはりかなり面白かった。特に第四章、第五章はかなり良かった。この本ではJavascriptがプロトタイプベースの継承を用いることを強調している。自分もクラスベースのオブジェクト指向に慣れていたためか、プロトタイプベースの継承がどうも理解出来ていなかったが、この本を読むことによって実は結構簡単なことじゃないかと思えてきた。プロトタイプ継承の自分の理解をまとめる。

  • 同じコンストラクタから作られたオブジェクトは同じprototypeオブジェクトを共有する
  • prototypeオブジェクトは親(継承元)のprototypeオブジェクトの参照を持っている(prototypeチェーン)
  • 自分のオブジェクトが所有してないプロパティへのアクセスはprototypeチェーンをさかのぼり探す

こうして書くとやはりとてもシンプルに感じる。この他にもこの本では、自分の理解が曖昧だったとこを整理できたとこが沢山あって良かった。多くの人が勧めてる本ではありますがおすすめです。

XULからGoogle Maps APIは使えない

仕事関連でGoogle Maps APIを使うFirefox拡張をつくっていたのだけど、XULで読み込んだjavascriptGoogle Maps APIが使えなくて困っていた。で、解決方法は、XULからGoogle Maps APIを直接使うのはあきらめ、、または