Yeomanのジェネレータを使ってFamo.usを試したメモ


Famo.usとは

  • アプリっぽいUXを実現するJavaScriptのフレームワークです
    • GPUを使ってレンダリングしてるから速いとかなんとか
  • こういうものが作れるらしい

手順

  • 探したら Yeoman のジェネレータ(generator-famous)があったのでそれを利用する
  • もし Yeoman が開発環境に無い場合は、事前にインストールしてください
    • # npm install -g yo grunt-cli bower

① ジェネレータをインストール

# npm install -g generator-famous

② ジェネレータを起動

$ yo famous

③ なんか聞かれるので、そのままデフォルトで進める

以上でインストールは完了。こういうファイル構成になる。

④ 動作確認してみる

  • Gruntでブラウザを起動

    $ grunt serve
    
  • 次のように表示されればOK(ロゴがぐるぐる回ってる)

ソースをながめてみる

  • 上のロゴをぐるぐるさせるソースは main.js のようだ。

  • これ系でよくあるように、オプジェクトを作って、動きを定義して、、という風にするみたい。

ほか