LoginSignup
15
15

More than 5 years have passed since last update.

AngularJSアプリをRailsのApplication Templateで試作

Last updated at Posted at 2014-04-29

フロント開発のツールが整ってきていますが。

AngularJSはController,Filter,Directive,Serviceなどなど構成要素が多いため、
by handでちまちまファイルを用意するのが面倒。なので、yeomanとかangular seedとか
簡単にベストプラクティスに沿った構成を生成できる手段がいくつか存在しています。

ただ、簡単な実験ならクライアントで完結可能ですが、
API(=サーバーサイドのコード)が必要になるので、
RailsのApplication Templateで雛形をセットアップした方が結局楽なんじゃねと思ってました。

実際にyeomanを使ってプロトタイピングをしてみたものの、
無理してこれを使う意味が見いだせず。
(もちろんRailsを使わないなら話は別です)

という背景で試作したのがコレです。
狙いは、サクッとAngularAppを動かせて、
あわよくばherokuに上げてプロトタイピングやプロダクションユースに使えること。
https://github.com/konpyu/rails-application-template

構成要素は
- herokuにhostします
- htmlはhamlで書きます
- cssはsassで書きます
- jsはcoffeescriptで書きます
- sprocketでconcat & minify (dev環境では無効)
- APIはgrapeを使います
- JSONテンプレートはjbuilderを使います(grape-jbuilderを利用)
- jsの外部ライブラリの管理はbower-rails

以下をプラスするのも推奨
- capybaraでE2Eテスト
- newrelic in heroku

状況次第でニーズは違うと思いますが、ミニマムな構成例だと思います
参考にしていただければ

Application Templateについてはtachibaさんの記事が参考になります
http://qiita.com/tachiba/items/26b2e9dc271bd8e6907d

15
15
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
15
15