実際の画面
メッセージアプリ メインスクリーンショット

メッセージアプリ

サービス分類
Webアプリ・業務システム
公開状態
公開済み

どんなものか

1対1とグループのトーク、既読、リアクション、添付、友だち申請に対応した、Socket.IOによるリアルタイムのメッセージアプリです。

なぜ作ったか

日常的なメッセージアプリの操作感を、ブラウザ上のリアルタイム通信でどこまで組み立てられるか試すことが発端です。LINEを使う人が迷わないことを最低ラインにしつつ、投稿を読むSNSへは広げず、1対1とグループの会話へ集中させました。

見どころ

  • 送受信だけでなく、既読、リアクション、返信、送信取消、添付までリアルタイムの会話としてつながります。
  • 1対1とグループを同じ会話モデルで扱い、画面幅に応じてPCとスマートフォンの操作導線を切り替えています。

できること

  • 一対一とグループのチャットができます
  • 既読、リアクション、返信、送信取消に対応しています
  • 画像やファイルを添付できます
  • 友だち申請やブロック、プロフィール共有ができます

特に工夫したところ

  • 1対1とグループを別々の仕組みにせず、conversationと参加者を中心にした同じデータ構造で、既読・リアクション・添付・表示状態まで扱っています。
  • タイムラインを追加する代わりに、公開プロフィールURL、QRコード、タグ検索、友だち申請を整え、会話を始めるまでの摩擦を減らしました。
  • PCではトーク一覧と会話の2カラム、スマートフォンでは1画面1役割にし、同じ操作が画面幅によって迷子にならないようにしています。

実際に触ってみる