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をコンパイルすることです。 次に、プロジェクトを作成し、[サービス]タブのアプリケーション設定でライブリロードを有効にします。
LiveReloadのみが必要な場合- ここにあります 。
実際、これはyeomanと同じことであり、サードパーティのユーティリティなしで、ファイルの更新を独自にコンパイルおよび監視するだけです。 - ファイルの連結と縮小-js、css。 HTMLの最適化。 jsの場合、package.jsonのnameプロパティと同じファイルのアプリケーションのバージョンに対応する名前でファイルが作成されることに注意してください。 これは不必要な動きであるように見えますが、それほど単純ではありません。 マニフェストがわからないブラウザの場合、スクリプトの名前を変更すると、クライアントがスクリプトの古いバージョンをロードしないようになります。
- 画像の最適化。 jpegtranとOptiPNGを使用します 。
Gruntfile.jsを整理したら、プレゼンテーションの要点を見ていきましょう。
ヨーマンには何が含まれていますか？
yeomanがサポートするコマンド：
- init-新しいプロジェクトの初期化。 プロジェクトに関する情報（名前、説明など）を入力するよう求められます。 Twitter BootstrapとRequireJSを使用するかどうかを選択します。
- ビルド -すぐに販売できるアプリケーションをビルドして最適化します。
- サーバー -変更を監視するサーバーを起動します（コーヒー、js、scss、css、写真）。
ところで、私は素晴らしいことを見ました-軽量HTTPサーバーの立ち上げ：
python -m SimpleHTTPServer 8080
- テスト -ジャスミンテストを実行する
- install-指定されたパッケージとその依存関係をインストールします。 Backboneの場合、これらはUnderscoreとjQueryです。
- uninstall-パッケージをアンインストールします。
- 更新 -最新バージョンへの更新
- list-利用可能なパッケージのリスト
- 検索 -利用可能なパッケージを検索
- lookup-パッケージ情報を表示
プロジェクトの立ち上げについて知りたい場合は、最初の1つ-
サイトでは、githubアカウントの名前またはメールアドレスを残すことができます。
UPDついにリリース！
Githubプロジェクトドキュメント