Google I / Oカンファレンス2012で、Paul Irish はスピーチの 2番目の部分でyeoman.ioプロジェクトを紹介しました 。 その主な目標は、開発者にとって最適なライブラリとフレームワークを1か所に集め、最短時間で理想的な開発環境を作成することです。
Yeomanはまだ一般公開されていませんが、カンファレンスのビデオから、これは本当に素晴らしいことであると結論付けることができます。
昨日の夕方、githubでyeoman.ioのソースコードに出会いました。 Gruntfile.js（ gruntはcowboyからjavascriptプロジェクトを構築するためのユーティリティです）を注意深く検討すると、次のような有用なことに気付くでしょう：
- マニフェストの生成。 このファイルは、スクリプト、スタイルなどをキャッシュするために使用されます。 顧客によって。 再起動時のアプリケーションの読み込みを最適化するのは素晴らしいことです。
- CoffeeScriptのコンパイル。 手はまだ届かないが、それは素晴らしいことだ。 ほとんどのJavaScript開発者にとっては不要です。
- SCSSコンパイル。 次のプロジェクトでは、LESSの代替として使用します。 SASSは、LESSと比較して開発者により多くの機会を提供します。 それ以前にCodeKitまたはCompassAppを使用してSCSSファイルをコンパイルした場合、yeomanはサードパーティのアプリケーションなしでこれを行います。 さらに、LiveReloadを有効にすることもできます。これは、HTMLページとスタイルを調整/組版する際に非常に重要なものです。
Compass + LiveReloadは今（そしてかなり長い間）感じられますが、このためにはサードパーティのアプリケーションが必要です。 いくつかのオプションがありますが、最も簡単なのはgithubのソースからCompassAppをコンパイルすることです。 次に、プロジェクトを作成し、[サービス]タブのアプリケーション設定でライブリロードを有効にします。
実際、これはyeomanと同じことであり、サードパーティのユーティリティなしで、ファイルの更新を独自にコンパイルおよび監視するだけです。
LiveReloadのみが必要な場合- ここにあります 。 - ファイルの連結と縮小-js、css。 HTMLの最適化。 jsの場合、package.jsonのnameプロパティと同じファイルのアプリケーションのバージョンに対応する名前でファイルが作成されることに注意してください。 これは不必要な動きであるように見えますが、それほど単純ではありません。 マニフェストがわからないブラウザの場合、スクリプトの名前を変更すると、クライアントがスクリプトの古いバージョンをロードしないようになります。
- 画像の最適化。 jpegtranとOptiPNGを使用します 。
Gruntfile.jsを整理したら、プレゼンテーションの要点を見ていきましょう。
ヨーマンには何が含まれていますか？
- コンパス サッス 。 Coffeescript 。
- AMDモジュールのサポート。 RequireJS 。 ES6モジュールの実験 。
- Twitterブートストラップ 削除されたHTML5ボイラープレート 。 Modernizr 。
- ジャスミン PhantomJS
- OptiPNG jpegtran
yeomanがサポートするコマンド：
- init-新しいプロジェクトの初期化。 プロジェクトに関する情報（名前、説明など）を入力するよう求められます。 Twitter BootstrapとRequireJSを使用するかどうかを選択します。
- ビルド -すぐに販売できるアプリケーションをビルドして最適化します。
- サーバー -変更を監視するサーバーを起動します（コーヒー、js、scss、css、写真）。
ところで、私は素晴らしいことを見ました-軽量HTTPサーバーの立ち上げ：
python -m SimpleHTTPServer 8080
- テスト -ジャスミンテストを実行する
- install-指定されたパッケージとその依存関係をインストールします。 Backboneの場合、これらはUnderscoreとjQueryです。
- uninstall-パッケージをアンインストールします。
- 更新 -最新バージョンへの更新
- list-利用可能なパッケージのリスト
- 検索 -利用可能なパッケージを検索
- lookup-パッケージ情報を表示
プロジェクトの立ち上げについて知りたい場合は、最初の1つ- サイトでは、githubアカウントの名前またはメールアドレスを残すことができます。
UPDついにリリース！
Githubプロジェクト
ドキュメント