ShadowDOMの外から内部の要素を取得する

JavaScript

shadowRootでshadowRootが取れるのでそこから辿れる。

var proto = Object.create(HTMLElement.prototype);
proto.createdCallback = function() {
  var shadowRoot = this.createShadowRoot(); 
  shadowRoot.innerHTML = '<span class="foo">text</span>';
};

document.registerElement('x-element', { prototype: proto });

var el = document.createElement('x-element');

// これで取れる
console.log(el.shadowRoot.querySelector('.foo').textContent); //=> text

gitでトラッキングされてないファイルも含めてstashする

git

なんとなく

$ git stash --all

ってやったら、ignoreされてるファイルも全部消えてﾌｧｯってなった。

$ git stash -u
# or
$ git stash --include-untracked

が正しいっぽい。以下helpより。

If the --include-untracked option is used, all untracked files are also stashed and then cleaned up with git clean, leaving the working directory in a very clean state.
If the --all option is used instead then the ignored files are stashed and cleaned in addition to the untracked files.

Polymer/platform.jsでdocument.currentScriptが動かない

JavaScript

Web ComponetsのPolyfillのPolymer/platform.jsでHTML import使ったときに、呼び出される側のHTMLのJSのdocumentを取得したいときに、

var doc = document.currentScript.ownerDocument;

ってやればとれるらしいんだけど、これがうまくPolyfillできなくて動かないらしい。
https://github.com/Polymer/HTMLImports/blob/a2accf9e3e15ee4584196a9aa5803cd5e7535820/src/HTMLImports.js#L196-L206

ので

var doc = document._currentScript.ownerDocument;

とする必要があるらしい。

最近のAndroid Chromeのリモートデバッグ

Android

以前はAndroidのChrome側にWebデバッグを有効にするみたいなのがあって、PC側ではADB立ち上げたりする必要があったんだけど、最近はもっと簡単になってるっぽくて、

1. AndroidのUSBデバッグを有効にする
2. USBでつなぐ
3. AndroidのChromeで適当なページ開く
4. PCのChromeで「ツール」→「デバイスの検証」を開く
5. Androidで開いてるページをPC側で開いてデバッグできる

という簡単なステップで済むようになってる。

PCのChromeのバージョンは32以上が必要（現時点でのstableは31なのでCanaryとかBetaを使う必要ある）。

Backbone.jsでPATCHをPUTに書き換える

JavaScript

Backbone.jsでsaveするときに patch: true にするとPATCHメソッドになってsaveに渡した引数だけをbodyに含める（patch :true しないとmodelの全attributesをbodyにしてPUTする）んだけど、API側がPATCHメソッドに対応してなかったりPATCHメソッドを通さないproxyがあったりした場合にPATCHをPUTに強制的に書き換えたい。

こうする。

var originalSync = Backbone.sync;
Backbone.sync = function(method, model, options) {
  if (method === 'patch') options.type = 'PUT';
  return originalSync(method, model, options);
};

うーん。。

angular-scenarioで特定のテストだけ実行する

AngularJS
  • describe -> ddescribe
  • it -> iit

ってすればそのテストだけ実行される。今のところアンドキュメントな気がする。

describe('foo', function() {
  it('xxx', function() { ... });
  iit('xxx', function() { ... }); // これだけ実行する
  it('xxx', function() { ... });
});