Recent Posts

はじめに Facebookメッセンジャー等を見ると、相手がメッセージを入力しているときに入力状況を示すアニメーションが表示されます。 そのような機能を本チャットボードにも追加します。 本チャットボードでは、入力中に入力しているユーザーの横に「(typing...)」という表示を…

はじめに 前回までで、基本的なチャット機能は完成しました。 その他、一般的なチャットの機能として以下のようなものがあります。 そのボードを見ているユーザー ユーザーのタイピング状況 これから2回に分けて上記機能を実装します。 今回はボードを見ているユーザーの表示を行います。…

はじめに これまでの実装で、LiveViewを使って自分の発言を表示することができるようになりました。 ただし、その掲示板を見ている全員にもリアルタイムに状況を更新するには、もうひと段階が必要になります。 今回は、その部分を実装します。 本記事でリアルタイム更新が可能になります…

はじめに 前回までで、コンテキスト周りが一通り完成しました。 今回は、いよいよLiveViewでチャットの機能を実装していきます。 本記事で、LiveViewを用いたコメントの表示が可能になります。 本テーマについて 本記テーマは7記事構成になっています。 7記事それぞれで…

はじめに 前回までで、認証機能が加わりユーザーの区別ができるようになりました。 これで誰が発言したかを表示できるようになり、チャットっぽい感じになってきました。 今回は、チャットに必要なコンテキスト周りを作成していきます。 本記事でLiveViewでコメント表示をするための前準…

はじめに 前回では、プロジェクトの作成からユーザー登録機能の作成までを行いました。 引き続き認証まわりを実装していきます。 本記事で、認証機能が完成します。 本テーマについて 本テーマは7記事構成になっています。 7記事それぞれで取り扱う内容は以下です。 プロジェクト作…

はじめに Phoenix LiveView についてまた取り上げます。 この機能は最近活発に開発が行われていまして、サーバーサードレンダリングの新しい潮流として期待が持てます。 今度はより具体的な例として、認証機能付きチャットアプリを作成します。 これから作成するアプリには、以…