メッセージアプリ メインスクリーンショット

メッセージアプリ

制作区分
自主制作・公開デモ
サービス分類
Webアプリ・業務システム
公開状態
公開済み

1対1とグループチャットに対応した、Socket.IO によるリアルタイム通信のメッセージアプリ。

Next.js App Router + TypeScript + Prisma + Socket.IO で構築。SNS全機能ではなく会話体験に集中し、1対1トークとグループチャット(トークルーム)の送受信、既読・リアクション・リプライ・送信取消・添付ファイルを実装。友だち申請・ブロック、公開プロフィール URL・QR 共有、メンバー検索など DM 開始導線も備える。リアルタイムは Socket.IO を Next.js 起動プロセス内で自動起動。認証はユーザー ID / パスワード(セッション Cookie)のみ。DB は SQLite(MySQL 切替用の Prisma スキーマも用意)。公開デモには試用アカウントとサンプル会話データを同梱。

同等規模を新規制作する場合の参考価格

4,500,000円〜

認証、1対1・グループチャット、リアルタイム通信、既読、返信、取消、リアクション、添付、友だち・ブロック機能を含む想定です。

掲載価格は、本事例と同等の規模・機能を新規制作する場合の目安です。ページ数、機能、素材、外部サービス連携、サーバー環境などによって変動します。

制作目的

SNS 全機能ではなく会話体験に集中したメッセージアプリとして設計・実装。日常で LINE を使う人が迷わず操作できることを最低ラインにしつつ、リアルタイム通信とページ間の統一感を優先した。

想定利用者

個人間のやり取りをブラウザで行いたい利用者

担当範囲

  • 企画・要件整理
  • 情報設計
  • UI設計
  • Webデザイン
  • フロントエンド実装
  • バックエンド実装
  • DB設計
  • API設計
  • リアルタイム通信設計
  • セキュリティ設計
  • テスト
  • サーバー設置・公開

主な機能・特徴

  • 1対1トークとグループチャット(作成・招待・メンバー管理・既読人数)
  • Socket.IO によるリアルタイム受信(Next.js 同一プロセス内で自動起動)
  • リプライ、リアクション、送信取消、添付ファイル(画像プレビュー)
  • 友だち申請・ブロック、公開プロフィール URL・QR 共有
  • 2カラム(PC)/1画面1役割(スマホ)のレスポンシブ UI

技術スタック

制作領域

制作期間

2026年〜

ご相談について

制作内容や規模についてのご相談は、AK²Lab本サイトのお問い合わせ窓口からお送りください。

ご相談・お問い合わせ