More than 3 years have passed since last update.

シンプルで美しいCSSフレームワーク　samantic-ui　をRailsに導入する。

Last updated at 2020-12-31Posted at 2020-10-08

##フレームワークの特徴
タイトルにもある通り、見た目がシンプルで美しいです。
他にも、人間にとって理解しやすいclass名を使用しているという特徴があります。
公式サイト: https://semantic-ui.com/

背景

railsでポートフォリオを作るときに、Bootstrapを使っている人がほとんどなので、違うフレームワークを使えば、見た目で差別化ができて、採用者の目に止まりやすいのではないかと思い、組み込むことに決めました。
##手順

gemfile.

gem 'semantic-ui-sass', github: 'doabit/semantic-ui-sass'

いつものように、$ bundle install

application.css.scss

@import "semantic-ui";

application.cssを、application.scss.cssにrenameします。

application.js

//= require semantic-ui

application.jsにも変更を加えます。

これで、フレームワークが機能します。