BLOG2019-10-24npm-check-updatesを使ってnpmライブラリのアップデートを確認する方法フロントエンドアップデートの確認フローnpm-check-updatesを利用してアップデートを確認するアップデートの変更点をテンプレートに沿って記載する終わりにこんにちは!ウィルゲートのフロントエンドエンジニア兼技術広報の小澤(@rikipedia_uw)です。Manager)ライブラリのアップデート確認方法をご紹介します。弊社で運用しているnpmライブラリにアップデートがあるかどうかの確認フローは大きく分けると以下の通りです。週次で実施してアップデートするかどうかを決定します。npm-check-updatesを利用してアップデートを確認するnpm-check-updatesはpackage.jsonの依存関係を最新バージョンにアップグレードしてくれるCLIツールです。www.npmjs.comnpm-check-updatesをインストールしコマンドを実行します。package.json各ライブラリの現在のバージョンと最新のバージョンを一覧で確認することができます。補足しておくと、npmはパッケージのバージョンを以下の方法で管理しています。いった形式で表されます。バージョンの各パートは、それぞれ次のような異なるタイミングでインクリメントされます。破壊的な変更を加えた時や、互換性のない変更を行った時です。バージョンがインクリメントされるのは、後方互換性を維持したまま、新しい機能を追加した時です。バージョンがインクリメントされるのは、後方互換性を維持したまま、バグを修正した時です。Yarnキャレット(^)やチルダ(~)などの接頭辞についてはこちらの記事に詳しく書いてあります。dackdive.hateblo.jpnpmにはアップデートがあるかどうかを確認するコマンドは存在しますが、メジャーバージョンのアップデートまでは行ってくれません。npm-check-updatesはメジャーバージョンのアップデートもしてくれるため、こちらを使って更新を確認します。アップデートの変更点をテンプレートに沿って記載する各ライブラリのアップデートが確認できたら、次は下記テンプレートに沿って内容を記述します。備考どこか変更されたのか、なぜ変更されたのかをテンプレートに沿って記載し、メンバー間で確認します。アップデートする場合はタスク化し、担当者に割り振ります。アップデートしない場合は理由を記載し、次の確認時にわかるようにしておきます。npm-check-updatesとテンプレートを使って運用することで、マイナーの機能追加やパッチのバグ修正をすぐに適用することができ、ライブラリによる不具合が少なくなります。終わりに上記のアップデートフローに沿って運用すれば更新の多いフロントエンドライブラリが原因で起こるバグを未然に防ぐことができます。ドキュメントを残すことで後からプロジェクトに参画するメンバーもライブラリへの理解が早くなります。今回紹介したnpm-check-updatesとテンプレートを活用したアップデート確認方法が読者の皆様の一助になれば幸いです。運営チームの石川です。SEOスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。