【Rails】ウェブページで前のページに戻るボタンを設置する方法

こんにちは！CODE CLUB965のKです！

今回は、ウェブページ内で前のページに戻るボタンを設置する時の実装方法について書きたいと思います。

ブラウザの戻るボタンや、スマホでスワイプすると前のページに戻ることができるので今はあまり必要がないかもしれませんが、必要性が0というわけではないので必要な時の参考にして下さい。

戻るボタンを実装する

結論から言いますが、非常に簡単です。

実装するには、link_toのリンク先を、「:back」と指定することで実現できます。

<%= link_to "戻る", :back %>

あとは状況に応じて、CSSで装飾してあげたり、buttonタグなどと組み合わせてボタンにしたりする必要があります。
（上記のままではただのリンクになります。）

ちなみにlink_toの使い方をあまり分かっていない方は、以下の記事にlink_toについて書いていますので参考にしてみて下さい！

実際にボタンにしてみる

先ほどの記述の仕方だとただのリンクなので、これにbuttoタグを組み合わせて戻るボタンを作ってみます。

<%= link_to :back do %>
  <button>戻る</button>
<% end %>

上記ではボタンに対してリンク先を指定するために、「<%= link_to "リンク先" do %>」としています。

こうすることで、「do」以降の内容に対してリンクを設定しているのです。

あとはCSSで装飾してあげれば完成です！

最後に

今回はlink_toのおまけ的な知識を紹介しました。

今回のは使う機会があまりないかもですが、ちょっとした知識を少しずつ積み上げて行けば後々役に立つのでガンガン積み上げていきましょう！

ではまた！

Follow me!