Web開発ライブラリを自動的に入手できるパッケージ管理ツールBower

はじめに

　プログラム開発においてライブラリの活用は欠かすことができません。ライブラリが提供する機能を適切に組み合わせることで、既に存在する機能をもう一度自分で作る無駄がなくなり、開発効率や成果物の品質を向上させることができます。

　一般にライブラリには「あるライブラリを使用するために別のライブラリが必要」といった依存性があります。使用するライブラリの数が増えてくると、依存性を手動で解決すること自体が手間となってくるため、依存性を自動的に解決してライブラリを準備してくれる、いわゆるパッケージ管理ツールが重要になってきます。表1に示すように、開発ツールや開発言語により様々なパッケージ管理ツールが存在します。

　今回紹介するBowerは、HTML／JavaScript開発を主なターゲットにしたパッケージ管理ツールです。他のパッケージ管理ツール同様、JavaScriptやCSSなどの複数ライブラリを、依存性を解決しながら自動的にダウンロードすることができます。Bowerでダウンロードできるライブラリは公式Webページでキーワード検索できます。

図1　Bowerの検索ページで必要なライブラリを探せる

　HTML／JavaScript開発に用いるという意味では、Bowerの適用範囲が表1のnpmと重複しますが、BowerはjQueryやBootstrapなどクライアントサイドで利用するライブラリを、npmはサーバーサイド、もしくは開発で利用するパッケージを主に提供します。Bower自身もnpmのパッケージとして提供されています。

　本記事ではBowerによるライブラリのダウンロードや管理の方法を、サンプルを交えて説明します。

対象読者

• 余計な作業はやらずにプログラミングに集中したい方
• ライブラリをふんだんに利用して（良い意味で）手抜きをしたい方
• とはいえ自分でライブラリを1個1個ダウンロードするのが面倒な方

必要な環境の準備

　Bowerを実行するには、Node.jsとGitがインストールされている必要があります。それぞれの公式サイトからインストーラーを入手してインストールしてください。

　Node.jsとGitのインストール後、リスト1のコマンドを実行するとBowerがインストールされます。「-g」は（特定のプロジェクトやフォルダにではなく）システム自体にインストールするためのオプションです。

npm install -g bower

　今回は以下の環境で動作を確認しています。

• Windows 7 64bit版
• Node.js v0.12.2
• Git v1.9.5
• Bower v1.4.1

Bowerによるライブラリのダウンロード

　Bowerでライブラリをダウンロードするには「bower install <パッケージ名>」コマンドを実行します。リスト2はjQueryをダウンロードするコマンドです。

bower install jquery

　任意のフォルダでリスト2を実行すると、bower_componentsサブフォルダにjQueryの一式が展開されます。

図2　BowerでダウンロードしたjQueryのファイル群

　jQueryのバージョンを指定したい場合は、リスト3のように#に続けてバージョンを指定します。

bower install jquery#1.11.3

　パッケージ名の代わりにGitHubの該当パスを直接指定してダウンロードできます。リスト4に示した2種類のコマンドはリスト2と同じ動作をします。

#GitHubリポジトリを指定
bower install git://github.com/jquery/jquery.git

#GitHubの「<ユーザー名>/<リポジトリ名>」型式で指定
bower install jquery/jquery

　またリスト5のように、任意URLのファイルを直接指定してダウンロードすることもできます。

bower install http://example.com/script.js