0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

[ページネーションをしよう!]Kaminariの導入方法について

0
Last updated at Posted at 2023-02-27

はじめに

皆さん、ページネーションはご存じですか?
ページネーション、それは
複数のページに分割し表示することです。download.jpg
グーグルの検索などでよく見る、
次のページへ進むってやつです。

ページネーションのメリットはこちらです。

読みやすくなる
ページの読み込み時間を短縮できる

天下のグーグルが使っているので
私も真似したい!!!!
と、思った貴方!

簡単に実装する方法があります!それは、、
Kaminariを使えば良いのです!

ん?カミナリ?雷?何それ?
...へいSiri、カミナリってなに?




「はい、こちらが見つかりました」
download.jpg

はい、おふざけはここら辺にして
gemの「kaminari」を使って実装していきましょう!

Kaminariをインストールする

①gemfireに記述(bundle installも忘れずに!)

gem 'kaminari','~> 1.2.1'

②kaminariの設定ファイルを作成します。
ターミナルに記入

rails g kaminari:config

③kaminariがページャで利用するテンプレートを作成

rails g kaminari:views default

導入はこちらで終わりです。簡単ですね。
ちなみに、bootstrapのデザインのページネーションを作りたい場合は

rails g kaminari:views bootstrap4

この入力でも可能です。

導入が終わりましたら
controllerの記述を書きます

# 今回はindexアクションにboardで設定しています。
def index
 @boards = Board.page(params[:page])
end

このように記述し、indexのビューページに

<%= paginate @boards %> #さっき指定した@boardsを入れています。

こうすることによってページネーションが適応されます!

おわりに

Kaminariを学びました!
導入に困っている方の手助けになれば幸いです。
ご視聴ありがとうございました!

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?