LoginSignup
1
1

More than 5 years have passed since last update.

【Ruby on Rails】Ruby on Railsで投稿一覧ページを作る①[Progate]

Last updated at Posted at 2018-07-11

Ruby on Railsを使ったSNS作成の一環です。投稿一覧ページを作ろう。

データソースはProgate

1.まずはpostsコントローラを作成

スクリーンショット 2018-07-11 19.14.25.png

$ rails generate controller コントロー名 アクション名
でコントローラを作成する

スクリーンショット 2018-07-11 19.15.04.png

2.投稿内容を変数に代入する

最終的にはデータベースに接続していきたいんだけど、それにあたって投稿内容がHTMLで記述されたままだと不都合なんですって。

スクリーンショット 2018-07-11 19.19.08.png

<% %> <%= %>の中に入れてRubyで記述する。

スクリーンショット 2018-07-11 19.20.21.png

3.コントローラファイル内のアクションで変数を定義する

Progate本編では投稿内容を配列として変数postsに代入し、each文で繰り返しとして表示する、というくだりがあるんだけどこれは簡単で理解しやすいんでここではカット。

スクリーンショット 2018-07-11 19.26.02.png

配列自体はコントローラファイル内のアクションで変数に代入する

スクリーンショット 2018-07-11 19.26.44.png

ビューファイル内にeach文を設置し、表示させる

スクリーンショット 2018-07-11 19.26.56.png

アクションで定義した変数をビューで使用することはできず、@変数とすることで使用可能になる。コントロールファイル内でのアクション定義の段階で、変数の前に@をつけるようにしよう

スクリーンショット 2018-07-11 19.27.23.png

ビュー内で、アクションで定義した変数を呼び出す際も@変数でお願いします。

スクリーンショット 2018-07-11 19.27.50.png

これで、データベース接続の準備ができました!

続きは次回。

1
1
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
1
1