はてなブックマーク

最近Codecovというサービスを使ってカバレッジを計測しているのですが、テストをしようというモチベーションが上がる良いサービスだと思ったので紹介したいと思います。 Codecovとは Codecovについて簡単に説明すると、コードのカバレッジを計測し、可視化したりslackに通知したり出来るサービスです。似たようなサービスだとcoverallsなんかがあります。 Codevcovはテストされていないコードを行単位で色づけしたり。 ファイルやディレクトリ単位でカバレッジを計測したり。 GitHubと連携させてプルリクにカバレッジがどう変化したかをコメントしてくれたり。 Slackと連携してカバレッジの差分が閾値を越えたら警告することができます。 カバレッジがとれる言語も幅広く、Java・Ruby・PHP・Python・Goなどメジャーな言語は一通りサポートされますし、サンプルコードも公式の

作られるファイルは以下です。 Capfile config/deploy.rb config/deploy/production.rb config/deploy/staging.rb Capfileにcapistranoのplugin等をrequireしていきます。deploy.rbには共通の設定を書き、production.rbやstaging.rbには各環境に特化した設定を書きます。 デフォルトのタスク Capfile で、 で読み込みを行っていれば、デフォルトでnamespaceがdeployのタスクが読み込まれます。 capistrano/deploy では capistrano/framework が読み込まれています。 capistrano/framework の実装を見ると細かいタスクの実装は定義されておらず、deployタスクで実行する順番が定義されているようです。 空の

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

まえがき 以前 Vue.js用のFluxライクなライブラリVuexを試してみる という記事を書きました。2年前の記事で更新もしていなかったので改めて整理して学び直してみようと思います。今回使用するバージョンは 3.0.1 です。 Vuexとは？ VuexはVue.js用の状態管理ライブラリです。Fluxの影響を受けています。ReactだとReduxに当たります。 Fluxの考え方はFacebookのリポジトリにあるflux-conceptsが詳しいです。その中の図をお借りすると以下のような考え方になります。 1 Action → Dispatcher → Store → View のようにデータが流れていきます。Vuexでもこの考え方と同じようなデータの流れになります。 2 Vuexでのデータの流れは Actions → Mutations → State → Vue Components

この記事は CrowdWorks Advent Calendar 2017 の1日目の記事です。 Trusted Asvisor とは Trusted Advisor は AWS で利用している EC2 や RDS などのサービスをコストやセキュリティに関する Best Practice に基づいたアドバイスを自動的に行なってくれるサービスです。Best Practice に関しては Web で公開されております。 この機能を使うことで、普段の業務で開発用に立てたインスタンスをついそのままにしてしまった時や、甘めに設定してしまったセキュリティに関して警告を確認することができ、つい放置してしまったインスタンスが元で開発費を圧迫したりセキュリティインシデントが発生するのを軽減することができます。 プランについて 普通のAWS利用者だとしたらサポートプランをアップデートしていなければ Trust

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

まえがき Vue.js用のFluxライクなライブラリVuexを試してみました。 Vuex 注意：まだ開発中でAPIも変わる可能性があります（2015/12/25） 2017/12/17　追記 改めて学び直してみました。 データの流れ 詳しくはドキュメントを読んだ方が正確だけど、この図だけ見れば何となくやりたいことがわかるはず。 何となくFluxっぽいですね。 自分の理解としては コンポーネントからActionを呼び出してそこで外部のAPIと通信してデータを取得 Mutationでデータをセット Stateがコンポーネントの数値をアップデート という流れ（間違ってたらすみません）。 Vue.jsは値の取得に対しては関与しないフレームワークですが、Vuexを入れることにより値の取得からセットまでライブラリで制御できるので、無秩序になりがちだったVue.jsを使ったアプリケーションに秩序をもたら

はじめに 最近Vue.jsの2.0がリリースされました。2.0になることによりいろいろなことが変わりましたが、自分が一番気になったのはHMRが出来るようになったことです。 今回はVue.jsでHMRを行うサンプルを作ってみました。 package.json 必要なパッケージをpackage.jsonから抜粋しました。 "devDependencies": { "babel-cli": "^6.16.0", "babel-core": "^6.17.0", "babel-loader": "^6.2.5", "babel-preset-es2015": "^6.16.0", "css-loader": "^0.25.0", "node-sass": "^3.10.1", "sass-loader": "^4.0.2", "vue-hot-reload-api": "^2.0.6", "vue