Renovate ではじめる依存関係更新の自動化
本記事は、リクルートライフスタイルアドベントカレンダー10日目の記事です。 リクルートテクノロジーズ兼リクルートライフスタイルのASGチームに所属している渡邉です。 最近は新規開発をやっていて、日々プロジェクトの package.json の更新に追われています。本記事ではその更新タスクを大いに助けてくれた Renovate について紹介します。 Renovate とは Renovate はプロジェクトの依存関係 (Dependency) の更新を自動化するツールです。似たようなツールとしては、Dependabot や Greenkeeper があります。プロダクションレベルのプロジェクトでは、明示している Dependency だけでも 20~30 程度あるのではないでしょうか。それらの Dependency は日々更新されており、最新版に追従していくだけでも時間と手間がかかります。Re
standard-version と commitlint で npm パッケージのリリース管理を省力化する - 30歳からのプログラミング
standard-versionというライブラリを使うことで、リリース管理に伴う作業のいくつかを自動化できる。 具体的には以下の内容。 package.jsonのversionフィールドの値の更新 CHANGELOG.mdの更新 更新したpackage.jsonとCHANGELOG.mdのコミット Git のタグを打つ これらを手作業で行うのは不毛だなと以前から思っていたので、standard-versionを導入した。 この記事ではstandard-versionの基本的な使い方を紹介する。 また、このライブラリを使うためにはコミットメッセージが重要になるので、コミットメッセージをチェックするためのcommitlintについても紹介する。 この記事を書くにあたり、以下のバージョンで動作確認をした。 standard-version@6.0.1 @commitlint/config-con
node.jsのいろいろなモジュール50 – Google Spreadsheetにアクセスする | DevelopersIO
2.Google Developer コンソールでAPI許可とKeyファイルのダウンロード Google Developerコンソールにアクセスし、プロジェクトを作成します。 作成したプロジェクトを選択し、サイドバーのメニューからAPI->Drive APIを選択して、Drive APIを有効化しましょう。 次にプロジェクトを選択した状態で、メニューから認証情報->認証情報を追加 ボタンを押します。 「サービスアカウント」を選択し、JSON形式を選択して作成ボタンを押すと、JSONファイルがダウンロードされます。 3.jsonに記述してあるメールアドレスをアクセス許可する 最後に、Googleスプレッドシート画面で共有ボタンを押し、 ２でダウンロードしたJSONに書いてある「client_email」のアドレスを追加します。 なお、ここで許可するアカウントは、APIアクセス用に発行されたd
gulp なしの Web フロントエンド開発 - アカベコマイリ
Web フロントエンド開発において gulp は非常に便利だ。しかしあまりにも gulp に依存しすぎており、これなしで開発できるだろうか？という不安もある。というわけで gulp を利用せず package.json と npm だけで同等の機能を実現する方法を検討してみた。 2015/11/4 追記 babelify v7.2 を試すで babelyfy 7.2 ( とその中の Babel 6.x ) について調べ、npm-scripts の変更が必要なことを確認したので追記。また Windows 環境の動作検証をおこなったところ、最新の watchify なら -o オプションが通ることを確認できた。よって本記事の最後の課題が解決したことになる。 2015/9/23 追記 cpx と rimraf を試すの内容をファイル処理に反映して簡略化。 2015/9/15 修正 Stylus
Smashing Magazineのパフォーマンス改善ケースが凄まじい件 - MOL
Frontrend Advent Calendar 2014 - Qiitaの24日目。たぶん。知らんけど。 ちょっと前になるが12/13にバンクーバーで開催されたThe Style & Class Conference 2014に参加してきた。前日にSmashing Conferenceが、ウィスラーというバンクーバーから比較的近い所で開催されていて、本当はそっちに行きたかったんだけど高額なため、地元コミュニティのほうにだけ参加した。ウィスラーの方の記事は@ygoto3が書いてたっぽい。 Smashing Conferenceで登壇していたJohn Allsopp氏やVal Head氏もこのカンファレンスで登壇するということで、『なんだ、ウィスラーのついでかよー』と思い全然期待してなかったのだが、行ってみたらカンファレンス全体の構成などすごく考えられていて、とても素晴らしいカンファレンス
Node.jsでwinstonを使用してログをとる方法 - memo.yomukaku.net
Winstonというモジュールを使用してログをとる方法を書きます。 Node.jsのサードパーティ製のモジュールでログ取得に関するものは10以上あります。ここではnodejitsu社が公開されているwinstonというモジュールを使用する方法について書きます。 Winstonは145ものモジュールから依存されている他、flatironというフレームワークの一部として丁寧にメンテナンスがなされており、本番環境でも安心して使用することができると思われます。Winstonのインストール Winstonを使用したいプロジェクトのディレクトリに移動し、npm install winstonを実行します。 Winstonを使ってログを記録する方法 さっそくコードを書いていきます。 以下のような要件でログを出力するコードにします。 development環境では標準出力とファイル（my.log）にログを
タスクランナーgulp.js最速入門 - id:anatooのブログ
相変わらず仕事ではデザインやりつつJavaScript書いている。 タスクランナーとしてGrunt.jsを使っていたけれども、使ううちに段々不満がでてきた。遅かったり、記述が冗長になりがちでつらかったので最近になってgulpに乗り換えた。 gulpは良い。タスクは自動的に並列に実行され、かつストリームで処理されるので速いし、タスクの記述もストリームベースの書き方のおかげでGrunt.jsに比べるとだいぶ短くなる。 ただ、そこらにあるgulpをちょっと試しただけの日本語の記事やドキュメントをみてても実際のプロジェクトで使えるレベルまでの知識を得られず学習に一日かかった。 この記事では、gulpをまともに使えるようになるまでに必要な知識を書く。 導入とHelloWorld まずは導入。npmからgulpをインストールする。 $ npm install gulp -g $ gulp -v [gu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
react-components.com
wilson-score