Chat Space(チャットスペース)

TOSHIYUKI HATA
施工管理出身の業務設計・BPO責任者
OVERVIEW

写真とメッセージを用いて、複数ユーザーがリアルタイムにコミュニケーションできる会員制チャットWebアプリケーションです。

2020年6月に個人開発として制作し、非同期通信を活用したスムーズなユーザー体験の実現を目的に開発しました。

接続先URL（現在閉鎖中）
http://52.68.43.61/users/sign_in

■ アプリ概要

本アプリは、ユーザー登録を行うことで、グループ内で写真およびテキストメッセージを投稿し、リアルタイムに近い形でコミュニケーションが取れるチャットサービスです。

シンプルなUI設計により、直感的に操作できることを意識しています。

主な機能

  • ユーザー登録 / ログイン機能
  • ユーザー情報編集機能
  • グループ作成 / 編集機能
  • インクリメンタルサーチ（メンバー検索）
  • メッセージ一覧表示（自動更新）
  • メッセージ投稿機能（非同期通信 / Ajax）
  • 画像投稿機能

■ 企画背景

チャットアプリの開発を通じて、Webアプリケーションにおけるユーザー間コミュニケーションの基本構造と、
非同期処理によるUX向上の実装スキル習得を目的として開発しました。

特に、同期通信による画面遷移ではなく、ページ遷移なしでデータ更新を行う仕組み（Ajax）を取り入れることで、実用性の高いUI/UXの実現を目指しました。

■ 技術的なポイント

  • Ruby on RailsによるMVC設計でのアプリケーション構築
  • JavaScript / jQueryを用いた非同期通信（Ajax）の実装
  • メッセージ自動更新機能によるリアルタイム性の向上
  • インクリメンタルサーチによるユーザー検索の最適化
  • 画像投稿機能の実装（Active Storage想定）
  • AWSへのデプロイによる公開環境構築

■ 開発環境

  • Ruby / Ruby on Rails
  • HTML / Sass
  • JavaScript / jQuery
  • AWS（デプロイ）
  • Git / GitHub
  • Visual Studio Code

■ 開発体制・期間

  • 開発人数：1名（設計・実装・テスト・デプロイまで担当）
  • 開発期間：約1週間〜10日程度
  • 作業時間：約8時間 / 日

■ 補足

非同期通信や自動更新処理など、ユーザー体験に直結する機能の実装に注力しました。
また、グループ単位でのコミュニケーション設計を行うことで、実サービスに近い構造を意識した開発経験を積んでいます。