Railsアプリ作成の最初の準備（cloud9）①

「教師用Railsアプリ」①（$rails new~）

アプリのコンテストに出ます！
2月に勉強を始めて、まだ半年の超初心者ですが、
夏休みを使って、自分のレベルアップのために挑戦しようと思います。

今日（$ rails new）から完成までの記録を、できるだけ残していきたいと思います。

＊したこと

１）Rubyのバージョンチェック

 $ ruby -v  
ruby 2.4.0p0 (2016-12-24 revision 57164) [x86_64-linux]

２）gem rails　バージョン5.1.1　インストール

 $ gem install rails -v 5.1.1 

３）プロジェクト[lessonplan]の作成

 $ rails new lessonplan -d postgresql 

４）cloud9の設定 「template0」を追記

config/detabase.yml

 default: &default
  adapter: postgresql
  encoding: unicode
  # For details on connection pooling, see Rails configuration guide
  # http://guides.rubyonrails.org/configuring.html#database-pooling
  pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
  template: template0　　←ここを追記

５）yarn経由でjquery,Bootstrapインストール
まず、[lessonplan]ディレクトリに移動

 $ cd lessonplan 

 $ curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
 OK

 $ echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
deb https://dl.yarnpkg.com/debian/ stable main

 $ sudo apt-get update && sudo apt-get install yarn
・・・（省略）・・・
Unpacking yarn (1.9.2-1) ...
Setting up yarn (1.9.2-1) ...

⇒インストール開始（しばらくかかる）

 $ yarn add jquery
yarn add v1.9.2
info No lockfile found.
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
success Saved lockfile.
success Saved 1 new dependency.
info Direct dependencies
└─ jquery@3.3.1
info All dependencies
└─ jquery@3.3.1

 $ yarn add bootstrap@3
yarn add v1.9.2
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
success Saved lockfile.
success Saved 1 new dependency.
info Direct dependencies
└─ bootstrap@3.3.7
info All dependencies
└─ bootstrap@3.3.7
Done in 0.95s.

jsとcssに追記

app/assets/javascripts/application.js

・・・（省略）・・・
//= require rails-ujs
//= require turbolinks
//= require jquery/dist/jquery.js　　←ここを追記
//= require bootstrap/dist/js/bootstrap.min　　←ここを追記　
//= require_tree .

app/assets/stylesheets/application.css

/*
・・・（省略）・・・
 *
 *= require bootstrap/dist/css/bootstrap.min　　←ここを追記
 *= require_tree .
 *= require_self
 */

開発環境
Ruby 2.4.0
Rails -v 5.1.1
jQuery 3.3.1
Bootstrap 3.3.7

とりあえず、下準備その１はここまで。
ジム行って、走ってから、続きを。