![見出し画像](https://assets.st-note.com/production/uploads/images/117320637/rectangle_large_type_2_f518c5bfe953d9fc99c1c48b6d572235.png?width=1200)
知識ゼロからの 『とほほのRuby on Rails入門』 #2
これはプログラミング初心者がRuby on Railsの勉強をしていく記録です。
◇ この記事で勉強しているサイト
◇ 前回までの記事一覧
チュートリアルの続きからです。
パラメータを表示する
このステップでは、Controllerで設定したパラメータをViewで表示してみるようです。
まずはControllerの方から。
![](https://assets.st-note.com/img/1695772114773-e4HcwDtqPH.png?width=1200)
これを「プログラムから開く」でメモ帳で開くと
![](https://assets.st-note.com/img/1695772268656-fdB7fgvHYW.png?width=1200)
HomeControllerというクラスと、indexというメソッドをもうすでに書いてくれていますね。
こういう風に大枠を自動で作ってくれて後は好きに処理を書き足すだけでコードが完成しますよ、というのがRailsの力なんですね。すごい。
そして練習として処理を書き足します。
![](https://assets.st-note.com/img/1695779075751-kAdygK7ple.jpg?width=1200)
次はView。
![](https://assets.st-note.com/img/1695773629419-kIleOXU9Km.png?width=1200)
これをメモ帳で開いて、
![](https://assets.st-note.com/img/1695777731186-X6r6dLQ3lk.png?width=1200)
![](https://assets.st-note.com/img/1695779189759-z5gSX7VQll.jpg?width=1200)
<%= ~ %>は「Rubyコードの結果を表示」してくれるよう。
つまり、Controllerに書いた@massageの結果(This is a test site of Ruby on Railsという文章)をViewが表示してくれるようになるという事ですね。
サーバーを起動して見てみます。
![](https://assets.st-note.com/img/1695779698827-X45jlxd5Gs.jpg?width=1200)
赤線のところに反映されています!
パラメータリストを表示する
次はまたControllerの方に追記します。
![](https://assets.st-note.com/img/1695784017592-ypQUDzxVzU.jpg?width=1200)
今度はViewの方に追記。
![](https://assets.st-note.com/img/1695784050941-Tl0ocYS6J8.jpg?width=1200)
Rubyの勉強はこちらの記事でしています。
<ul> ~ </ul> は、順序がない箇条書きのリストを表示する際に使用するタグとのこと。
<li> ~ </li>で挟まれたところがリストとして表示されるんですね。
<% ~ %>は ~の部分のRubyコードを実行してくれるとのこと。
ここに直接Rubyコードを書くときは全部<% ~ %>の中に書けばいいという事かな。
<a> ~</a>はリンクを指定するタグで、href=の後はリンク先を指定しているとのこと。
![](https://assets.st-note.com/img/1695784507352-IwTT92DfIP.png)
ブラウザで見てみます。
![](https://assets.st-note.com/img/1695784627400-bIBCFDH8pL.jpg?width=1200)
ちなみにリンクをクリックしてみました。
![](https://assets.st-note.com/img/1695784891103-OdZjkAE2BW.png?width=1200)
この先はまだ作っていないのでエラーという事ですよね。
次のステップはこのリンク先を作っていくのかな?
楽しみです!
この記事が気に入ったらサポートをしてみませんか?