JavaScriptプロジェクトのバージョン管理:Bowerとnpmを超えた選択肢
Bower と npm のバージョン表記
バージョン表記 は、特定のパッケージのバージョンを指定するために使用されます。Bower と npm はそれぞれ独自のバージョン表記規則を持っています。
Bower のバージョン表記は、次の形式を使用します。
<version-range>
- バージョン範囲: 1 つ以上のバージョンを指定できます。
- 単一バージョン: 例:
1.2.3
- 範囲: 例:
~1.2.3
(1.2.3 よりも大きいすべてのバージョン)
- 単一バージョン: 例:
例:
1.2.3
: Bower はバージョン 1.2.3 をインストールします。~1.2.3
: Bower はバージョン 1.2.4 または 1.2.5 など、1.2.3 よりも大きいバージョンをインストールします。
npm のバージョン表記
<version>
npm は Bower と異なり、デフォルトで semver 範囲を使用します。semver 範囲は、メジャー、マイナー、パッチのバージョン番号を使用して、バージョン間の互換性を定義します。
1.2.3
はメジャーバージョン 1、マイナーバージョン 2、パッチバージョン 3 です。~1.2.3
はメジャーバージョン 1 とマイナーバージョン 2 に一致するすべてのバージョンをインストールします。>=1.2.3
はメジャーバージョン 1 のバージョン 2.3 以降をインストールします。
{
"name": "my-project",
"version": "0.1.0",
"dependencies": {
"bootstrap": "^4.0.0",
"jquery": "~3.4.1"
}
}
- プロジェクトの名前を
my-project
に設定します。 - プロジェクトのバージョンを
0.1.0
に設定します。 bootstrap
パッケージのバージョン ^4.0.0 をインストールします。
上記のコマンドを実行すると、Bower は bower_components
ディレクトリに bootstrap
と jquery
パッケージをインストールします。
{
"name": "my-project",
"version": "0.1.0",
"dependencies": {
"bootstrap": "^4.0.0",
"jquery": "~3.4.1"
}
}
コードの説明
name
: プロジェクトの名前version
: プロジェクトのバージョンdependencies
: プロジェクトに必要なパッケージのリスト
Bower:
~
: バージョン範囲を指定します。この例では、Bower はバージョン 3.4.1 よりも大きいバージョンの jQuery をインストールします。^
: 互換性のあるバージョン範囲を指定します。この例では、Bower はバージョン 4.0.0 と互換性のあるバージョンの Bootstrap をインストールします。
npm:
- Bower は 2017 年に非推奨となり、npm が推奨されるようになりました。
- 既存の Bower プロジェクトを引き続き使用することはできますが、新しいプロジェクトには npm を使用することをお勧めします。
- npm はより多くのパッケージをサポートしており、Bower よりも活発なコミュニティを持っています。
リソース
yarn
yarn は、Facebook によって開発されたもう 1 つの JavaScript パッケージマネージャーです。npm と同様の機能を提供しますが、より高速で信頼性の高いことが謳われています。
yarn でバージョンを指定するには、npm と同様の構文を使用します。
{
"name": "my-project",
"version": "0.1.0",
"dependencies": {
"bootstrap": "^4.0.0",
"jquery": "~3.4.1"
}
}
pnpm
pnpm は、もう 1 つの新しい JavaScript パッケージマネージャーです。yarn と同様の機能を提供しますが、オフラインモードでの作業や、ワークスペース内の依存関係の管理など、いくつかの利点があります。
{
"name": "my-project",
"version": "0.1.0",
"dependencies": {
"bootstrap": "^4.0.0",
"jquery": "~3.4.1"
}
}
git リポジトリ
特定のバージョンのライブラリが必要な場合は、git リポジトリから直接チェックアウトできます。
git clone https://github.com/jquery/jquery.git
cd jquery
git checkout v3.4.1
このコマンドを実行すると、jquery
ライブラリのバージョン 3.4.1 がプロジェクトにチェックアウトされます。
手動インストール
ライブラリを手動でダウンロードしてインストールすることもできます。
- ライブラリの Web サイトにアクセスします。
- ダウンロードしたいバージョンのライブラリを見つけます。
- ライブラリのソースコードまたはビルド済みファイルをダウンロードします。
- ダウンロードしたファイルをプロジェクトに配置します。
Bower と npm 以外にも、JavaScript プロジェクトでバージョンを指定する方法がいくつかあります。それぞれの方法には長所と短所があるため、プロジェクトのニーズに応じて適切な方法を選択する必要があります。
javascript node.js npm