#dn Dr. Naming

これは、とても素晴らしいサービスになる予定です (たぶん)

開発環境

• Node.js v0.12.x
  • Mac, *nix 環境では nodebrew や nvm, ndenv を使うと便利です。
  • Windows 環境では nvmw を使うか、公式のインストーラー を使ってください。
• gulp
  • フロントエンド & サーバーサイドの JS 製ビルドツール (Grunt の親戚)
  • インストールは npm install -g gulp

依存ライブラリ

• Vue.js
  • JS フロントエンド MVVM フレームワーク
  • シンプル・軽量
  • 参考サイト
    • Vue.js 公式リファレンス (英語)
    • ライオンでも分かるVuejs
    • Vue.js資料まとめ

• Less
  • CSSプリプロセッサ
  • コンパイルするとCSSになる、便利な文法が増えたCSS
  • 今回はLessの機能は入れ子と変数程度しか使いません

インストール

$ git clone git@github.com:mfnewwind/newwind.git

起動

以下は、プロジェクトのディレクトリに移動して作業してください。

$ npm install
$ npm start

更新

$ git pull した際にうまく動作しない場合は、依存ライブラリを更新すると直る場合があります。

$ npm install

開発

プロジェクトのディレクトリに移動して

$ npm install # 初回のみ
$ brew install mongodb # mongodbがなければ
$ mongod --dbpath /tmp # 別ウィンドウ
$ npm run dev

これでlocalhost:3000から見れるようになります。 JSとCSSはsrc内のファイルを変更すれば自動でコンパイルされます。

フロントエンドのファイル置き場

• Image : public/images/
• Javascript : src/javascripts/
• Stylesheet : src/stylesheets/
• HTML(jade) : views/