Rails6 cssフレームワークsemantic-uiを使用する手順

Rails6 cssフレームワークsemantic-uiを使用する手順

Rails6でCSSのフレームワーク「semantic-ui」を使用するまでの手順を記述してます。Gemfileに追加して利用します。

環境

  • OS windows10 pro 64bit
  • ruby 2.7.1
  • rails 6.0.3.2

※windows10にrubyをインストールして実行する手順はこちら
※windows10にRuby on Railsをインストールして利用する手順はこちら

semantic-uiインストール

プロジェクト配下にある「Gemfile」に下記を追加します。

インストールします。

semantic-ui使い方

「app\assets\stylesheets」に、「application.scss」がなければ作成して以下を追記します。

後は、適当なテンプレートに、semantic-uiを適応してみます。

実行結果を確認するとsemantic-uiが利用できていることが確認できます。