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 5 years have passed since last update.

9/13 今日の学習内容〜リンクの作成について学習〜

Posted at

###今日の学習内容


今日は、リンクの作成について学習していきました。

改定3版基礎RubyOnRailsを読み進めていると、RailsのAction Viewには、リンクや画像のためのタグを簡単に生成するヘルパーメソッドが用意されているとあったのですね( ̄▽ ̄)

リンク用のタグ(HTMLでいうaタグ)を作る時は、link_toメソッドを使うようです。

第一引数にリンクのテキストを書き、第二引数にリンク先のパスを指定します。

試しに、トップページへのリンクを作成してみましょう( ´ ▽ ` )ノ

まず、lesson_controller.rbに、空のアクションpractice9を作成します。

スクリーンショット 2016-09-13 23.25.19.png

作成したアクションと同じ名前のテンプレートのファイルを作成しましょう↓

スクリーンショット 2016-09-13 23.26.07.png

root_pathはルートディレクトリ(つまり、ここではトップぺージ)を指すことになります。

rails s -b $IP -p $PROTでRailsサーバを起動し、ページを開いてください( ̄▽ ̄)
この時に、ちゃんとアプリケーション名のディレクトリに移動しているか確認してくださいね。

私と同じように、これまでの学習を進めてこられた方は、以下のようなトップページが開かれます。↓

スクリーンショット 2016-09-13 23.23.08.png

今回は、リンクを作る練習なので、先ほど作成したpractice9を実行しましょう。
URL欄に/lesson/practice9を付け加えてリロードしてください。

スクリーンショット 2016-09-13 23.22.51.png

↑先ほど指定したHOMEという名前のリンクが表示されましたね。

実際にリンクをクリックしてみてください。
以下のページに移動するはずです↓

スクリーンショット 2016-09-13 23.23.08.png

うまくトップページに移動したでしょうか(・ω・)ノ

###あとがき


今日はリンクの作成について簡単に書いていきました。
最近、あまり書けてないようなので、もう少し書く速度を上げてたいですね。
まずはタイピングからでしょうか?(笑)

ここまで読んでくださり、ありがとうございましたm(__)m

###参考にさせていただいたサイト・文献


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?