Ruby on Rails チュートリアルを拡張してみた

新人研修の一環としてRails チュートリアルの機能拡張を行ったのでまとめてみようと思います。

実際書いたコードとアプリケーションも貼っておきます。

環境は以下の通りです。

Railsチュートリアルのテストはminitestで書かれていますが、実際のプロジェクトではRSpecが採用されることも多いということで、全てのテストをRSpecで書きました。また、E2Eテストを書きやすくするためCapybaraやTurnipを導入したりしました。

CircleCIを入れてテストを自動実行するようにしました。また、CIを通らないとマージできないようにしました。

ERBは冗長なのでHamlに全て書き換えました。書き換えに際しては、erb2hamlというGemを使用すると楽でした。

Twitterアカウントでユーザー登録・ログインができるようにしました。Twitterでユーザー登録するときはメールアドレスとパスワードのバリデーションに引っかからないように気をつける必要がありました。

ユーザーとマイクロポストのあいまい検索を実装しました。SQLインジェクションに気をつけました。

ユーザーのREST APIを実装しました。JSON生成にはJbuilderを使用しました。

他のユーザーにフォローされた時に通知が来るようにしました。また、通知のオンオフの切り替えも可能にしました。

ユーザーの投稿にいいねできるようにしました。Ajaxで画面遷移せずにいいね数が1増え、ハートの色が変わるようにしました。

@username を付けて投稿すると自分とメンション先ユーザーのタイムラインにのみ投稿が表示されるようにしました。また、個別の投稿についても返信ボタンを設置し、その投稿についた他のユーザーの返信も見れるようにしました。

TwitterのダイレクトメッセージのようなものをAction Cableを用いて実装しました。リアルタイムチャット機能自体は完成したのですが、自分が右側、相手が左側に配置されるようなレイアウトまで作り込めなかったのが心残りです。

その他細かいですが実装したものを列挙します。

個別の実装方法が気になる方は、以下のクローズしたPRから探してもらうと見つかると思います。

ウサギとカメ