2018.11.14 Laravel + Vue.jsで記事へのコメント機能を作りました

10月の中盤くらいからこのサイトの記事にコメントをつける機能を作っていたのですが、1通りできたかなという感じになったので公開します!

このページでは詳細を書くのは省きますが、コメント機能のために作ったものとしては大きく分けて4つありまして、Vue.jsのコメント投稿用のコンポーネントとコメント一覧表示用コンポーネント、Laravelのコメント登録APIとコメント取得APIです。

コメントを投稿した時の流れとしては下の図のように、投稿用のAPIを叩いて成功すれば取得用のAPIも叩いて一覧を更新するという風になっていて、画面更新を挟まずに一連の動作が終わるようになっています。

他に特筆すべき点としては、投稿する時のアイコンを選べるようになっています。選ばせ方がどこかのサイトで見たような感じになってますが、なかなか良さげにできたのではと思ってます。CSSもそれなりにレスポンシブに書けたのでよいぞよいぞの気持ちです。