astk_fのブックマーク - はてなブックマーク

Nuxt.js で Vuex の結合テストを書く方法を考えた - kitak blog
この間、友人と焼き肉を食べていて、「Nuxt.js で Vuex の結合テスト書くのどうやってますか？」という話になったので、考えてみました。 Vuex の結合テストの定義この記事では、アクションやミューテーション単体ではなく、アクションをディスパッチした結果のステートやゲッターが意図通りになっているか確認するテストのことを、Vuex の結合テストと呼びます。方針 Vuex の結合テストで課題となるのは、テスト対象の Vuex Store インスタンスの生成です。今回は、（少し強引ですが）Nuxt.js のドキュメントのエンドツーエンドテストのサンプル( 開発ツール - Nuxt.js )をベースに Store インスタンスの生成を Nuxt.js に任せることにしました。最初、モジュールモードの場合に Nuxt.js が内部でおこなっている Store オプションの組み立て(
astk_f 2018/07/17
vue.js

test

Nuxt.js

Vuex
リンク
2016年に使った&来年使いそうな JavaScript 関連のものと所感 - kitak blog
2016年に使った&来年使いそうな JavaScript 関連のもの以下のカテゴリでなんとなく書いてみます。去年と比べて大きく変わらないかんじです。動きの早かった 2, 3年前から、年々、動きはゆっくりになってきているというのが個人的な印象。トランスパイラビューライブラリ/フレームワークモジュールバンドラタスクランナーパッケージマネージャテスティングトランスパイラ 2016年に使った: Babel。各ブラウザの JavaScript エンジンで ES2015~ES2017 の実装が進んでいるので、関わっている案件のブラウザのシェア次第なところもありますが、ES2015~ES2017 の仕様だけトランスパイルしたいのであれば、再来年あたりから要らなくなるんじゃないかな、という気持ち。来年使いそう: 静的型付けがメインで、ES20XX から ES5 へのトランパイルは副次的で
astk_f 2016/12/31
javascript

trend

tool
リンク
ウェブフロントエンドのパフォーマンス改善のひとつの日常 - kitak blog
ひとつの日常この間、仕事でちょっとしたハイブリッドアプリ(ネイティブアプリのWebViewの上で動くWebアプリ、とここでは定義しておく)をリリースした。そのアプリにはタブがあって、(当たり前だが)タブでコンテンツが切り替わる。リリースして3日くらい経って、企画の人から「なんか、ここのタブ、反応悪くない？」という話が来た。たしかにタブに触れても、すぐには反応しなくて1~2秒経ってからタブが切り替わる。しかも、切り替えたタブのコンテンツが表示されるのにも1~2秒かかっている、うへー... 改善するぞ！ということは、クライアントの開発をおこなっていると、ちょくちょくあるのではなかろうか。意識、あるいは無意識におこなっている改善の手順について、先の問題の改善に至るまでの具体的は話、ツールも含めながら書く。計測する「計測するまでは速度のための調整をしてはならない」という有名な格言がある
astk_f 2016/04/18
frontend

performance

計測

example
リンク
1