update.Yeomanって何?フロントの開発に必要なツール郡です。(bower)altJSのコンパイル、css/jsファイルのminify、画像の圧縮などタスク実行(grunt)が行えます。詳しくは下記サイトの「Yeoman(ヨーマン)とは」がとても参考になると思います。Developers.IOnode.jsのインストールYeomanはnpmからインストールするため、node.jsをあらかじめインストールしておく必要があります。macmacでのインストールはhomebrewがおすすめです。10.9にhomebrewをインストールする場合、下記の記事を参考にしてください。[キータ]brewのインストールが完了したら、node.jsのインストールを行います。nodebrewコマンドでnode.jsをインストールするとnpmも一緒にインストールしてくれます。installedwindows下記URLから、環境に合わせたインストーラをダウンロードし、インストールを行います。Node.jsexeファイルを実行するとnode.jsおよびnpmのインストールが完了します。インストールの確認node.jsおよびnpmがインストールされた事を確認しましょう。-v1.3.21これでYeomanをインストールするための環境が整いました。yoこれでYeomanのインストールは完了です。AngularJS用のYeomanジェネレータのインストール前述の通り、Yeomanは雛形の作成が行えます。ここでは、AngularJS用の雛形を作成するためのジェネレータをインストールします。Extensionsを作成するためのジェネレータも用意されています。サードパーティ製のgeneratorも数多くあるようです。angularGruntサーバ起動の確認Gruntのタスクは、yoで自動生成されたGruntfile.jsに定義されています。その中には、静的サーバを立ち上げるタスクの記述もされています。serveしばらくするとブラウザが立ち上がり、以下のような画面が表示されます。これで、Yeomanのインストールは完了です。開発を進めて行く中で、アプリが大きくなるにつれcontrollerを増やしたり、serviceにロジックを分割が必要になってきます。AngularJS用のYeomanジェネレータには、それぞれ専用のジェネレータが用意されいます。GitHubそれでは、serviceをひとつ追加してみましょう。開発を進めて行く中でライブラリの追加が必要になったら、まずはbowerで提供されていないか検索してみましょう。Awesomeを探してみます。git://github.com/tomandhisjones/Reddit-Upvoterいくつか見つかりました。ライブラリの追加それでは、ライブラリのインストールを行いましょう。font-awesomebower.jsonに依存関係を記述するために、--saveオプションをつけます。追加されているかどうかは、bower.jsonを見ることで確認できます。追加するライブラリを間違えました。bowerからfont-awesomeは使えないので削除します。font-awesome--saveでbower.jsに追加した記述は同じく--saveオプションをつけることで削除できます。bowerInstallを行うことで、外部CSSやJavaScriptを読み込むタグを記述してくれます。追加されているかどうかは、appディレクトリ下のindex.htmlを見ることで確認できます。読み込む順番までは考慮してくれないので、必要に応じて手修正する必要があります。バージョン管理Yeomanで自動生成したプロジェクトには.gitignoreが含まれています。node_modulesdist.tmp.sass-cacheapp/bower_componentsnpmやbowerで管理されているライブラリ群、リリース用のディレクトリやtmpディレクトリがgit管理から外されているようです。これは、このままで問題がなさそうなので用意しておいたgithubのレポジトリにpushまで行ってみましょう。build実行後distディレクトリが作成されます。この中身をドキュメントルート下に配置することでデプロイが完了します。※1便宜上コメント行に「//」を使っていますが、jsonとして正しくありません。bower-installを実行すると下記のようなエラーメッセージが表示されます。file.これはfont-awesome内にbower.jsが含まれていないためです。GitHubbowerをはじめとするパッケージ管理ツールは数多く存在しますが、ツールごとに異なる.jsファイルが必要となります。そこで、Componentsという様々なパッケージ管理ツールに対応した版の配布を行っている方を利用します。GitHub原則として、bowerのレポジトリはcomponents-から始まるようになっています。☕️@tetsuyahttps://roastery.jp/Follow運営者ギルド「Webサービスの運営に必要なあらゆる知見」を共有できる場として作られた、運営者のためのコミュニティです。upLoginユーザーは見つかりませんでした。