このレッスンをはじめる前に
このレッスンを進めるには前提知識が必要です。先に以下のレッスンを完了しておきましょう。
-
#01 Ruby on Railsを学んでいこう (02:45) 無料公開中
- Webアプリケーションフレームワークの概要
- レッスン構成
- 必要となる知識
- GitHub Codespaces
-
#02 Codespacesを起動していこう (02:37) 無料公開中
- GitHub Codespaces
- リポジトリの作成
- Codespaceの起動
-
#03 手元のVS Codeで開発していこう (02:18) 無料公開中
- VS Codeからの接続
- ブラウザでの表示
-
#04 ファイル構成を確認しておこう (02:11) 無料公開中
- ファイル構成
- 編集していくファイル
-
#05 ページが表示されるまでの流れを確認しよう (02:50)
- ルートURL
- ラウティング/ルーティング
- コントローラー
- アクション
- ビュー
-
#06 投稿の一覧を表示したかった場合を考えよう (02:49)
- 前回の流れ
- 投稿一覧を表示する方法
- CoC (Convention over Configuration)
-
#07 必要なファイルを生成していこう (02:52)
- ラウティングの設定
- コントローラー、ビューの生成
-
#08 投稿の一覧を表示してみよう (02:10)
- index.html.erbの編集
- /postsでの動作確認
-
#09 CSSでスタイリングをしてみよう (02:45)
- application.html.erbの確認
- CSSの設定
-
#10 詳細ページへのリンクを設定してみよう (02:10)
- index.html.erbの編集
- ファイル検索のショートカットキー
- リンクの設定、確認
-
#11 詳細ページの設定を進めていこう (02:35)
- ラウティングの設定
- URLのパラメータ化
- showメソッドの定義
- params[:id]
- show.html.erbの作成
-
#12 投稿の詳細ページを表示してみよう (02:14)
- <%= %>
- リンクの設定
- スタイリング
-
#13 URLに別名を付けてみよう (02:00)
- as:
- 別名の使い方
-
#14 link_toでリンクを設定してみよう (02:19)
- link_to
- 動作確認
-
#15 投稿の一覧を最初に表示してみよう (01:41)
- ラウティングの設定
- 動作確認
