質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

UI Design

UI Design(UIデザイン)は、ユーザインターフェースをデザインすることです。ユーザーとシステムがスムーズにコミュニケーションを取るために、OSやアプリ画面などを使いやすくデザインすることを指します。

Q&A

0回答

360閲覧

Flat UIのRails5での導入方法

ShinsukeJPN

総合スコア8

Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

UI Design

UI Design(UIデザイン)は、ユーザインターフェースをデザインすることです。ユーザーとシステムがスムーズにコミュニケーションを取るために、OSやアプリ画面などを使いやすくデザインすることを指します。

0グッド

0クリップ

投稿2018/04/29 05:24

http://designmodo.github.io/Flat-UI/を制作物に導入したいです。

http://vdeep.net/bootstrap-flatuiと
http://railsdoc.com/references/javascript_include_tagなどのリファレンスを参考にしながらやってみたのですが、
localhostのconsoleにエラーは出なくなったのですが、なぜか反映されません。
何がおかしいのか見当がつかずに困っています。

application.html

<head> (略) <%= stylesheet_link_tag href: 'app/assets/dist/css/flat-ui.css' %> <%= javascript_include_tag default: 'app/assets/dist/js/flat-ui.js' %> <%= javascript_include_tag default: 'app/assets/dist/js/flat-ui.min.js' %> <%= javascript_include_tag default: 'app/assets/dist/js/vendor/jquery.min.js' %> </head>

初心者なので見落としている点があるかもしれません。
よろしくお願いいたします。

開発環境
ruby 2.3.6
Rails 5.1.6

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ShinsukeJPN

2018/04/29 09:35

回答ありがとうございます!順番に試した結果、ログイン画面で間違った情報を入力すると枠が赤くなったり、全体の字の印象が変わった気がします!ただ、レイアウトが若干広めに変わってしまったのと、dropdownのクリックができなくなってしまいました。。
ShinsukeJPN

2018/04/29 09:36

btn primaryでボタンの表示を試してみましたが、デザインに変化はないようです。
gouf

2018/04/29 10:46

それはどの環境・コマンドでの確認ですか? (「RAILS_ENV=production rails assets:precompile」「RAILS_SERVE_STATIC_FILES=true rails s -e production」で production 環境としての立ち上げの場合はうまく表示されるはずです)
ShinsukeJPN

2018/04/29 10:55 編集

開発環境で、localhost3000で確認しました。一旦戻してしまったのでもう一度確認します。 最終的にはデプロイまでしないといけないので、少し不安です。。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問