Rails5: Semantic UIを使用する

Semantic UIとはBootstrapのようなWebフレームワーク．

参考サイト：
Semantic UIをRails5.1に導入するためにやったこと - Qiita

Gemfileファイル

[Gemfile]

gem 'semantic-ui-sass', git: 'https://github.com/doabit/semantic-ui-sass.git'
gem 'jquery-rails'

Semantic UIはjQueryを使用するのでjQueryも一緒にGemfileに記載してbundle intallを実行

$ bundle install

scssファイル

[app/assets/stylesheets/application.css]のファイル名を.cssから.scssに変更し、以下を追加．

$import-google-fonts: false;
@import 'semantic-ui';

javascriptファイル

[app/assets/javascripts/application.js]に以下を追加する．

//= require jquery
//= require jquery_ujs
//= require rails-ujs
//= require turbolinks
// Loads all Semantic javascripts
//= require semantic-ui
//= require_tree .

以上

公式サイト

公式ドキュメントは以下．
semantic-ui.com