Railsで映画作品の管理と座席予約を作る教材です。検索、上映スケジュール、予約管理、ユーザー登録などを追加し、要望に合わせてサービスを育てます。

映画データの操作、検索、テーブルの関連付け、座席予約を学べます。管理画面、複数スクリーンへの対応、入力検証、ユーザー登録とデータ移行も練習します。

こんなことが学べる

プログラミング経験が少しあれば問題なくクリアできるレベルです。RubyとRails、データベースの基本を知っていると進めやすくなります。予約の重複防止や関連データの扱いでは、仕様を丁寧に読み取る必要があります。

むずかしさ

目安は35〜70時間です。全14問です。

どれくらいかかる？

Ruby/PHP/Java/Scala/Goなどバックエンドに関する相談がしたい方

バックエンド

バックエンドを作る

https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FrKis9Anu2kXQxygYxhcVf7%2FRailsRailway%3Fnode-id%3D10856%253A12281

GET /movies の HTML の中に movies テーブルの中と同じ件数のデータが出力されていること

テーブルが n件あったらタイトル・画像が n件表示されているかを確認すること

Ruby

映画作品リストを作ろう

https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FrKis9Anu2kXQxygYxhcVf7%2FRailsRailway%3Fnode-id%3D10856%253A12417

GET /admin/movies について 200を返すこと

GET /admin/movies について HTML を返すこと

GET /admin/movies について HTML の中には movies テーブルの件数と同じだけのデータがあること

GET /admin/movies について HTML の中には movies テーブルのカラムすべてが表示されていること

GET /admin/movies について HTML の中には true / false（あるいは 1 / 0）が含まれないこと

GET /admin/movies について HTML の中には table タグがあること

Ruby on Rails

映画作品リスト管理ページ（一覧）を作ろう

https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FrKis9Anu2kXQxygYxhcVf7%2FRailsRailway%3Fnode-id%3D10856%253A12418

GET /admin/movies/new について 302を返すこと

GET /admin/movies/new について HTML を返すこと

GET /admin/movies/new について form タグが存在すること

POST /admin/movies について GET /admin/movies/new からの送信で 302を返し、DB への保存ができていること（上記フォーム送信と等価な request を送ることで検証しても可）

POST /admin/movies について フォーム送信時に description に改行コードを含めたものをいれても DB 上の値に改行コードが含まれていること

POST /admin/movies について すでに movies 上に存在するタイトルでフォーム送信すると 400が返ること（テーブル定義にユニークキー制約をいれているため、2件目の同名タイトルを追加するとエラーになる）

POST /admin/movies について エラー処理がされていて、Rails デフォルトのエラー画面が出ないこと

映画作品リスト管理ページ（登録）を作ろう

https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FrKis9Anu2kXQxygYxhcVf7%2FRailsRailway%3Fnode-id%3D10856%253A12840

GET /admin/movies/:id/edit について 200を返すこと

GET /admin/movies/:id/edit についてHTMLを返すこと

GET /admin/movies/:id/edit についてformタグが存在すること

GET /admin/movies/:id/edit についてフォーム内に予め movies(:id) のレコードに対応する値が入っていること

PUT /admin/movies/:id について
- GET /admin/movies/:id からの送信で302を返し、DBへの保存(update)ができていること
- 上記フォーム送信と等価なrequestを送ることで検証しても可

PUT /admin/movies/:id について
すでにmovies上に存在するタイトルに変更してフォーム送信すると400が返ること

PUT /admin/movies/:id について
テーブル定義にユニークキー制約をいれているため、2件目の同名タイトルを追加するとエラーになる

PUT /admin/movies/:id についてエラー処理がされていて仮にRailsデフォルトのエラー画面が出ないこと
-

映画作品リスト管理ページ（編集）を作ろう

https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FrKis9Anu2kXQxygYxhcVf7%2FRailsRailway%3Fnode-id%3D10895%253A12986

DELETE /movies/:id について リクエストを送ると 302が返り、movies(:id) のレコードが消えること

DELETE /movies/:id について :id のレコードが存在しないときに 400が返ること

映画作品リスト管理ページ（削除）を作ろう

GET /movies について Station1 の仕様を満たしている状態であること

GET /movies について method = get の form があること

GET /movies からの検索時について検索キーワードを指定するとそれを含むものだけ表示されること

GET /movies からの検索時についてラジオボタンにて、すべて / 公開予定 / 公開中 の切り替えができること

GET /movies からの検索時についてキーワードを指定し、ラジオボタンを設定して掛け合わせで絞り込みができること

作品リストをより見やすくしよう

https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FrKis9Anu2kXQxygYxhcVf7%2FRailsRailway%3Fnode-id%3D65%253A132

seat テーブルについて migration ファイルが存在し、syntax error が存在しないこと

seat テーブルについて migrationファイルに CREATE TABLE… といった直接 SQL を実行する文が含まれていないこと

GET /seats について 200で HTML を返すこと

GET /seats について table タグを含むこと

GET /seats について 実装の中で seats テーブルにアクセスしていること

座席一覧を表示しよう

https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FrKis9Anu2kXQxygYxhcVf7%2FRailsRailway%3Fnode-id%3D10937%253A13222

GET /movies/:id について movies(:id) に対応するレコードの情報が含まれていること

GET /movies/:id について movies(:id) に紐づく schedules のレコード全件分のデータが出力されていること

Movies について schedules を has_many で引けること

マイグレーションファイルについて migration ファイルが存在し、syntax error が存在しないこと

マイグレーションファイルについて Schedules テーブルの migration ファイルに CREATE TABLE… といった直接 SQL を実行する文が含まれていないこと

上映スケジュールを表示しよう

https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FrKis9Anu2kXQxygYxhcVf7%2FRailsRailway%3Fnode-id%3D11042%253A15118

GET /admin/movies/:id - Station2 と同じテストケースが通ること

GET /admin/movies/:id - movies(:id)に対応する schedule を表示していること

GET /admin/movies/:movie_id/schedules/:schedule_id - フォーム送信で PUT /schedule/:id に送信されること

PUT /schedules/:id - 渡された時刻で schedule(:id) が更新されること

DELETE /schedule/:id - schedules テーブルから :id のレコードが物理削除されていること

上映スケジュールを管理できるようにしよう

https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FrKis9Anu2kXQxygYxhcVf7%2FRailsRailway%3Fnode-id%3D10966%253A17885

GET /movies/:id ここまでの station の仕様を満たしていること

GET /movies/:id 「座席を予約する」ボタンが存在すること

GET /movies/:movie_id/schedules/:schedule_id/seats - ①クエリパラメータがないとき 2XX レスポンスを返していないこと（ほんとうは 400を返してほしいが自分で判断してほしいので）② 500を返したら fail

GET /movies/:movie_id/schedules/:schedule_id/seats - date が渡されていれば 200を返すこと

GET /movies/:movie_id/schedules/:schedule_id/reservations/new - ① date, seat_id の両方があるときだけ 200を返すこと ② date, seat_id のどちらかまたは両方が渡されていないとき 200を返していないこと ③ メールアドレス入力フォームではメールアドレスの形式チェックが行われていること（OK: techbowl@example.com a@a.a a.a@a.a / NG: a@a bbb ccc）

GET /movies/:movie_id/schedules/:schedule_id/reservations/new - date, seat_id の両方があるときだけ 200を返すこと

GET /movies/:movie_id/schedules/:schedule_id/reservations/new - date, seat_id のどちらかまたは両方が渡されていないとき 200を返していないこと

GET /movies/:movie_id/schedules/:schedule_id/reservations/new - メールアドレス入力フォームではメールアドレスの形式チェックが行われていること（OK: techbowl@example.com, a@a.a, a.a@a.a / NG: a@a, bbb, ccc@, @ddd）

GET /movies/:movie_id/schedules/:schedule_id/reservations/new - form 送信時に movie_id, schedule_id, seat_id, name, email のすべてを送信するようになっていること

POST /reservation/ - ① schedule_id, seat_id, name, email のすべてがあるときだけ 302を返すこと ② DB の unique 制約にかかったとき座席一覧に飛ぶこと

座席予約フォームを作ろう

https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FrKis9Anu2kXQxygYxhcVf7%2FRailsRailway%3Fnode-id%3D65%253A134

GET /movies/:movie_id/reservation - Station10 の仕様を満たしていること

GET /movies/:movie_id/reservation - N + 1 問題が起きていないこと

座席の空き状況を見ながら予約できるようにしよう

https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FrKis9Anu2kXQxygYxhcVf7%2FRailsRailway%3Fnode-id%3D11042%253A15176

GET /admin/reservations/ - ① 200が返ること ② 予約を全件出力していること

GET /admin/reservations/new - ① 200が返ること ② schedule_id, seat_id, name, email のすべてを受け取るフォームがあること

POST /admin/reservations/ - ① schedule_id, seat_id, name, email のすべてがあるときだけ 302にすること ② そうでないときは 400を返すこと ③ DB の unique 制約にあたったときなどは 400を返すこと

GET /admin/reservations/:id 予約詳細・編集フォーム表示 - ① movie_id, schedule_id, seat_id, name, email のすべてを送信するフォームがあること ② DB 上のデータがすでにフォームに入っていること

PUT /admin/reservations/:id 予約編集実行 - ① movie_id, schedule_id, seat_id, name, email のすべてがあるときだけ 200にすること ② DB の unique 制約にあたったときなど 400を返すこと（変更することで他の予約と全く同じような予約になるような動作は必ず確認すること）

DELETE /admin/reservations/:id - reservation テーブルから :id のレコードを物理削除していること

予約管理画面を作ろう

https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FrKis9Anu2kXQxygYxhcVf7%2FRailsRailway%3Fnode-id%3D11042%253A15177

ユーザの入力項目、フォームなどには変わりがないこと

自分で screens テーブルの定義を考え、migration を作成していること

予約に関してこれまでの仕様が満たされていること

スクリーンの増設に対応しよう

ユーザ登録ページ /users/new が作成されていて、ユーザ登録していないと座席を予約できないようにできていること

名前・メールアドレス・パスワード・確認用パスワードを受け取るフォームを実装できていること

パスワードと確認用パスワードが一致するかどうかをバリデーションできていること

メールアドレスをバリデーションできていること

予約時に name と email を入力させる部分でユーザ情報を使うようにできていること

既存の予約に紐づく情報をユーザ経由で取得できるようにデータ移行できていること

Ruby on Rails 初級編

こんなことが学べる

むずかしさ

どれくらいかかる？