はてなブックマーク

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?

こういうのを作ります。 自動化したいこと GitHubのリリースタスクをgulpで自動化できるようにします。 GitHub上にバージョンに応じたリリースを作成する 作成したリリースにmy-package-v0.1.0.zipのようなファイルを添付する 配布したいバイナリやzipがある場合、リポジトリに含めるのではなくリリースの添付アセットにしておくと、ダンロード数が計測できたり、https://github.com/<user>/<repo>/releases/latestというURLで最新リリースへと誘導できたりしてなにかと便利です。 ワークフロー 実際のワークフローは以下のようになると思いますが、この記事で扱うのは (4) と (5) です。 package.jsonのversionを更新する ビルドして配布用のバイナリを生成する master（とタグ）をGitHubにプッシュする G

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

npm-version（$ npm version [major|minor|patch|...]）は「package.jsonのバージョンを上げてGitのコミットとタグを追加する」というコマンドですが、pre/postフックと組み合わせると結構いろいろなことができます。 テスト・ビルド・デプロイを絡めて、新しいバージョンのリリース自動化にも使えます。 npm-scriptsのドキュメントだと、"perversion"と"version"の説明がどちらも「パッケージをバージョンアップする前」に実行されるとしか書かれておらず、いまいち使い分けがわからなかったのですが、npm-versionのページには詳細が載っていました。 処理の流れ $ npm version [major|minor|patch|...]を実行すると、このような順で処理が走ります。 Gitのワーキングディレクトリがクリー

Nightwatch.jsを使ったテストの作成と、gulpから実行する際に工夫した点を紹介します。 Nightwatch.jsとは Nightwatch.jsは、End-to-Endのブラウザテストを自動化するフレームワークです。 フレームワーク自体はNode.js上で動き、テストの実行はSelenium WebDriver APIと連携することで様々なブラウザでのテストを可能にしています。 Node.js製のE2Eテストフレームワークとしては、ユニットテストも含んだ統合型のIntern、AngularJSとの親和性が高いProtractorと並び、人気のあるフレームワークです。（2015年9月時点） 公式サイト : http://nightwatchjs.org/ GitHub : https://github.com/nightwatchjs/nightwatch gulpベースのプロ

フロントエンド開発をする際、Browsersyncなどを使ってlocalhostサーバを立てることは多いかと思います。この記事は、サーバ側のAPIやCookieの都合から、本番環境のURLでそのローカルサーバにアクセスしたくなったとき向けのTipsです。 やり方はいくつもありそうですが、ここではHoxyというNode.js上で動作するプロキシサーバを、gulpと連携させて使う方法を紹介します。 Node製のプロキシを選んだのは、外部ツールのインストールや、hostsの書き換えをせずにサクッと環境構築できるようにするためです。 実現すること ブラウザでhttp://example.com/（任意のURL）にアクセスすると、ローカルのコンテンツが表示される 開発中はlivereloadなどBrowsersyncの各種機能が利用できる npm install && gulpだけで環境を共有できる