---
# System prepended metadata

title: 防災アプリの構成検討

---

# 防災アプリの構成検討
## 防災アプリの要件
- Rails + Vue or React
- スマホ利用前提
- 会員登録機能
- ログイン認証
- ブログ機能（CMS）
- 外部ECサイトとのAPIによる連携

## 論点1 SPA or 静的化（SSG）
- [Nuxt.jsを使うときに、SPA・SSR・静的化のどれがいいか迷ったら - Qiita](https://qiita.com/nishinoshake/items/f42e2f03663b00b5886d)
- 結論としてはSPAで良いのではないか
	
    - ログイン機能と静的サイトの相性が悪いため
    > ログインが必要だったり、ユーザーごとに最適化されたタイムラインが表示されるような場合は、あらかじめHTMLを生成する利点が少ないどころか、実装が面倒になるので、静的化には向いていません。気合で解決できるケースもありますが、労力が割に合わないことが多いと思うので、後悔することになるかもしれません。（しました）
    - SPAでもホスティング先をS3やNetlifyにすることは可能

## 論点2 Railsとフロントを分けて作るか、SPA on Railsにするか
- 個人的には前者の方が嬉しい
- fa-coding-app, brapon, ssrは後者	
- 前者はNuxt.jsで作れる、ホスティング先はS3やNetlify
- 後者はRailsのapplication.html.erbの上にレンダリングする。ホスティングサーバは不要になるが密結合なのとNuxt、Nextが使えない（Vue、Reactを使う）
 
## 論点3 VueかReactか
- 個人的にはVueの方が嬉しい
- とはいえ将来的にはReactも触ってみたい
