LoginSignup
8
8

More than 5 years have passed since last update.

@hkusu(Hiroyuki Kusu)in株式会社ゆめみ

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

Posted at

Famo.usとは

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

手順

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

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

# npm install -g generator-famous

② ジェネレータを起動

$ yo famous

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

スクリーンショット 2014-05-20 11.56.37.png

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

スクリーンショット 2014-05-20 12.00.08.png

④ 動作確認してみる

  • Gruntでブラウザを起動

    $ grunt serve

  • 次のように表示されればOK（ロゴがぐるぐる回ってる）

    スクリーンショット 2014-05-20 12.21.35.png

ソースをながめてみる

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

    スクリーンショット 2014-05-20 12.20.51.png

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

ほか

8
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
8
8