要件定義の不安をなくす。要件定義の不安をなくす。ユニファのバックエンド分割に学ぶイノベーションメタバース開発に必要な技術の基本知識をおさらい。Boost」など、さまざまなカンファレンスを企画・運営しています。BOOKS(コードジン・ブックス)は、CodeZineの連載からカットアップした、開発現場の課題解決に役立つ書籍シリーズです。KB)本連載では主にHTML/JavaScript開発作業を効率化する様々なツールやライブラリを紹介します。今回はJavaScriptやCSSなどの様々なライブラリを自動的に入手できるパッケージ管理ツールBowerを取り上げます。3インストールされたライブラリをコマンドで管理するまとめ参考資料はじめにプログラム開発においてライブラリの活用は欠かすことができません。ライブラリが提供する機能を適切に組み合わせることで、既に存在する機能をもう一度自分で作る無駄がなくなり、開発効率や成果物の品質を向上させることができます。一般にライブラリには「あるライブラリを使用するために別のライブラリが必要」といった依存性があります。使用するライブラリの数が増えてくると、依存性を手動で解決すること自体が手間となってくるため、依存性を自動的に解決してライブラリを準備してくれる、いわゆるパッケージ管理ツールが重要になってきます。表1に示すように、開発ツールや開発言語により様々なパッケージ管理ツールが存在します。今回紹介するBowerは、HTML/JavaScript開発を主なターゲットにしたパッケージ管理ツールです。他のパッケージ管理ツール同様、JavaScriptやCSSなどの複数ライブラリを、依存性を解決しながら自動的にダウンロードすることができます。Bowerでダウンロードできるライブラリは公式Webページでキーワード検索できます。Bowerの検索ページで必要なライブラリを探せるHTML/JavaScript開発に用いるという意味では、Bowerの適用範囲が表1のnpmと重複しますが、BowerはjQueryやBootstrapなどクライアントサイドで利用するライブラリを、npmはサーバーサイド、もしくは開発で利用するパッケージを主に提供します。Bower自身もnpmのパッケージとして提供されています。本記事ではBowerによるライブラリのダウンロードや管理の方法を、サンプルを交えて説明します。必要な環境の準備Bowerを実行するには、Node.jsとGitがインストールされている必要があります。それぞれの公式サイトからインストーラーを入手してインストールしてください。Node.jsとGitのインストール後、リスト1のコマンドを実行するとBowerがインストールされます。「-g」は(特定のプロジェクトやフォルダにではなく)システム自体にインストールするためのオプションです。bower今回は以下の環境で動作を確認しています。<パッケージ名>」コマンドを実行します。リスト2はjQueryをダウンロードするコマンドです。jquery任意のフォルダでリスト2を実行すると、bower_componentsサブフォルダにjQueryの一式が展開されます。BowerでダウンロードしたjQueryのファイル群jQueryのバージョンを指定したい場合は、リスト3のように#に続けてバージョンを指定します。jquery#1.11.3パッケージ名の代わりにGitHubの該当パスを直接指定してダウンロードできます。リスト4に示した2種類のコマンドはリスト2と同じ動作をします。jquery/jqueryまたリスト5のように、任意URLのファイルを直接指定してダウンロードすることもできます。NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。ASP/ASP.NET。執筆コミュニティ「WINGSプロジェクト」代表。