【学習60日】chat-spaceのサイト画面の制作①【応用22日】

ついにchat-spaceのビュー画面を作り始めた！！

〜まずは事前準備から〜

■そういえばそうだったメモ

①

rails g controller コントローラ名

🔛

rails destroy controller コントローラ名

■rails g controllerで不要なファイルを作らせないためには？

_test,_helper,_coffeeなど今はいらない

→config フォルダにあるapprication.rbに追記をしてから

　rails g controllerを実行する。

　（config フォルダはアプリの基本機能等についての記述を行うところ）

config/apprication.rb　に追記

module PairsLike
  class Application < Rails::Application
    # ここから下を追加
    config.generators do |g|
      g.javascripts false
      g.helper false
      g.test_framework false
    end
  end
end

rails g　コマンドで何かを生み出すときに上記を実行する　というニュアンス

【参考】

https://qiita.com/tanakayo/items/5de57f4b89d1ef9c70ba

■事前準備_大体の流れ

①コントローラーを作る

rails g controller コントローラ名

rails g controller messages

②アクションを設定する

コントローラファイルにdefで設定

def index 

end

③routesを設定する

root to: 'コントローラ名#アクション名'

Rails.application.routes.draw do

  # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html

  root to: 'messages#index'

 

end

■事前準備_application.cssとapplication.scss

デフォルトでstyle sheetのcssが作られているが

sassを用いて記述していくので

application.cssをapplication.scssへ変える

（中身を決して、名前を変える）

■事前準備_ブラウザのCSSの影響を消すために

①assets/stylesheetsディレクトリの中に

　パーシャルを作成　_reset.scss

　中身は、リセットファイルYUI 3 等をコピペしよう

②リセットcssをインポート

@import "./reset";

■事前準備_頻出の装飾はまとめておく　

文字の色や背景色など頻出するものは

パーシャル（_variable.scss）にまとめておく

■事前準備_アイコンを使いたい！＝　Font Awesome 

Font Awesome は外部ライブラリの1つなので

Gem.fileに記載してbundle install

①Gem.file追記

gem "font-awesome-rails"

 ②ターミナルにて

bundle install

③app/assets/stylesheets/application.scss に追記

@import "font-awesome";