Skip to main content
ツイート済み twitter.com/jaStackOverflow/status/1138280138616070147
タイトルを編集
リンク
htb
  • 2,027
  • 3
  • 15
  • 35

Flat UI proの適応適用ができない

質問文の書式を整えてみました (質問文の内容は同じものです)
ソース リンク
supa
  • 5,399
  • 4
  • 18
  • 41

Flat UI Proデザインフレームワーク デザインフレームワークreflection/designmodo-flatuipro-rails を使って、Rails4.2プロジェクトにインストールしようとしています。
参考サイトの手順でやっているのですが、うまく適用できません

 

STEP1
・Flat-UI-HTML-Developers-License.zipをダウンロードしてデスクトップに解凍
・解凍後のフォルダ名はFlat UI HTML - Developers License
・上記のフォルダ名をflat-ui-proに変更

  • Flat-UI-HTML-Developers-License.zip をダウンロードしてデスクトップに解凍
  • 解凍後のフォルダ名は Flat UI HTML - Developers License
  • 上記のフォルダ名を flat-ui-pro に変更

プロジェクトのコンソールからbower.jsonbower.jsonファイルが有るディレクトリに移動し、bower installbower install

  1. cdcd
  2. cd Desktopcd Desktop
  3. cd flat-ui-procd flat-ui-pro
  4. cd HTMLcd HTML
  5. cd UIcd UI
  6. cd Flat-UI-Pro-1.3.2cd Flat-UI-Pro-1.3.2
  7. bower installbower install
 
gem 'less-rails'
gem 'twitter-bootstrap-rails'
gem 'jquery-ui-rails'
gem 'designmodo-flatuipro-rails', '~> 1.3.2.0.branch'
gem 'therubyracer', platforms: :ruby

bundle update
bundle install

gem 'less-rails'
gem 'twitter-bootstrap-rails'
gem 'jquery-ui-rails'
gem 'designmodo-flatuipro-rails', '~> 1.3.2.0.branch'
gem 'therubyracer', platforms: :rubySTEP2 後の app/assets/stylesheets

bundle update
bundle install画像の説明をここに入力

 

STEP2後のapp/assets/stylesheets3

画像の説明をここに入力
プロジェクト プロジェクトのカントディレクトリにて
bin/rails generate flatuipro:install ~/Desktop/flat-ui-pro

bin/rails generate flatuipro:install ~/Desktop/flat-ui-pro

STEP3app/assets/stylesheets app/assets/stylesheets
  

画像の説明をここに入力

STEP3http://0.0.0.0:3000/posts http://0.0.0.0:3000/posts

 

STEP4
rake assets:clean RAILS_ENV=development
rake assets:precompile RAILS_ENV=development

rake assets:clean RAILS_ENV=development
rake assets:precompile RAILS_ENV=development

STEP4app/assets/stylesheets app/assets/stylesheets
  

画像の説明をここに入力
  

STEP4http://0.0.0.0:3000/posts http://0.0.0.0:3000/posts 変化なし
  

画像の説明をここに入力

 

STEP5
rails generate flatuipro:demo

rails generate flatuipro:demo

STEP5app/assets/stylesheets app/assets/stylesheets
  

画像の説明をここに入力
  

STEP4後5 後http://0.0.0.0:3000/posts http://0.0.0.0:3000/posts 変化なし
  

画像の説明をここに入力

STEP5http://0.0.0.0:3000/flatuipro_demo/index http://0.0.0.0:3000/flatuipro_demo/index

scaffolds.scssをscaffolds.scss削除した後のhttp://0.0.0.0:3000/posts http://0.0.0.0:3000/posts
画像の説明をここに入力

scaffolds.scssをscaffolds.scss削除した後のhttp://0.0.0.0:3000/flatuipro_demo/index http://0.0.0.0:3000/flatuipro_demo/index
配置やレイアウトが変
画像の説明をここに入力

Flat UI Proデザインフレームワークreflection/designmodo-flatuipro-rails を使って、Rails4.2プロジェクトにインストールしようとしています。
参考サイトの手順でやっているのですが、うまく適用できません

STEP1
・Flat-UI-HTML-Developers-License.zipをダウンロードしてデスクトップに解凍
・解凍後のフォルダ名はFlat UI HTML - Developers License
・上記のフォルダ名をflat-ui-proに変更

プロジェクトのコンソールからbower.jsonファイルが有るディレクトリに移動し、bower install

  1. cd
  2. cd Desktop
  3. cd flat-ui-pro
  4. cd HTML
  5. cd UI
  6. cd Flat-UI-Pro-1.3.2
  7. bower install

gem 'less-rails'
gem 'twitter-bootstrap-rails'
gem 'jquery-ui-rails'
gem 'designmodo-flatuipro-rails', '~> 1.3.2.0.branch'
gem 'therubyracer', platforms: :ruby

bundle update
bundle install

STEP2後のapp/assets/stylesheets

画像の説明をここに入力
プロジェクトのカントディレクトリにて
bin/rails generate flatuipro:install ~/Desktop/flat-ui-pro

STEP3app/assets/stylesheets
 画像の説明をここに入力

STEP3http://0.0.0.0:3000/posts

STEP4
rake assets:clean RAILS_ENV=development
rake assets:precompile RAILS_ENV=development

STEP4app/assets/stylesheets
 画像の説明をここに入力
 STEP4http://0.0.0.0:3000/posts 変化なし
 画像の説明をここに入力

STEP5
rails generate flatuipro:demo

STEP5app/assets/stylesheets
 画像の説明をここに入力
 STEP4後http://0.0.0.0:3000/posts 変化なし
 画像の説明をここに入力

STEP5http://0.0.0.0:3000/flatuipro_demo/index

scaffolds.scssを削除した後のhttp://0.0.0.0:3000/posts
画像の説明をここに入力

scaffolds.scssを削除した後のhttp://0.0.0.0:3000/flatuipro_demo/index
配置やレイアウトが変
画像の説明をここに入力

Flat UI Pro デザインフレームワークreflection/designmodo-flatuipro-rails を使って、Rails4.2プロジェクトにインストールしようとしています。
参考サイトの手順でやっているのですが、うまく適用できません

 

STEP1

  • Flat-UI-HTML-Developers-License.zip をダウンロードしてデスクトップに解凍
  • 解凍後のフォルダ名は Flat UI HTML - Developers License
  • 上記のフォルダ名を flat-ui-pro に変更

プロジェクトのコンソールからbower.jsonファイルが有るディレクトリに移動し、bower install

  1. cd
  2. cd Desktop
  3. cd flat-ui-pro
  4. cd HTML
  5. cd UI
  6. cd Flat-UI-Pro-1.3.2
  7. bower install
 
gem 'less-rails'
gem 'twitter-bootstrap-rails'
gem 'jquery-ui-rails'
gem 'designmodo-flatuipro-rails', '~> 1.3.2.0.branch'
gem 'therubyracer', platforms: :ruby

bundle update
bundle install

STEP2 後の app/assets/stylesheets

画像の説明をここに入力

 

STEP3

プロジェクトのカントディレクトリにて

bin/rails generate flatuipro:install ~/Desktop/flat-ui-pro

STEP3 app/assets/stylesheets 

画像の説明をここに入力

STEP3 http://0.0.0.0:3000/posts

 

STEP4

rake assets:clean RAILS_ENV=development
rake assets:precompile RAILS_ENV=development

STEP4 app/assets/stylesheets 

画像の説明をここに入力 

STEP4 http://0.0.0.0:3000/posts 変化なし 

画像の説明をここに入力

 

STEP5

rails generate flatuipro:demo

STEP5 app/assets/stylesheets 

画像の説明をここに入力 

STEP5 後 http://0.0.0.0:3000/posts 変化なし 

画像の説明をここに入力

STEP5 http://0.0.0.0:3000/flatuipro_demo/index

scaffolds.scss削除した後の http://0.0.0.0:3000/posts
画像の説明をここに入力

scaffolds.scss削除した後の http://0.0.0.0:3000/flatuipro_demo/index
配置やレイアウトが変
画像の説明をここに入力

本文から 1511 文字削除; タグを編集
ソース リンク

ActionView::Template::Error ('variables.less' wasn't found): Flat UI proの適応ができない

Flat UI Proデザインフレームワークを reflection/designmodo-flatuipro-rails を使って、Rails4.2のプロジェクトにインストールしようとしています。

  
参考サイト
下記エラー手順でやっているのですでて、うまく適用できません

ActionView::Template::Error ('variables.less' wasn't found):
    12:       <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js" type="text/javascript"></script>
    13:     <![endif]-->
    14: 
    15:     <%= stylesheet_link_tag "application", :media => "all" %>
    16: 
    17:     <!-- For third-generation iPad with high-resolution Retina display: -->
    18:     <!-- Size should be 144 x 144 pixels -->
  app/views/layouts/application.html.erb:15:in `_app_views_layouts_application_html_erb__3737392383754388958_70268600718500'


  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/actionpack-4.2.0/lib/action_dispatch/middleware/templates/rescues/_source.erb (11.5ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/actionpack-4.2.0/lib/action_dispatch/middleware/templates/rescues/_trace.html.erb (4.2ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/actionpack-4.2.0/lib/action_dispatch/middleware/templates/rescues/_request_and_response.html.erb (1.1ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/actionpack-4.2.0/lib/action_dispatch/middleware/templates/rescues/template_error.html.erb within rescues/layout (35.6ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/web-console-2.1.3/lib/web_console/templates/_markup.html.erb (0.4ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/web-console-2.1.3/lib/web_console/templates/style.css.erb within layouts/inlined_string (0.4ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/web-console-2.1.3/lib/web_console/templates/_inner_console_markup.html.erb within layouts/inlined_string (0.4ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/web-console-2.1.3/lib/web_console/templates/_prompt_box_markup.html.erb within layouts/inlined_string (0.2ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/web-console-2.1.3/lib/web_console/templates/console.js.erb within layouts/javascript (21.0ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/web-console-2.1.3/lib/web_console/templates/main.js.erb within layouts/javascript (0.3ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/web-console-2.1.3/lib/web_console/templates/error_page.js.erb within layouts/javascript (0.5ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/web-console-2.1.3/lib/web_console/templates/index.html.erb (44.1ms)

ファイルオープンを開きます。

STEP1
Flat・Flat-UI-HTML-Developers-License.zipをダウンロードしてデスクトップに解凍
解凍後・解凍後のフォルダ名はFlat UI HTML - Developers License
上記・上記のフォルダ名をflat-ui-proに変更

デスクトップにある対象プロジェクトにて
プロジェクトのコンソールからbower.jsonファイルが有るディレクトリに移動し、bower install

プロジェクトSTEP2後のapp/assets/stylesheets

画像の説明をここに入力
プロジェクトのカントディレクトリにて
bin/rails generate flatuipro:install ~/Desktop/flat-ui-pro

STEP3後のapp/assets/stylesheets
画像の説明をここに入力

STEP3後のhttp://0.0.0.0:3000/posts

画像の説明をここに入力

STEP4
rake assets:clean RAILS_ENV=development
rake assets:precompile RAILS_ENV=development

STEP4後のapp/assets/stylesheets
画像の説明をここに入力
STEP4後のhttp://0.0.0.0:3000/posts 変化なし
画像の説明をここに入力

STEP5
rails generate flatuipro:demo

STEP5後のapp/assets/stylesheets
画像の説明をここに入力
STEP4後のhttp://0.0.0.0:3000/posts 変化なし
画像の説明をここに入力

STEP5後のhttp://0.0.0.0:3000/flatuipro_demo/index

画像の説明をここに入力

scaffolds.scssを削除した後のhttp://0.0.0.0:3000/posts
画像の説明をここに入力

scaffolds.scssを削除した後のhttp://0.0.0.0:3000/flatuipro_demo/index
配置やレイアウトが変
画像の説明をここに入力

select boxが変

画像の説明をここに入力

ActionView::Template::Error ('variables.less' wasn't found):

Flat UI Proデザインフレームワークを reflection/designmodo-flatuipro-rails を使って、Rails4.2のプロジェクトにインストールしようとしています。

 参考サイト
下記エラーでて適用できません

ActionView::Template::Error ('variables.less' wasn't found):
    12:       <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js" type="text/javascript"></script>
    13:     <![endif]-->
    14: 
    15:     <%= stylesheet_link_tag "application", :media => "all" %>
    16: 
    17:     <!-- For third-generation iPad with high-resolution Retina display: -->
    18:     <!-- Size should be 144 x 144 pixels -->
  app/views/layouts/application.html.erb:15:in `_app_views_layouts_application_html_erb__3737392383754388958_70268600718500'


  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/actionpack-4.2.0/lib/action_dispatch/middleware/templates/rescues/_source.erb (11.5ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/actionpack-4.2.0/lib/action_dispatch/middleware/templates/rescues/_trace.html.erb (4.2ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/actionpack-4.2.0/lib/action_dispatch/middleware/templates/rescues/_request_and_response.html.erb (1.1ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/actionpack-4.2.0/lib/action_dispatch/middleware/templates/rescues/template_error.html.erb within rescues/layout (35.6ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/web-console-2.1.3/lib/web_console/templates/_markup.html.erb (0.4ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/web-console-2.1.3/lib/web_console/templates/style.css.erb within layouts/inlined_string (0.4ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/web-console-2.1.3/lib/web_console/templates/_inner_console_markup.html.erb within layouts/inlined_string (0.4ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/web-console-2.1.3/lib/web_console/templates/_prompt_box_markup.html.erb within layouts/inlined_string (0.2ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/web-console-2.1.3/lib/web_console/templates/console.js.erb within layouts/javascript (21.0ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/web-console-2.1.3/lib/web_console/templates/main.js.erb within layouts/javascript (0.3ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/web-console-2.1.3/lib/web_console/templates/error_page.js.erb within layouts/javascript (0.5ms)
  Rendered /Users/maimai/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/web-console-2.1.3/lib/web_console/templates/index.html.erb (44.1ms)

ファイルオープンを開きます。

STEP1
Flat-UI-HTML-Developers-License.zipをダウンロードしてデスクトップに解凍
解凍後のフォルダ名はFlat UI HTML - Developers License
上記のフォルダ名をflat-ui-proに変更

デスクトップにある対象プロジェクトにて
bower.jsonファイルが有るディレクトリに移動し、bower install

プロジェクトのカントディレクトリにて
bin/rails generate flatuipro:install ~/Desktop/flat-ui-pro

STEP3
rake assets:clean RAILS_ENV=development
rake assets:precompile RAILS_ENV=development

STEP4
rails generate flatuipro:demo

Flat UI proの適応ができない

Flat UI Proデザインフレームワークを reflection/designmodo-flatuipro-rails を使って、Rails4.2のプロジェクトにインストールしようとしています。 
参考サイト手順でやっているのです、うまく適用できません

STEP1
・Flat-UI-HTML-Developers-License.zipをダウンロードしてデスクトップに解凍
・解凍後のフォルダ名はFlat UI HTML - Developers License
・上記のフォルダ名をflat-ui-proに変更

プロジェクトのコンソールからbower.jsonファイルが有るディレクトリに移動し、bower install

STEP2後のapp/assets/stylesheets

画像の説明をここに入力
プロジェクトのカントディレクトリにて
bin/rails generate flatuipro:install ~/Desktop/flat-ui-pro

STEP3後のapp/assets/stylesheets
画像の説明をここに入力

STEP3後のhttp://0.0.0.0:3000/posts

画像の説明をここに入力

STEP4
rake assets:clean RAILS_ENV=development
rake assets:precompile RAILS_ENV=development

STEP4後のapp/assets/stylesheets
画像の説明をここに入力
STEP4後のhttp://0.0.0.0:3000/posts 変化なし
画像の説明をここに入力

STEP5
rails generate flatuipro:demo

STEP5後のapp/assets/stylesheets
画像の説明をここに入力
STEP4後のhttp://0.0.0.0:3000/posts 変化なし
画像の説明をここに入力

STEP5後のhttp://0.0.0.0:3000/flatuipro_demo/index

画像の説明をここに入力

scaffolds.scssを削除した後のhttp://0.0.0.0:3000/posts
画像の説明をここに入力

scaffolds.scssを削除した後のhttp://0.0.0.0:3000/flatuipro_demo/index
配置やレイアウトが変
画像の説明をここに入力

select boxが変

画像の説明をここに入力

本文に 2628 文字追加; タイトルを編集
ソース リンク
読み込んでいます
本文から 28 文字削除
ソース リンク
読み込んでいます
本文から 56 文字削除
ソース リンク
読み込んでいます
本文から 499 文字削除; タイトルを編集
ソース リンク
読み込んでいます
本文から 499 文字削除; タイトルを編集
ソース リンク
読み込んでいます
本文に 157 文字追加
ソース リンク
読み込んでいます
編集済みの本文
ソース リンク
読み込んでいます
本文から 14209 文字削除
ソース リンク
読み込んでいます
本文に 2302 文字追加
ソース リンク
読み込んでいます
ソース リンク
読み込んでいます