東京のWeb制作会社LIGLIGならできるおもしろいこと。フロントエンドシェアこんにちは、おじいちゃんです。今回はTwitter社が作成しているフロントエンド用パッケージマネージャー、Bowerの導入方法と使い方について説明したいと思います。BowerとはTwitter社が作ったフロントエンド用のパッケージマネージャで、必要なライブラリを簡単にインストールすることができます。http://bower.io/可愛いロゴですね。Bowerをインストールするには、Node.jsのインストールが必要になります。Node.jsのインストール方法については、下記の記事を参考に導入してみてください。「いまアツいJavaScript!ゼロから始めるNode.js入門〜5分で環境構築編〜」Bowerをインストールそれでは、npmを使ってBowerをインストールしてみましょう。ターミナルを起動して下記コマンドを実行してみてください。-gこれでBowerのインストールが終わりました。下記コマンドを実行すると、インストールしたBowerのバージョンが分かります。-vbower.jsonを作成まずはBowerから追加したライブラリ情報を保存してくれる、bower.jsonを作成しましょう。bower.jsonを作ることで、保存したライブラリを一括でインストールすることができます。下記コマンドでbower.jsonを作成してみてください。initいくつか質問されますが今回はすべてEnterで問題ありません。質問に関しては下記記事にまとめられているので確認してみてください。Bowerまとめ(概要・導入・コマンド一覧)http://qiita.com/oreo3@github/items/eb790fc091aa28af8d33質問にすべて答えるとbower.jsonが作成されます。ライブラリをインストールjQueryをインストールしてみましょう。--savebower_componentsフォルダが作成されて、jQueryが追加されます。このようにして簡単にライブラリをインストールすることができます。ライブラリインストール時に–saveを追記してあげることで、インストールしたいライブラリ情報がbower.jsonに追加されます。同じ手順で、使用したいライブラリを追加していきましょう。bower.jsonに追記したライブラリをすべてインストールするには、下記コマンドを入力してください。listまとめ以上がBowerの導入方法と簡単な使い方になります。Bowerを使って、よりよい開発環境作りをしてみてはいかがでしょうか。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。