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.

8/28 今日の学習内容~cloud9でコントローラとアクションの作成!~

Last updated at Posted at 2016-08-28

###今日の学習内容


今日も前回同様、改訂3版基礎Ruby on RailsでRuby on Railsの学習を進めていきました。

改訂3版基礎Ruby on Rails (Amazonのページ) 

cloud9でRailsのコントローラとビューを作成し、Webページ上に"Hello World!"と表示させることが今日の学習内容になります(-ω-)/

####cloud9でコントローラとビューを作成


前回の続きからになりますが、まずはコントローラを作成していきたいと思います。

ターミナルに移動後、bin/rails g controller top indexと打ち込み、実行します。
bin/rails g コントローラ名 アクション名コマンドでコントローラとアクションを作成できるようです。
(赤枠内がターミナルです。bashとあるところですね。)

cloud9_9.png

ちなみにコントローラとは、ブラウザーからの入力を受け取る、データをモデルに要求する、データの追加や変更をモデルに示する、などの役割をするものです。
アクションはコントローラが実行する具体的なお仕事のことと思ってもらえればいいと思います(-ω-)/

つぎに、アプリケーション名/controllersディレクトリ(私の場合はasagao/controllers)に今回作ったtop_controller.rbというファイルが確認できるかと思います。

cloud9_10.png

これでコントローラとアクションの作成ができました!

####ルーディングの設定をする


コントローラとアクションを作っただけでは、残念ながらRailsアプリケーションのページとして動くことはないのです(´;ω;`)
URLとコントローラを結びつける作業をしてあげないといけません。

まず、configの下にあるrouts.rbを開いてください。

次にRails.application.routes.draw doendの中をroot "top#index"に変更します。

cloud9_13.png

これでトップページに対応するコントローラとアクションが先ほど作成したコントローラとアクションに変更されました。

####ビューの作成


続いて、Webページ上にHello World!と表示させるために見た目を作るビューをいじってみたいと思います(*‘∀‘)

app/views/topディレクトリのindex.html.erb(赤枠内)を開きましょう!

cloud9_11.png

拡張子の.erbはRailsのビューのためのテンプレートファイルであることを示しているそうです(-ω-)/

このhtmlファイルの<h1></h1>の間を編集して、<h1>Hello World!</h1>に変えてみましょう。

cloud9_12.png

そのあとにrails s -b $IP -p $PORTコマンドでRailsサーバを再起動します。

cloud9_14.png
Hello World!と表示されました!

###あとがき


今日はコントローラとアクションを作成したのち、ビューの中身を変更してHello World!に変えることができました。
なんだかWebページを作り始めた気がしてきました(笑)
次回も改訂3版基礎Ruby on Railsを使って学習していきます(-ω-)/
ここまで読んでいただき、ありがとうございました(- -)(_ _)ペコリ

###参考にさせていただいたサイトなど


改訂3版基礎Ruby on Rails (Amazonのページ) 

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?