今回は、Rails6でFontAwesomeを導入・表示させるための手順について初心者向けに解説したいと思います。Rails6ではWebpackerというパッケージを使用することにより、以前よりグッと簡単にFontAwesomeを導入することができるようになりました。Rails5以前でFontAwesomeを使用するには、gemを手動でインストールする必要があります。参考記事FontAwesomeの導入手順はじめに導入手順について解説します。以下のコマンドを打ち込み、yarnを用いてFontAwesomeをインストールしましょう。@fortawesome/fontawesome-free続いて、JavaScriptとStylesheetsでFontAwesomeを読み込む記述を追記します。'@fortawesome/fontawesome-free/scss/v4-shims';デフォルトでは「application.css」になっているため、ご自身で「application.scss」に名前を変更しましょう。これでFontAwesomeの導入が完了です。1分もかからずに導入できるね。FontAwesomeの表示では実際にFontAwesomeを表示させるまでの流れについて解説していきます。FontAwesomeの公式サイトから、使用したいアイコンを検索・選択しましょう。FontAwesome:https://fontawesome.com/今回は、以下の矢印のアイコンを表示させてみます。アイコンを表示させたいビューファイルに以下の記述を追記しましょう。fa-arrow-alt-circle-right"></i>上記のコードはご丁寧にFontAwesome側が用意してくれているので、アイコン画面からコピー&ペーストすることができます。これでアイコンをブラウザ上に表示させることができました。アイコンはCSSで自由自在にカスタマイズできるので、ご自身のアプリケーションのデザインにあったアイコンに変更していただけたらと思います。600px;」で表示させています。6.0:https://medium.com/@kelishrestha97/how-to-install-font-awesome-with-yarn-in-rails-6-0-c2506543c13d今回はRails6でFontAwesomeを導入・表示させるための手順について解説しました。簡単に、かつ無料で使えるWebフォントなので、ぜひご自身のアプリケーションにも導入を検討していただけたらと思います。yoshi19941117TechTechMedia【Rails】いいね機能完全版!同期いいね、いいね数の表示、非同期いいね...【Rails6】カルーセルデザインを簡単に実装できる「slick」の導入...Railsエンジニアちばよしはる銀座にあるヘルステック企業のRailsエンジニア。初心者から中級者向けに記事を更新しています。お酒とカレーと競馬が好き。TechTechMedia。