201202アウトプット 問題の棚上げ、出来る事を棚卸す
【今日の振り返り】
全体工程を考えながら製作を進めていく。
事前に発生しそうな問題を想像して、発生の前に対処できるように参考資料を読む。
結局エラーにぶつかり悩むのは同じだが、できる限り衝撃を和らげようとする試み。
ウィザード形式で入力フォームを作り上げていく段階のため、5つのモデルを作成。
それぞれにアソシエーションを組み、あとはフォームになったところで、
この一連の流れをどういったrouteで組むかに悩み始める。
とはいえ悩んでいられる時間も限りはあるので、とりあえず進められる部分を進める。
◯ Rails6にfont-awesome-railsを導入
```
name@mbp tasukigake % yarn add @fortawesome/fontawesome-free
yarn add v1.22.5
[1/4] 🔍 Resolving packages...
[2/4] 🚚 Fetching packages...
[3/4] 🔗 Linking dependencies...
warning " > webpack-dev-server@3.11.0" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0".
warning "webpack-dev-server > webpack-dev-middleware@3.7.2" has unmet peer dependency "webpack@^4.0.0".
[4/4] 🔨 Building fresh packages...
success Saved lockfile.
success Saved 1 new dependency.
info Direct dependencies
└─ @fortawesome/fontawesome-free@5.15.1
info All dependencies
└─ @fortawesome/fontawesome-free@5.15.1
✨ Done in 5.12s.
```
◯「app\javascript」ファルダ内にある「css」という名前でフォルダを作成
「css」フォルダ内に「application.scss」を作成して、以下
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
◯「app\javascript\packs」にあるwebpackに「application.js」に下記を追加します
import '@fortawesome/fontawesome-free/js/all'
import '../css/application.scss'