// Project 01

P2P Othello

WebRTCでブラウザ同士を直接つなぐ、リアルタイム対戦オセロ。

WebRTCPeerJSJavaScriptGitHub Pages
P2P Othelloのリアルタイム対戦画面
Play ↗ GitHub ↗ Zenn ↗

01 / Overview

このプロジェクトについて

ブラウザだけで友人とリアルタイム対戦できるオセロです。招待URLを共有すると、ゲーム中の通信はWebRTCでプレイヤー同士を直接つなぎます。

フロントエンドをGitHub Pages、最初の接続を仲介するPeerServerをRenderに配置し、常時ゲームサーバーを持たずに運用できる構成を試しました。

02 / Highlights

特徴

  • H_01 PeerJSを利用したブラウザ間のP2Pデータ通信
  • H_02 URLを送るだけで始められる招待フロー
  • H_03 GitHub PagesとRenderを組み合わせた低コスト構成

03 / Impact

外部での広がり

  • 構成と実装を解説したZenn記事が、はてなブックマークでも紹介されました。

More projects

View registry →
SeditorのMarkdown編集プレビュー画面
Pinned

Seditor

メモ帳の軽さとリッチなプレビューを両立するローカルMarkdownエディタ。