{"id":29027009,"url":"https://github.com/nanaism/realtime-chat","last_synced_at":"2026-04-13T04:41:45.989Z","repository":{"id":298717205,"uuid":"1000874715","full_name":"nanaism/realtime-chat","owner":"nanaism","description":null,"archived":false,"fork":false,"pushed_at":"2025-06-23T05:06:15.000Z","size":1119,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-26T23:50:03.382Z","etag":null,"topics":["firebase","nextjs","react","realtime-database","shadcn-ui","socket-io","threejs","typescript","websocket"],"latest_commit_sha":null,"homepage":"https://chat.aiichiro.jp/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nanaism.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-06-12T13:03:39.000Z","updated_at":"2025-06-23T05:06:18.000Z","dependencies_parsed_at":"2025-06-12T14:26:05.377Z","dependency_job_id":"8733eb65-32e4-4e54-8280-c1996b73a278","html_url":"https://github.com/nanaism/realtime-chat","commit_stats":null,"previous_names":["nanaism/realtime-chat"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/nanaism/realtime-chat","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nanaism%2Frealtime-chat","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nanaism%2Frealtime-chat/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nanaism%2Frealtime-chat/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nanaism%2Frealtime-chat/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nanaism","download_url":"https://codeload.github.com/nanaism/realtime-chat/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nanaism%2Frealtime-chat/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31740266,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T03:27:07.512Z","status":"ssl_error","status_checked_at":"2026-04-13T03:26:53.610Z","response_time":93,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["firebase","nextjs","react","realtime-database","shadcn-ui","socket-io","threejs","typescript","websocket"],"created_at":"2025-06-26T06:01:52.974Z","updated_at":"2026-04-13T04:41:45.953Z","avatar_url":"https://github.com/nanaism.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Oga Space - 3D Visual Chat Application\n\n[![Deploy on chat.aiichiro.jp](https://img.shields.io/badge/Live%20Demo-chat.aiichiro.jp-purple?style=for-the-badge\u0026logo=vercel)](https://chat.aiichiro.jp/)\n\nリアルタイムチャットと3D空間が融合した、新感覚のコミュニケーションスペースです。\nテキストだけのやり取りを超え、ユーザーの「存在」を視覚的に感じられるインタラクティブな体験を提供します。\n\n**👇 今すぐサイトを体験！**\n### [https://chat.aiichiro.jp/](https://chat.aiichiro.jp/)\n\n![Oga Spaceのスクリーンショット](https://github.com/user-attachments/assets/c5c633d2-989a-4cec-8c26-0e8d43a9564a)\n\n---\n\n## 🌟 プロジェクトの特徴 (Features)\n\nこのアプリケーションは、最新のWeb技術を駆使して、リッチなリアルタイムコミュニケーションを実現しています。\n\n-   **🌐 リアルタイム・チャット機能**\n    -   **WebSocket (Socket.IO)** を利用した、低遅延で双方向のメッセージ送受信。\n    -   ユーザーの参加・退出通知や、「入力中...」インジケーターといった、きめ細やかなフィードバック。\n    -   従来のチャットに加え、現在接続中のユーザーを一覧で確認できるタブも実装。\n\n-   **🎨 インタラクティブな3Dビジュアルマップ**\n    -   **React Three Fiber (Three.js)** を活用し、チャット画面の横にインタラクティブな3D空間を構築。\n    -   オンラインのユーザーがアバターとしてマップ上に表示され、誰が参加しているかを視覚的に把握できます。\n    -   自分のアバターは**ドラッグ＆ドロップで自由に移動**させることができ、その位置情報は他のユーザーにもリアルタイムで同期されます。\n\n-   **👤 シームレスな参加体験**\n    -   複雑な登録は不要。ユーザー名を入力するだけで、すぐにチャットと3D空間に参加できます。\n\n-   **✨ 洗練されたUIデザイン**\n    -   モダンでアクセシビリティの高いUIコンポーネントライブラリ **shadcn/ui** を採用し、直感的で美しいインターフェースを実現しています。\n\n## 💡 こだわりのポイント： 設計思想\n\n### 「存在感」を伝えるコミュニケーション\n\nこのプロジェクトの核となるアイデアは、**テキストによるコミュニケーション**と**空間的な存在感の表現**を融合させることです。\n\n従来のチャットアプリでは、相手がオンラインかどうかは分かっても、その「気配」を感じることは困難でした。\n`Oga Space` では、3Dマップ上にユーザーをアバターとして表示し、その位置情報を共有することで、同じ空間に誰かが「いる」という感覚を生み出します。\n\nこれにより、ただメッセージを交換するだけでなく、より豊かで没入感のあるコミュニケーション体験の創出を目指しました。\n\n## 🛠️ 使用技術 (Tech Stack)\n\nこのアプリケーションは、以下の技術スタックで構築されています。\n\n-   **Frontend**: **Next.js**, **React**, **TypeScript**\n-   **3D Graphics**: **React Three Fiber (Three.js)**\n-   **Realtime Communication**: **Socket.IO**, **WebSocket**\n-   **Database**: **Firebase Realtime Database** (ユーザーの位置情報同期など)\n-   **UI Components**: **shadcn/ui**\n-   **Deployment**: Vercel\n\n## 🚀 ローカルでの実行方法 (Getting Started)\n\nこのプロジェクトをご自身の環境で動かす場合は、以下の手順に従ってください。\n\n1.  **リポジトリをクローン**\n    ```sh\n    git clone https://github.com/your-username/your-repository.git\n    ```\n2.  **ディレクトリに移動**\n    ```sh\n    cd your-repository\n    ```\n3.  **依存関係をインストール**\n    ```sh\n    npm install\n    # または yarn install\n    ```4.  **環境変数を設定**\n    `.env.local.example` を参考に `.env.local` ファイルを作成し、FirebaseのAPIキーなどを設定してください。\n    \n5.  **開発サーバーを起動**\n    ```sh\n    npm run dev\n    # または yarn dev\n    ```\n    ブラウザで `http://localhost:3000` を開いてください。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnanaism%2Frealtime-chat","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnanaism%2Frealtime-chat","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnanaism%2Frealtime-chat/lists"}