Entries from 2017-01-01 to 1 month

HTML Element の幅と高さ、座標。

幅と高さ Determining the dimensions of elements | MDN HTMLElement.offsetWidth content + padding + boarder + scrollbar Element.clientWidth content + padding Element.scrollWidth element のコンテンツの幅か、element 自身の幅（clientWidth）のう…

Promiseの配列を順に処理

reduceを使い新しいpromiseを作成していく。 const tasks = [ () => $q(resolve => doneAsync(resolve)), () => $q(resolve => doneAsync(resolve)) ]; function doneAsync(resolve) { setTimeout(() => resolve(), 1000); } tasks.reduce((promise, task) =…

背景（領域外）をクリックしたら閉じる、とか

ドロップダウンなどを表示したときに、領域外をクリックしたら閉じたい。 HTMLだと、どのように実装するのが一般的なのかわからなかったのでAngularのUI Bootstrapを参考にしてみたよ。 Dropdown documentにイベントハンドラを登録。 // https://github.com/…

Angularを1.5から1.6に移行

1.5.6から1.6.1に移行。参考にしたのは Angular 1.6 is here, this is what you need to know https://docs.angularjs.org/guide/migration#migrating-from-1-5-to-1-6 など。 対応箇所 $onInit 初期化のロジックが変更。(bindingsされた変数がconstructor内…

CircleCIのChromeを最新版に

Chromeのバージョンが低いため、E2Eが失敗してしまう。 Linux Package Signing Keysをインストールしてsudo apt-get --only-upgrade install google-chrome-stableで解決。 Update Chrome in container image - Feature Requests - CircleCI Community Discu…

ユニットテスト(Karma)もTypeScriptで

別記事 -> ユニットテスト(Karma)もTypeScriptで: karma-webpack編 - ryotah’s blog preprocessorsに追加すればいいだけだった。 GitHub - sergeyt/karma-typescript-preprocessor: TypeScript preprocessor for karma-runner // karma.conf.js module.expor…