覚書: Rails 7を用いたブログアプリ作成の実演

Ruby on Rails のサイトが更新され動画も更新されました。
写経した際の覚書を残します。

Ruby on Rails

見出し

YouTube コメント欄の Jeremy Ward さんコメントの Chapters / Timestamps が理解に役立ったので引用します。

0:00 Scaffolding
4:00 Developing the Domain Model (Post)
5:08 Built in console/repl
6:15 ActionText Rails' Rich Text Editor
9:20 Javascript Import Maps - no node or webpack :D
10:25 Adding JS packages using pins
12:50 Downloading JS packages instead of using CDN
13:40 Adding Comments to the Blog Post
15:40 Adding Comments to the Web UI
20:40 Adding Email Notifications with ActionMailer
24:20 Live Updates via Websockets
27:30 Testing
29:15 Deploying to Heroku

Breadboarding

Breadboarding で画面遷移図を作りました。
黒矢印が実演で登場する画面遷移です。

ルーティングとビュー

ルーティング
resources :posts do
  resources :comments
end

※実演で実装した機能は create のみ。
resources :posts do
  resources :comments, only: :create
end

投稿一覧
投稿とコメント数を表示する。
views/posts/index.html.erb
<%= render post %>

views/posts/_post.html.erb

投稿詳細
投稿の詳細、コメント一覧、コメントフォームを表示する。
views/posts/show.html.erb
render "posts/comments", post: @post

views/posts/_comments.html.erb
render post.comments
render "comments/new", post: post

views/comments/_comment.html.erb
views/comments/_new.html.erb

参照

• Simple.css {}

• Action Text の概要

• Trix

• Rails 7: import-map-rails gem README（翻訳）

• local-time - npm

• Action Mailer の基礎

• Turbo Streams

• Rails テスティングガイド

• Getting Started on Heroku with Rails 6.x  （7.x版は未だ無い）

写経

以上です。