[アイコン] fortawesomeをnpmでインストール形式に見直し OW-2522

[akagane99]

概要

• 使用しているアイコン fortawesome を 直配置(Font Awesome Free 5.12.0)からnpmでインストール形式(Font Awesome Free 5.15.4)に修正しました。
  • ※ これによりfortawesomeのバージョンアップが容易になります。
• 他修正
  • bugfix: wysiwyg, 各テーマのthemes.cssのパス間違い修正
  • 使用していない public/css/app.css.Laravel標準 を削除
  • public/fonts/ にファイル追加があったため、過去の public/fonts/内のファイル削除理由を書いた public/fonts/readme.txt を削除

npmライブラリ追加コマンド

# ライブラリ追加
npm i --save-dev @fortawesome/fontawesome-free@5.15.4

# app.cssに含めるライブラリ追加
vi resources/sass/app.scss

// Font Awesome
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/brands';

# ライブラリの最新化
npm update

# app.js, app.cssの最新化
npm run prod

レビュー完了希望日

なし

関連Pull requests/Issues

なし

参考

• FontAwesome
  • https://docs.fontawesome.com/web/setup/packages
  • @fortawesome/fontawesome-free - npm
    https://www.npmjs.com/package/@fortawesome/fontawesome-free
  • Laravel+FontAwesomeの使い方 #laravel5.6 - Qiita
    https://qiita.com/algi_nao/items/5d2befae8f367050ae7f
• npm
  • https://github.com/opensource-workshop/connect-cms/wiki/npm
• laravel 5.5の標準app.css
  • https://github.com/laravel/laravel/blob/5.5/public/css/app.css

DB変更の有無

無し

チェックリスト

• (DB変更有りの場合) 移行プログラムに影響がない事を確認しました。https://github.com/opensource-workshop/connect-cms/wiki/Pull-requests-check-list---Migration
• プルリクエストにわかりやすいタイトルとラベルを付けました。https://github.com/opensource-workshop/connect-cms/wiki/Pull-requests-Rule