新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 Ruby on Railsとは何か？ (02:41) 無料公開中
- Ruby on Railsの概要
- 公式サイトについて
- 必要となる知識
-
#02 必要となるツールを揃えよう (02:46) 無料公開中
- Ruby
- RubyGem
- Rails
- SQLite
- バージョンについて
-
#03 MVCとは何か？ (02:14) 無料公開中
- Model
- View
- Controller
-
#04 はじめてのRailsプロジェクト (02:15) 無料公開中
- 全体の流れを確認
- rails new myapp
-
#05 ファイル構成をみていこう (03:00) 無料公開中
- ファイル構成の確認
- Gemfileについて
-
#06 Webサーバーを立ち上げよう (02:40)
- rails server
- JavaScript Runtimeの導入
- ブラウザでの確認
-
#07 scaffoldを使ってみよう (1) (02:49)
- Webサーバーの停止
- rails generate scaffold User name:string email:string intro:text
-
#08 scaffoldを使ってみよう (2) (02:55)
- rake db:migrate
- rails server
- アプリの動作確認
-
#09 ブログシステムを作ろう (01:57)
- ブログシステムの説明
- ブログシステムのデモ
- 全体の流れの確認
-
#10 新しいプロジェクトを作ろう (02:34)
- rails new blog --skip-bundle
- vim Gemfile
- rake db:create
- rails server
-
#11 Postモデルを作ろう (02:57)
- rails g model Post title:string content:text
- rake db:migrate
-
#12 Postsコントローラーを作ろう (02:04)
- rails g controller Posts
- ファイル構成の確認
-
#13 ルーティングの設定をしよう (02:39)
- vim config/routes.rb
- rake routes
-
#14 デバッグに使えるコンソールについて (02:59)
- rails console
- rails db
-
#15 コントローラーのメソッドについて (02:18)
- コントローラーに追加すべきメソッド
-
#16 記事の一覧を表示する (1) (02:51)
- indexメソッドの作成
- app/views/posts/index.html.erbの作成
- 動作確認
-
#17 記事の一覧を表示する (2) (02:54)
- コードの説明
- viewで使える記法
-
#18 リンクを貼ってみよう (03:00)
- link_toの記法について
- 動作確認
-
#19 HTMLテンプレートを変更しよう (02:29)
- HTMLテンプレートの変更
- CSSの変更
-
#20 ロゴ画像を表示させてみよう (02:13)
- ロゴ画像の挿入
-
#21 記事一覧画面をrootにしてみよう (02:12)
- routes.rbの編集
-
#22 記事の詳細を表示する (1) (02:11)
- 作業の流れを確認
-
#23 記事の詳細を表示する (2) (02:47)
- showメソッドの作成
- show.html.erbの作成
-
#24 新しい記事を追加しよう (1) (02:54)
- 流れを確認
- newメソッドの作成
- new.html.erbの作成
-
#25 新しい記事を追加しよう (2) (02:13)
- フォーム部品の作成
- 動作確認
-
#26 新しい記事を追加しよう (3) (02:37)
- createメソッドの作成
-
#27 バリデーションを設定しよう (02:16)
- バリデーションの設定
-
#28 バリデーションエラーを表示しよう (01:40)
- バリデーションエラーの表示
-
#29 フラッシュメッセージを表示する (02:23)
- フラッシュメッセージの作成
- 動作確認
-
#30 メッセージをjQueryで消す (02:23)
- jQueryによるメッセージの消去
-
#31 記事を更新してみよう (1) (02:51)
- editメソッドの作成
- edit.html.erbの作成
-
#32 記事を更新してみよう (2) (02:40)
- フォームの共通化
- 動作確認
-
#33 記事を更新してみよう (3) (02:28)
- updateメソッドの作成
- 動作確認
-
#34 記事を削除してみよう (02:39)
- 削除リンクの作成
- destroyメソッドの作成
- 動作確認
-
#35 削除処理をAjax化しよう (1) (02:55)
- destroyメソッドの変更
- jQueryによるAjax化
-
#36 削除処理をAjax化しよう (2) (01:18)
- 動作確認
-
#37 Commentモデルを作ろう (02:18)
- rails g model Comment commenter:string body:text post:references
- rake db:migrate
-
#38 Commentsコントローラーを作ろう (02:35)
- rails g controller Comments
- routes.rbの編集
- rake routes
-
#39 コメントを表示させよう (02:41)
- show.html.erbの編集
-
#40 コメントを投稿してみよう (1) (02:36)
- show.html.erbの編集
-
#41 コメントを投稿してみよう (2) (01:57)
- createメソッドの作成
-
#42 バリデーションを設定しよう (02:41)
- バリデーションの設定
- バリデーションエラーの表示
-
#43 コメントを削除してみよう (1) (02:58)
- destroyメソッドの作成
- jQueryによるAjax化
-
#44 コメントを削除してみよう (2) (00:53)
- 動作確認
-
#45 コメント件数を表示してみよう (01:07)
- コメント件数の表示
-
#46 Railsを日本語化しよう (02:52)
- 日本語化ファイルの取得
- 設定の変更
- サーバーの再起動
- 動作確認
