Bower も Node.js の package.json と同じく bower init で bower.json というプロジェクトファイルが作成されます。 プロジェクトに関する情報、依存関係はすべて bower.json へ保存されます。 Node.js で組み合わせて Webアプリケーション開発 に向けて利用する場合、「bower.json の作成」と「.bowerrc の作成」を行うことでプロジェクトの準備ができます。 以下ではそれぞれについて見ていきます。 なお、Node.js と組み合わせる場合、保存ディレクトリで少し問題が出るので、 あとに記載する .bowerrc ファイルを作成することで回避します。 目次 bower.json 作成 保存先の変更 (.bowerrc 作成) ...

（ この記事は bower/spec の json.md をベースに作成しています。 bower.json を作成する際、その 書き方 の 参考 になればと思います。 ） bower.json は 作成しようとしているパッケージが他のパッケージとどのような依存関係にあるかを設定するものです。 これは Node.js の package.json、 Ruby の Gemfile と似ています。 bower.json は bower init コマンドを利用することで ウィザード に従って作成することができます。 { "name": "blue-leaf", "description": "Physics-like animations for pretty particles", "main": [ "js/motion.js", "sass/ ...

デフォルト設定のままだと "bower_components" 配下にインストールされますが、インストール先のフォルダ名を変更したいケースがあるかと思います。 これに対して、Bower には ".bowerrc" という設定ファイルを準備することで パッケージインストール先 を変更できる仕組みがあります。 ここでは ".bowerrc" を利用して インストール先 を変更する方法を見ていきます。 目次 .bowerrc 概要 .bowerrc を 追加 反映 する タイミング 新規プロジェクト作成時に .bowerrc を追加する場合 既存プロジェクトに .bowerrc を追加する場合 .bowerrc 概要 プロジェクトのルートディレクトリ直下に以下に載せるサンプルのような .bowerrc ファ ...

最近の Webフロントエンド 開発 では Bower を使っている人が増えているのでしょうか。 そんな Bower に 自分が作った パッケージ を公開する手順 について まとめてみました。 目次 概要 bower.json の作成 GitHub プロジェクト に コミット & タグ 作成 Bower リポジトリ に 公開 概要 チートシート的にコマンドだけ並べると以下のような流れで Bowerリポジトリ に公開します。 ここでは概要なので細かいコマンドの説明や注意点は以降に見ていきます。 bower.json の作成 bower init GitHubへコミット git commit GitHubにタグ作成 git tag <バージョン> git p ...

Bower の 基本的な使い方 および よく使うコマンド についてまとめてみました。 初心者向け Bower 入門 といったところでしょうか。 目次 概要 package 操作 パッケージ の 追加 パッケージ の 削除 パッケージ の 更新 利用可能な パッケージ の 検索 インストール済み パッケージ の 一覧表示 bower.json 利用 初期化（bower.json の作成） bower.json へ package の 追加 bower.json から package の 削除 おまけ bower.json 初期化時の質問 概要 Bower を ...

Windows で Bower が利用できるようにする 手順 を載せます。 Bower を使う際、 npm および git がインストールされていることが前提となるので、 以下の手順を始める前にあらかじめインストールをしておく必要があります。 目次 Bower とは Bower 利用時 の 要件 インストール 動作確認 Bower とは Webフロントエンド開発向けのパッケージマネージャーです。 Webサイト構築で利用するライブラリやフレームワークは日々開発が行われてバージョンアップを繰り返しています。 これらを管理してくれるツールが Bower です。 具体的には HTML, CSS, JavaScript, フォント, 画像 と言ったコンポーネントを管理できます。 ファイル結合や圧縮はできないようです。 ちなみに… "Bower" ...