Casual Developers Note

初級・中級のエンジニアやデザイナー向けに技術情報と英語学習情報を提供中。エンジニアもデザイナーも技術と英語を身に着けて海外に飛び立とう!

  • ホーム
  • 技術 Tips & Tutorials
  • 技術塾
  • ライフハック
  • 海外留学
  • 英語学習
  • コラム
  • お問い合わせ
You are here: Home / 技術 Tips & Tutorials / NPMモジュール内で依存しているモジュールを自動的にアップデートする方法(Greenkeeper編)

2019年2月18日 By Keid Leave a Comment

NPMモジュール内で依存しているモジュールを自動的にアップデートする方法(Greenkeeper編)

NPMモジュール内で依存しているモジュールを自動的にアップデートする方法(Greenkeeper編)

NPMモジュール内で依存しているモジュールのバージョンが古くなった場合に、Greenkeeperを使って自動的にモジュールのバージョンをアップデートする方法を紹介します。

見出し

  • 1 はじめに
  • 2 Greenkeeperの導入方法
    • 2.1 GreenkeeperとGitHubを連携する
    • 2.2 リポジトリを登録する
    • 2.3 古くなったモジュールをアップデートする
  • 3 最後に
    • 3.1 関連記事

はじめに

NPMモジュールを作成して公開してしばらくすると、以下のように依存しているモジュールが古くなっていきます。

NewImage

これを毎回手動でアップデートしていくのは手間ですが、セキュリティ面などのバグフィックスもあるのでアップデートは可能な限り行いたいことでしょう。

そこで、自動的に古くなっている依存しているパッケージを検出し、アップデートするためのプルリクエストを送ってくれるのがGreenkeeperというサービスです。しかもパブリックリポジトリであれば無料です。

NewImage

それではGreenkeeperをNPMモジュールのリポジトリに導入していきましょう。

Greenkeeperの導入方法

GreenkeeperとGitHubを連携する

まずは「Greenkeeper」のページに行き、「YOUR ACCOUNT」をクリックします。

NewImage

「Login with GitHub」をクリックします。

NewImage

「Authorize greenkeeper」をクリックします。

NewImage

パスワードを入力して「Confirm password」をクリックします。

NewImage

GreenkeeperのページにGitHubのアカウントが表示されます。

NewImage

これで連携が完了しました。

リポジトリを登録する

次に、対象のNPMモジュールのリポジトリをGreenkeeperに登録します。Greenkeeperのページからアカウントをクリックします。

NewImage

「Repositories」タブで「Greenkeeper installation page on GitHub」をクリックします。

NewImage

全てのリポジトリを登録することもできますが、今回はリポジトリを選択して登録します。「Only select repositories」にチェックを入れ、「Select repositories」からリポジトリを選択し、「Install」をクリックします。

NewImage

ダッシュボードにリポジトリ名が表示されます。

NewImage

これでリポジトリの登録が完了しました。

古くなったモジュールをアップデートする

依存しているモジュールが古くなるとGreenkeeperが検出して、以下のように「Update dependencies to enable Greenkeeper」のプルリクエストが自動的に発行されます。(今回は最初なのでGreenkeeperを初期化するためのプルリクエストも含まれています)

NewImage

通常のGitHubのフロー通りに「Merge pull request」をクリックします。

NewImage

すると、マージされます。

NewImage

Geenkeeperのプルリクエストをマージすると、Geenkeeperのページのリポジトリのステータスが「Enabled」になります。

NewImage

これで古くなったモジュールがアップデートされました。

最後に

いかがでしたか?これで自作のNPMモジュールで依存しているモジュールが古くなっても自動的にプルリクエストが発行されるようになりました。便利ですね。

The following two tabs change content below.
  • この記事を書いた人
  • 最新の記事
Twitter のプロフィール

Keid

自由で楽しい世界を目指すフルスタックWebデベロッパー。 大学でコンピュータサイエンスを真面目に学び、日本の大手IT企業に就職後、新しい技術やスケールするビジネスが北米にある事に気づき、海外への挑戦を決意。全く英語ができなかっため、フィリピン留学およびカナダ留学を経て強制的に英語を上達させた。挑戦に終わりはない。このブログでは海外に挑戦したいエンジニアやデザイナーに少しでも有益な情報を提供していきたいと思う。
Twitter のプロフィール

最新記事 by Keid (全て見る)

  • 今さら聞けないJavaによる関数型プログラミング入門 ~ラムダ式、ストリーム、関数型インターフェース~ - 2019年11月4日
  • ReactのためのEslintおよびPrettierの設定方法 ~Airbnb JavaScript Style Guideの適用~ - 2019年10月30日
  • BashからZshに移行する方法(Mac編) - 2019年10月21日

関連記事

  • UXデザイン初学者のための基本用語まとめ

    UXという言葉はだいぶ前からデザインの考え方として流行っています。ただ、本気で学ぼうと思うとどうしても情報は英語になるた…

  • CircleCI 2.0で任意のバージョンのNodeJSとYarnを使用可能にする方法

    CircleCI 2.0で「machine: true」した場合、Javascriptのソースコードをビルドするには、任…

  • [tips][perl] Perlで文字コードをいい感じに処理する方法

    日頃のつまらないルーチンワークは全てスクリプト化している俺です。スクリプトは動的言語であれば気楽にかけるので何でもよいの…

  • [tips][bat] バッチで明日の日付を計算する。

    Windowsのバッチほど、いらいらさせるプログラムはないといつも思っているのですが、会社のPCがWindowsなので、…

  • IntelliJ IDEAの設定を複数のPCで同期する方法

    IntelliJ IDEAの設定は複雑であるため、新しいPC上などで同じ設定をもう一度実行することは骨が折れます。今回は…

カテゴリ : 技術 Tips & Tutorials タグ : github, greenkeeper, npm

コメントを残す コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

技術力と英語力を向上させて
あたなを次のステージへ引き上げるための無料メルマガ

Sponsored Links

About Author

Keid

自由で楽しい世界を目指すフルスタックWebデベロッパー。 大学でコンピュータサイエンスを真面目に学び、日本の大手IT企業に就職後、新しい技術やスケールするビジネスが北米にある事に気づき、海外への挑戦を決意。全く英語ができなかっため、フィリピン留学およびカナダ留学を経て強制的に英語を上達させた。挑戦に終わりはない。このブログでは海外に挑戦したいエンジニアやデザイナーに少しでも有益な情報を提供していきたいと思う。

https://casualdevelopers.com/

最近の投稿

  • 今さら聞けないJavaによる関数型プログラミング入門 ~ラムダ式、ストリーム、関数型インターフェース~

    今さら聞けないJavaによる関数型プログラミング入門 ~ラムダ式、ストリーム、関数型インターフェース~

    2019年11月4日
  • ReactのためのEslintおよびPrettierの設定方法 ~Airbnb JavaScript Style Guideの適用~

    ReactのためのEslintおよびPrettierの設定方法 ~Airbnb JavaScript Style Guideの適用~

    2019年10月30日
  • BashからZshに移行する方法(Mac編)

    BashからZshに移行する方法(Mac編)

    2019年10月21日
  • Create React Appを使わないでゼロからReactの開発環境を構築する方法(Webpack/Docker編)

    Create React Appを使わないでゼロからReactの開発環境を構築する方法(Webpack/Docker編)

    2019年9月30日
  • バンクーバー留学豆知識: バンクーバーのカジノを攻略せよ!必勝法を公開します!

    バンクーバー留学豆知識: バンクーバーのカジノを攻略せよ!必勝法を公開します!

    2019年9月27日

カテゴリ

  • 技術 Tips & Tutorials (99)
  • 技術塾 (6)
  • ライフハック (26)
  • 海外留学 (12)
  • 英語学習 (3)
  • コラム (6)

アーカイブ

最高の学習のために

人気記事ランキング

  • MySQLで「ERROR 2003 (HY000): Can't connect to MySQL server」と怒られた時の対処法
    MySQLで「ERROR 2003 (HY000): Can't connect to MySQL server」と怒られた時の対処法
  • Jupyter Notebookで「The kernel appears to have died. It will restart automatically.」というエラーが出た場合の原因と対処法
    Jupyter Notebookで「The kernel appears to have died. It will restart automatically.」というエラーが出た場合の原因と対処法
  • [tips][bat] バッチで明日の日付を計算する。
    [tips][bat] バッチで明日の日付を計算する。
  • 爆速でJenkinsをマスターしよう(Docker編) ~ JenkinsコンテナへのDockerインストール方法からJob DSL、Jenkins Pipelineまで ~
    爆速でJenkinsをマスターしよう(Docker編) ~ JenkinsコンテナへのDockerインストール方法からJob DSL、Jenkins Pipelineまで ~
  • Go言語のためのVisual Studio Codeの設定方法
    Go言語のためのVisual Studio Codeの設定方法
  • [tips][Sublime Text] Sublime Text 3で文字化けしない方法
    [tips][Sublime Text] Sublime Text 3で文字化けしない方法
  • Herokuの無料dynoをスリープさせないで24時間稼働させる4つの方法
    Herokuの無料dynoをスリープさせないで24時間稼働させる4つの方法
  • BashからZshに移行する方法(Mac編)
    BashからZshに移行する方法(Mac編)
  • AWS ECRとECSの入門(EC2編) ~ ECSのEC2版を使ってReactのDockerアプリケーションをAWS上で稼働させる方法 ~
    AWS ECRとECSの入門(EC2編) ~ ECSのEC2版を使ってReactのDockerアプリケーションをAWS上で稼働させる方法 ~
  • PythonのためのVisual Studio Codeの設定方法
    PythonのためのVisual Studio Codeの設定方法

Bitcoin寄付 / BTC Donation

Bitcoinを寄付しよう

BTC
Select Payment Method
Personal Info

Donation Total: BTC 0.0010

このブログの運営のためにBitcoinでの寄付を募集しています。お気持ち程度の寄付を頂けると管理者の励みになります。

Bitcoin寄付について知りたい方はこちらの記事へ

The following two tabs change content below.
  • この記事を書いた人
  • 最新の記事
Twitter のプロフィール

Keid

自由で楽しい世界を目指すフルスタックWebデベロッパー。 大学でコンピュータサイエンスを真面目に学び、日本の大手IT企業に就職後、新しい技術やスケールするビジネスが北米にある事に気づき、海外への挑戦を決意。全く英語ができなかっため、フィリピン留学およびカナダ留学を経て強制的に英語を上達させた。挑戦に終わりはない。このブログでは海外に挑戦したいエンジニアやデザイナーに少しでも有益な情報を提供していきたいと思う。
Twitter のプロフィール

最新記事 by Keid (全て見る)

  • 今さら聞けないJavaによる関数型プログラミング入門 ~ラムダ式、ストリーム、関数型インターフェース~ - 2019年11月4日
  • ReactのためのEslintおよびPrettierの設定方法 ~Airbnb JavaScript Style Guideの適用~ - 2019年10月30日
  • BashからZshに移行する方法(Mac編) - 2019年10月21日

関連記事

  • UXデザイン初学者のための基本用語まとめ

    UXという言葉はだいぶ前からデザインの考え方として流行っています。ただ、本気で学ぼうと思うとどうしても情報は英語になるた…

  • CircleCI 2.0で任意のバージョンのNodeJSとYarnを使用可能にする方法

    CircleCI 2.0で「machine: true」した場合、Javascriptのソースコードをビルドするには、任…

  • [tips][perl] Perlで文字コードをいい感じに処理する方法

    日頃のつまらないルーチンワークは全てスクリプト化している俺です。スクリプトは動的言語であれば気楽にかけるので何でもよいの…

  • [tips][bat] バッチで明日の日付を計算する。

    Windowsのバッチほど、いらいらさせるプログラムはないといつも思っているのですが、会社のPCがWindowsなので、…

  • IntelliJ IDEAの設定を複数のPCで同期する方法

    IntelliJ IDEAの設定は複雑であるため、新しいPC上などで同じ設定をもう一度実行することは骨が折れます。今回は…

ビットコイン取引ならここ

  • ホーム
  • 技術 Tips & Tutorials
  • 技術塾
  • ライフハック
  • 海外留学
  • 英語学習
  • コラム
  • サイトマップ
  • タグ一覧
  • プライバシーポリシー
  • お問い合わせ

Copyright © 2019 Keid - Casual Developers Notes