本連載では主にHTML／JavaScript開発作業を効率化する様々なツールやライブラリを紹介します。今回はJavaScriptやCSSなどの様々なライブラリを自動的に入手できるパッケージ管理ツールBowerを取り上げます。

はじめに

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

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

表1 主なパッケージ管理ツール 名称 主な適用分野 CocoaPods iOSアプリ開発 NuGet .NET開発 RubyGems Ruby開発 Composer PHP開発 npm Node.js／JavaScript開発

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

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の一式が展開されます。

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のファイルを直接指定してダウンロードすることもできます。