[Ruby on Rails] ” kaminari “を使ってページネーションを実装してみよう!

今回は、Ruby on Railsでgem「kaminari」を使ったページネーション機能を実装していきましょう。

ここでは以下の前提条件を満たしているということでお話を進めていきます。

  • 「sample」というアプリケーション作成を終えている
  • 「name(string型)」、「content(text型)」というカラムを持ったPostモデル作成を終えている

1.ページネーションの実装

それでは「kaminari」というgemを使用してページネーションを実装していきます。

「kaminari」を使用するこでとても簡単にページネーションを実装することができます。

1.gem「kaminari」をインストールする

まず始めにgem「kaminari」をインストールしましょう。

以下のようにGemfileに「gem ‘kaminari’」と追記しましょう。

次に「bundle install」でインストールしましょう。

これで「kaminari」をインストールすることができました。

注意

サーバーを起動している場合はサーバーを再起動させて下さい。




2.ページネーションを表示させる

ページネーションをトップページに反映させたいので、postsコントローラーのindexアクション内を変えていきます。

今回、indexアクション内を「Post.page(params[:page]).per(5)」としました。

このように記述することで1ページ当たり5件表示することができます。

メモ

「.per(数字)」のカッコ内の数字を変えることで1ページ当たりの表示件数を変えることができます。

最後に「index.html.erb」を編集します。

上記を見て分かるかと思いますが、「<%= paginate @posts %>」を追記しただけです。

これでページネーションを実装することができました。

実際にどのように表示されるのか見てみましょう。

しっかりと表示されているので大丈夫そうです。

gem「kaminari」を使うことでこんなに簡単に実装することができました。

ページネーションを利用したい場合は「kaminari」を使いましょう。




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

コメントを残す

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