---
title: もクもコ作ってみた
tags: 
author: [masaya2016](https://docswell.com/user/haya256)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/YJ6WVM2GJV.jpg?width=480
description: もクもコ作ってみた by masaya2016
published: October 17, 26
canonical: https://docswell.com/s/haya256/KVJNXP-mokumoco-introduce
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/YJ6WVM2GJV.jpg)

みんなでバイブコーディング ネタ持ち寄り編#1
もクもコ
作ってみた
オンラインもくもく会の会場として使える
簡易テキストチャット
はやつ〜
2026.10.12


# Page. 2

![Page Image](https://bcdn.docswell.com/page/GJ5MDZ2XJ4.jpg)

じこしょうかい
はやつ〜
[ふだんの仕事・やっていること]
オンラインのもくもく会を主催しています（TECH PLAYで開催）
Claude Codeで「自分が使う道具」を作るのが好き


# Page. 3

![Page Image](https://bcdn.docswell.com/page/LE3WM9K4E5.jpg)

もクもコとは
部屋に入って、
もくもくする
入室すると、9つの部屋のどこかに自分
のキャラが座る
「何をやるか」を宣言して、チャットで
ゆるく話す
退室すると「何分やったか」の記録が
残る


# Page. 4

![Page Image](https://bcdn.docswell.com/page/8EDK6G357G.jpg)

ポジショニング
テキストとビデオ通話の「あいだ」を狙う
臨場感 低い
Discordの
テキストチャット
臨場感 高い
もクもコ
Zoomなどの
ビデオ通話
部屋に「入室」して、キャラが
文字だけ
座る
カメラと音声でやりとり
「入室」がなく、だれがいるの
話すのは文字で、ゆるく
顔と声を出せるのは少しプレッ
か分かりにくい
シャーとなることも


# Page. 5

![Page Image](https://bcdn.docswell.com/page/V7PKY34DJ8.jpg)

ここまでの道のり
約4か月
91
1人
2026年6月の最初の版から
10月の今まで
コミット
（うち新機能 49）
＋ Claude Code
（Flask＋素のJS）
最初は「名前とコメントを書くだけ」のチャットでした


# Page. 6

![Page Image](https://bcdn.docswell.com/page/2JVVG4XGJQ.jpg)

育ち方
チャットから「ワールド」へ
6月
7月
8月
9月
10月
名前とコメントだ
けのチャット
9つの部屋とキャラ
TECH PLAYで本番
開催
ワールドマップ
接続プロトコル v1
Discordへの転送
入室・退室と作業
記録
合言葉
AWS EC2へ自動デ
プロイ
時計・カレン
ダー・YouTube
のNPC
ドラクエ風ステー
タス


# Page. 7

![Page Image](https://bcdn.docswell.com/page/5EGL81RDJL.jpg)

こだわりポイント（機能をつけない）
• 1ルーム9人まで
• 場所を選べない
• 誰でも閲覧可能
• 常時稼働じゃない前提


# Page. 8

![Page Image](https://bcdn.docswell.com/page/4JQY9DVX7P.jpg)

サーバーの公開のしかた
Cloudflareのクイックトンネル
$ cloudflared tunnel --url http://localhost:5000
→ https://ランダムな名前.trycloudflare.com
いいところ
気をつけるところ
アカウント登録なし・無料
URLが毎回変わる
サーバーのポートを開けなくていい
短縮URLサービスにドメインごと弾かれる
止めればURLも消える
テスト・開発向け（稼働の保証なし）


# Page. 9

![Page Image](https://bcdn.docswell.com/page/K74WXZM2E1.jpg)

ライブデモ
入室する → やることを宣言 → チャットで吹き出し → ワールドマップ
いっしょに入ってみたい方は：[当日のURL]
合言葉：[当日の合言葉]


# Page. 10

![Page Image](https://bcdn.docswell.com/page/LJ1YNR8KEG.jpg)

推したいところ
ワールド接続
よそのサーバーで動いている「もくもくルーム」を
自分のワールドマップに並べて、のぞける


# Page. 11

![Page Image](https://bcdn.docswell.com/page/GJWG41ZP72.jpg)

画面例


# Page. 12

![Page Image](https://bcdn.docswell.com/page/4EZL2P1673.jpg)

ワールド接続のしくみ
つなぎ方を仕様にした：mokumoco-world v1
知らないものは無視する
① 対応している版を聞く
片方だけ新しくなっても壊れない
GET /.well-known/mokumoco-world
② 全部の状態を1本で取る
旧方式も残す
前からつながっている相手を切らない
GET /world-api/v1/snapshot
仕様のフォルダだけ渡せばいい
別の言語・別の作りでもつながれる


# Page. 13

![Page Image](https://bcdn.docswell.com/page/Y76WVMLL7V.jpg)

バイブコーディングの学び
Claude Codeとの付き合い方のコツ
1
「こんなことってできる？」と定期的
に質問する
2 無理そうな雰囲気なら深追いしない
3
いかに間に立ってもらえるか、が
勝負
4 凝り過ぎる弊害


# Page. 14

![Page Image](https://bcdn.docswell.com/page/G75MDZ1M74.jpg)

バイブコーディングの学び
立ててみる方法（他の人のリポジトリとの付き合い方）
1
git cloneする
3
その前に「これ、今cloneしたんだけ
ど、マルウェアとかないかチェックし
て」と聞くのオススメ
2
claudeを起動して、「これ、使ってみ
たいんだけど」と聞く
4
あとはclaudeがやってくれる（ある
いはやらされる）


# Page. 15

![Page Image](https://bcdn.docswell.com/page/9J298R1RER.jpg)

これから
ワールドを、もっと広くしたい
自分のルームを立てる
別の作りで参加する
もくもく会に来る
OSSとして公開中。セルフホストし
v1の仕様に沿えば、言語も見た目も
もクもコを会場に、オンラインもく
て、あなたのもくもくルームを
自由。バイブコーディングのお題に
もく会を開いています
どうぞ


# Page. 16

![Page Image](https://bcdn.docswell.com/page/DEY46DZ5JM.jpg)

ありがとう
ございました
リポジトリ
github.com/haya256/
mokumoku-suru-tameno-nanika
ワールド接続の仕様：docs/world-protocol/
はやつ〜


# Page. 17

![Page Image](https://bcdn.docswell.com/page/VJNYZ63478.jpg)

おまけ


# Page. 18

![Page Image](https://bcdn.docswell.com/page/YE9PZL94J3.jpg)

おまけ