ramkaの朝ごはんはピーナッツパン

超個人的備忘録です。基本自分のためなので、内容の不備、読みづらさ、つまらなさはご了承ください。

Bootstrapで配置したボタンからアクションを起こす

とりあえずコントローラーと、フォームのボタンから実行されるアクションをつくる

rails g contoroller (コントローラー) (アクション)

ってやつね

こうするとビューもできるので、そこにフォーム&ボタンを置く

作成されたビューに、Bootstrapの書き方にならってフォームを作成

ここを見てフォームを置く

ここのフォームタグを変更

<form>

<form method="post">

に変更

ルートを設定

  post '(コントローラー名)/(アクション名)' => '(コントローラー名)#(アクション名)'

左辺はボタンがあるビューのパスで、右辺はPOSTされたときのアクション

こうするとアクションが実行されるはず

HTML、CSSのコーディング規約です

コーディング規約とは、人によってばらばらなコーディングをしていてはみずらくてしゃーない!

ということで、現場では大体コーディング規約とやらを設けて、人によってのコードのばらつきをなくしています

もちろんHTMLにもあるらしいです

ありがとう!

参考にさせていただきます!

Deviseのログアウト時にルーティングできないよエラー

Diveseを導入して、Viewにログアウトボタンを追加
そこからログアウトしようとしたらエラーに

No route matches [GET] "/users/sign_out"

そんな時はroutes.rbに以下を追記する

  devise_scope :user do
    get '/users/sign_out' => 'devise/sessions#destroy'
  end

無事にエラーにならずにログアウトできるようになりました

偉大な先人たちに拍手

ナビゲーションバーの色を変える

なんかナビゲーションの配色考えて、CSSいじるのってだるいですよねー

そんな人にオススメのサービスがあったので記録

配色したい色を指定するだけで、自動的にナビゲーションの表示を変えてくれるCSSソースを生成してくれます

ナビゲーションバーを表示する

もちろんグーグルで検索するとお腹いっぱいになるほどでてくるので、
参考にしたものを以下にはる

参考のサイトだとメニューが文字列だけだけど、
アイコンにも変えられるらしい

ちなみにbootstrapで使えるアイコンは以下を見てみた

便利だね

アイコンを適用するときは、
参考サイトの

<li><a href="#">Nav 5</a></li>

ってところを

<li><a href="#" class="glyphicon glyphicon-log-in">LOGIN</a></li>

てな具合にしてみた

便利だね Bootstrap

画像を表示する

作ったviewから画像を表示するとき、
imgタグから画像を頑張って相対パスで指定しようとしたけど、
そんなことしなくていいらしい

まずはViewを作る

コントローラーを作るときに一緒につくることができます

たとえば

rails generate controller Pages index show

とうてばindexとshowというviewができます


画像はどこに置けばいいかというと、
だいたいここ!ってとこがあるらしいです

自分はassetsの下に保存しました

が、ここでちょっと戸惑ったのが、ディレクトリの指定です


viewファイルからimgタグでassets/images/img.pngと指定したが、これではなんだか知らんけど表示されず

<img class="logo-image" src="/assets/images/img.png" />

だってimagesってフォルダの中にあるのに、なんで指定したらだめやねん

正解はこれでした

<img class="logo-image" src="/assets/img.png" />

親切なんだか親切じゃないんだか