タグ

gruntとyoに関するnabinnoのブックマーク (2)

  • あなたのWeb開発人生を変えるYeoman、Bower、Yoのインストールと使い方

    連載目次 前回記事「Gruntで独自タスクを定義し、独自プラグインをnpmモジュールとして作成・公開するには」では、Gruntを使っていろいろな手法でタスクを定義する手法や、独自プラグインを作成してnpmで公開する方法について解説しました。 今回は少し角度を変えて、Gruntを自身の機能として利用しており、快適な開発ワークフローを提供してくれるツール、「Yeoman」について解説します。 3つのツールを統合したワークフローを提供する「Yeoman」 Yeomanとは、公式サイトいわく、「The web's scaffolding tool for modern webapps」とのことです。 訳すと、「今風のWebアプリのための土台/基盤を作ってくれるツール」といったところでしょうか。「scaffolding」はRuby on Railsの主要機能として有名になった言葉で、コマンドを打つだ

    あなたのWeb開発人生を変えるYeoman、Bower、Yoのインストールと使い方
  • tuvistavie

    かなり前から気になってはいたので、今度こそ使ってみようと思って、AngularJSを使い始めた。 Yo+Grunt+Bowerを使うとワークフローがかなり楽なので、ここにまとめておく。 まず、 以上の3つのソフトは何なのかを軽く紹介する。 Yo: プロジェクトのテンプレートなどを自動生成するためのツール Grunt: JSのタスクランナー。テストの実行とか、ファイルの結合とか自動でやるために使う。 Bower: Twitterの出しているJSのフロントエンド用のパッケージマネージャー。 セットアップ 事前インストール Nodeとnpmのインストール このツールを使うためにNodeJSとnpmが必要になるので、まずそのインストールから。 NodeJSのインストールはプラットフォームによって変わったりするけど、WindowsMacの場合は公式サイトのダウンロードページからインストーラーがダウ

  • 1