LoginSignup
4
7

More than 5 years have passed since last update.

WrapBootstrapを使ったRailsアプリ作成

Last updated at Posted at 2017-01-23

はじめに

この記事では、WrapBootstrapというデザインテンプレートを使用したRailsアプリを起動する手順を書きます。
WrapBootstrapを使用することで、WEBアプリ開発におけるデザイン工程を大幅に効率化することができます。

手順

  • WrapBootstrapのサイト( https://wrapbootstrap.com/ )からテンプレートを購入します。大体、4~20$くらいで購入できます。今回は、「Angle - Bootstrap Admin Template」というテンプレートを使用します。

  • 購入したテンプレートをダウンロードして解凍し、「backend-rails」ディレクトリ配下のRailsルートディレクトリに移動します。

    cd backend-rails/Angle
    
  • gemをインストール

    bundle install --path vendor/bundle
    
  • Bowerをインストール ※既にインストール済みの場合は不要

    brew install node.js
    node -v
    npm install bower -g
    bower -v
    
  • ライブラリをダウンロード

    bundle exec rake bower:install
    
  • Railsを起動

    bundle exec rails s -d
    
  • http://localhost:3000 にアクセスすると無事、画面が表示されました。
    スクリーンショット 2017-01-24 1.46.15.png

参考資料

http://blog.jnito.com/entry/2017/01/05/071101
http://blog.mah-lab.com/2014/04/14/bower-rails/

4
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
7