みんなでバイブコーディング ネタ持ち寄り編#1 もクもコ 作ってみた オンラインもくもく会の会場として使える 簡易テキストチャット はやつ〜 2026.10.12
じこしょうかい はやつ〜 [ふだんの仕事・やっていること] オンラインのもくもく会を主催しています(TECH PLAYで開催) Claude Codeで「自分が使う道具」を作るのが好き
もクもコとは 部屋に入って、 もくもくする 入室すると、9つの部屋のどこかに自分 のキャラが座る 「何をやるか」を宣言して、チャットで ゆるく話す 退室すると「何分やったか」の記録が 残る
ポジショニング テキストとビデオ通話の「あいだ」を狙う 臨場感 低い Discordの テキストチャット 臨場感 高い もクもコ Zoomなどの ビデオ通話 部屋に「入室」して、キャラが 文字だけ 座る カメラと音声でやりとり 「入室」がなく、だれがいるの 話すのは文字で、ゆるく 顔と声を出せるのは少しプレッ か分かりにくい シャーとなることも
ここまでの道のり 約4か月 91 1人 2026年6月の最初の版から 10月の今まで コミット (うち新機能 49) + Claude Code (Flask+素のJS) 最初は「名前とコメントを書くだけ」のチャットでした
育ち方 チャットから「ワールド」へ 6月 7月 8月 9月 10月 名前とコメントだ けのチャット 9つの部屋とキャラ TECH PLAYで本番 開催 ワールドマップ 接続プロトコル v1 Discordへの転送 入室・退室と作業 記録 合言葉 AWS EC2へ自動デ プロイ 時計・カレン ダー・YouTube のNPC ドラクエ風ステー タス
こだわりポイント(機能をつけない) • 1ルーム9人まで • 場所を選べない • 誰でも閲覧可能 • 常時稼働じゃない前提
サーバーの公開のしかた Cloudflareのクイックトンネル $ cloudflared tunnel --url http://localhost:5000 → https://ランダムな名前.trycloudflare.com いいところ 気をつけるところ アカウント登録なし・無料 URLが毎回変わる サーバーのポートを開けなくていい 短縮URLサービスにドメインごと弾かれる 止めればURLも消える テスト・開発向け(稼働の保証なし)
ライブデモ 入室する → やることを宣言 → チャットで吹き出し → ワールドマップ いっしょに入ってみたい方は:[当日のURL] 合言葉:[当日の合言葉]
推したいところ ワールド接続 よそのサーバーで動いている「もくもくルーム」を 自分のワールドマップに並べて、のぞける
画面例
ワールド接続のしくみ つなぎ方を仕様にした:mokumoco-world v1 知らないものは無視する ① 対応している版を聞く 片方だけ新しくなっても壊れない GET /.well-known/mokumoco-world ② 全部の状態を1本で取る 旧方式も残す 前からつながっている相手を切らない GET /world-api/v1/snapshot 仕様のフォルダだけ渡せばいい 別の言語・別の作りでもつながれる
バイブコーディングの学び Claude Codeとの付き合い方のコツ 1 「こんなことってできる?」と定期的 に質問する 2 無理そうな雰囲気なら深追いしない 3 いかに間に立ってもらえるか、が 勝負 4 凝り過ぎる弊害
バイブコーディングの学び 立ててみる方法(他の人のリポジトリとの付き合い方) 1 git cloneする 3 その前に「これ、今cloneしたんだけ ど、マルウェアとかないかチェックし て」と聞くのオススメ 2 claudeを起動して、「これ、使ってみ たいんだけど」と聞く 4 あとはclaudeがやってくれる(ある いはやらされる)
これから ワールドを、もっと広くしたい 自分のルームを立てる 別の作りで参加する もくもく会に来る OSSとして公開中。セルフホストし v1の仕様に沿えば、言語も見た目も もクもコを会場に、オンラインもく て、あなたのもくもくルームを 自由。バイブコーディングのお題に もく会を開いています どうぞ
ありがとう ございました リポジトリ github.com/haya256/ mokumoku-suru-tameno-nanika ワールド接続の仕様:docs/world-protocol/ はやつ〜
おまけ
おまけ