[Rails入門] indexアクションでデータを表示させる方法を分かりやすく解説!

「indexアクションでデータを表示させる方法が分からない」、「indexアクションでデータを表示させる方法をもっと詳しく知りたい」等、お悩みを持っている方はいないでしょうか?

このページでindexアクションでデータを表示させる方法を分かりやすく解説していきます。

是非、最後まで読んでいただければと思います。

1.データを作成する

ここからは「WebApp」というWebアプリケーションの作成、Modelの作成を終えているという前提でお話を進めていきます。

もし、Webアプリケーションの作成方法、Modelの作成方法を詳しく知りたい方は以下の記事をご覧下さい。

[入門者向け] Ruby on Railsのアプリケーション作成方法を分かりやすく解説! [入門者向け] Ruby on Railsのアプリケーション作成方法を分かりやすく解説! [Rails入門] Modelの作成方法を分かりやすく解説!

[Rails入門] Modelの作成方法を分かりやすく解説!」でModelの作成を終えましたが、まだテーブルにデータが保存されていません。

そのため、仮のデータをテーブルに用意しましょう。

dbフォルダの「seed.rb」にコードを記述することで仮のデータを用意することができます。

それでは「seed.rb」にコードを記述していきましょう。

上記のようにコードを記述したら、コマンドプロンプトで「rails db:seed」と入力して実行しましょう。

注意

コマンドプロンプトを実行する時はWebAppのディレクトリで行うようにしましょう。WebAppへの移動は「cd WebApp」で行うことができます。

上記のように再度コマンドプロンプトを使用できるようになったら、データベースに仮のデータが追加されたということになります。




2.controllerを作成する

これでModelの作成、データの作成を終えたので、Postモデルを利用するためのcontrollerを作成しましょう。

コマンドプロンプトで「rails g controller posts」と入力して実行しましょう。

注意

controllerを作成する場合、複数形で作成するのが決まりになっているので注意が必要です。今回の場合、controller名は「posts」となります。

実行が完了すると、postsコントローラーが作成されました。

次にpostsコントローラーを開いてindexアクションメソッド内にPostのデータを取り出すコードを記述していきましょう。

ここではindexアクション内に「@posts = Post.all」とコードを記述しました。

これはPostモデルのデータをすべて取り出すという意味になっています。

ここでは「@posts = Post.all」と記述してデータを取り出しましたが、以下の書式に当てはめると特定のmodelのデータをすべて取り出すことができます。

変数 = Model名.all

上記のように記述することで配列のような形でデータを取得することができます。

あとは、Viewで@postsから順にデータを取り出し、データを展開していくという流れになります。




3.viewに表示する

それでは@postsのデータをviewに展開していきましょう。

viewsフォルダ内のpostsフォルダに「index.html.erb」というファイルを作成し、以下のようにコードを記述していきましょう。

上記は繰り返し処理を使用して@postsに格納されているデータを順に変数postに代入して表示させるという内容になっています。

変数postにはどのようなデータが格納されているのでしょうか。

格納されているデータはPostクラスのインスタンスとなっており、「変数post.カラム名」でカラムのデータを取り出せる仕組みになっています。




4.Ruby on Railsを学ぶことができるオススメの教材

Ruby on Railsを学習している皆様にオススメの教材をご紹介させていただきます。

現場で使える Ruby on Rails 5速習実践ガイド

以下の本はRuby on Railsの学習を一通り終えてある程度知識を身につけた方にオススメしたい本です。

 

現場で使える Ruby on Rails 5速習実践ガイド」は現場で実際にどのように使われているのかという視点も交えて解説されています。

そのため、初心者の方が次のステップに進むために最適な本となっていますので、オススメです。

これらの本で是非学習を進めてみてはいかがでしょうか?

レベル別におすすめの本も紹介していますので、どのような本がオススメか知りたい方はこちらもご覧になって下さい。

【2022年最新版】Ruby on Railsを学ぶことができるおすすめの本/参考書

Udemy

UdemyではRuby on Railsを学ぶことができる講座を多数取り扱っています。

以下の記事でRuby on Railsを学ぶことができるオススメの講座をまとめていますので、よかったらご覧になって下さい。

【安すぎ】Udemy(ユーデミー)で学べるおすすめのRuby on Rails講座をご紹介!

プログラミングスクール

TechAcademyWebCampCodeCampTech CampなどでRuby on Railsを学ぶことができます。

それぞれ無料体験も行っているので、どのようなものか試してみるのもいいでしょう。

以下の記事で各プログラミングスクールをまとめているのでこちらもよかったらご覧になってください。

【働きながらOK】TechAcademy(テックアカデミー)の評判・口コミは? いくらなの? 【難しい?】働きながらOK! DMM WEBキャンプの評判・口コミは? 【課題が難しい?】CodeCamp(コードキャンプ)の評判・口コミは? 【無料体験実施中】テックキャンプ「プログラミング教養」でプログラミングをやってみた! 【体験談】テックキャンプ「プログラミング教養」の学習内容は? 働きながらテックキャンプで学ぶことは可能? 結論:可能です! 【無料カウンセリング実施中】テックキャンプではどのような言語・技術を学ぶことができるの? テックキャンプの受講料はどのくらい? 安く通う方法も解説! テックキャンプの受講料はどのくらい? 安く通う方法も解説! 【体験談/感想】テックキャンプでどのようなスキルが身につくの?




5.ポイント

ポイント

・「seed.rb」にコードを記述することで仮のデータをテーブルに保存することができます

・controllerのindexアクション内でallメソッドを使用することでmodelのデータを全部取り出すことができます

・allメソッドは以下のように使用します。

変数 = Model名.all

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です