[{"data":1,"prerenderedAt":1307},["ShallowReactive",2],{"content-/claude-code-seminar-hub":3,"all-pages-for-dir":1285,"related-/claude-code-seminar-hub":1286,"og-image-/claude-code-seminar-hub":1306},{"id":4,"title":5,"body":6,"category":1267,"concepts":1268,"description":1269,"extension":1270,"meta":1271,"navigation":395,"ogImage":1268,"path":1272,"project_name":1273,"published":1274,"publishedAt":1275,"seo":1276,"source":1268,"stem":1277,"tags":1278,"todo":1283,"unpublished":1274,"updatedAt":1268,"__hash__":1284},"pages/2026-08/2026-08-18/claude-code-seminar-hub.md","セミナー会場の全員のClaude Codeと会話する — 進捗を集めて、席に行かずに指示を出す",{"type":7,"value":8,"toc":1251},"minimark",[9,18,25,32,36,45,56,68,75,82,89,92,99,111,120,138,280,565,575,589,592,595,601,610,619,739,746,761,765,771,777,789,793,802,816,878,885,888,891,947,954,961,969,980,983,993,1000,1003,1010,1016,1022,1033,1042,1051,1057,1063,1066,1078,1081,1094,1097,1100,1141,1151,1154,1180,1187,1190,1235,1238,1241,1247],[10,11,12,13,17],"p",{},"商工会議所でセミナーをする。参加者20人がそれぞれのノートPCに Claude Code を入れて、それぞれのアカウントで動かしている。",[14,15,16],"strong",{},"誰がどこまで進んだのかが分からない","。手が止まっている人がいても、こちらからは見えない。結局、席をまわって画面を覗いて、キーボードを借りて打つことになる。",[10,19,20,21,24],{},"これを、講師のブラウザ1枚で済ませられる。",[14,22,23],{},"参加者の Claude Code が現況を送ってきて、こちらから送った指示を受け取って動き出す","。参加者は最初に1行貼るだけで、あとは何も操作しない。",[10,26,27,28,31],{},"以下は設計の記録で、まだ実装していない。",[14,29,30],{},"しくみとしては成立するが、そのまま作ると危ない場所がいくつもある","ことも書いておく。",[33,34,35],"h2",{"id":35},"なぜハブをクラウドに置くのか",[10,37,38,39,44],{},"素直に考えると、講師のPCでサーバーを立てて、全員が同じ Wi-Fi にいるのだからそこへ送ればいい。実際、同じ仕組みを自宅の2台で動かしたときはそれで足りた（",[40,41,43],"a",{"href":42},"/browser-mic-lan-post-to-mac","別記事","に書いた）。",[10,46,47,48,51,52,55],{},"ところがこれは、",[14,49,50],{},"会場の Wi-Fi ではまず動かない","。商工会議所やホテル、カフェのゲスト回線は、同じ SSID につないだ端末どうしの通信を遮断する設定になっているのが普通だからだ。全員がインターネットには出られるのに、",[14,53,54],{},"お互いだけは見えない","。無線LANの設定画面では「プライバシーセパレータ」「クライアント分離」などと呼ばれている。",[57,58,59,64],"figure",{},[60,61],"img",{"src":62,"alt":63},"/images/claude-code-seminar-hub/figure-01.svg","会場のWi-Fiが塞ぐのは端末どうしの直通で、外向きの通信は通ることが多い",[65,66,67],"figcaption",{},"図1: 塞がれているのは端末どうしの直通。外向きの通信は通ることが多いので、ハブを外に置けば会場の設定に左右されにくくなる",[10,69,70,71,74],{},"参加者が Claude Code を使えている時点で、少なくとも Anthropic の API への経路は開いている。",[14,72,73],{},"外向きの通信そのものが全面的に塞がれている会場では、そもそもセミナーが成立しない","。だからハブを会場の中ではなく外に置けば、条件はぐっと緩くなる。",[10,76,77,78,81],{},"ただし「外向きなら何でも通る」とまでは言えない。",[14,79,80],{},"特定のドメインだけを許可する会場もある","ので、当日そのURLへ到達できるかは事前に確かめておく必要がある。ブラウザでハブのURLを開いて応答が返れば足りる。",[10,83,84,85,88],{},"置き場所は Cloudflare Workers あたりが手頃になる。常時起動しているサーバーを持たなくてよく、URL が固定される。",[14,86,87],{},"会場が変わっても、配る1行は毎回同じものが使える","。当日ホワイトボードにIPアドレスを書く必要もない。",[33,90,91],{"id":91},"進捗が集まる仕組み",[10,93,94,95,98],{},"Claude Code には",[14,96,97],{},"フック","がある。「セッションが始まった」「ユーザーが入力した」「Claude が応答を終えた」といった節目でシェルコマンドを走らせる仕組みで、設定ファイルに書いておくと自動で動く。",[10,100,101,102,106,107,110],{},"使うのは主に ",[103,104,105],"code",{},"Stop"," — ",[14,108,109],{},"Claude が応答を終えるたびに発火する","フックだ。",[57,112,113,117],{},[60,114],{"src":115,"alt":116},"/images/claude-code-seminar-hub/figure-02.svg","参加者のClaude Codeが応答を終えるたびに現況をハブへ送り、講師のダッシュボードがそれを取りに行く流れ",[65,118,119],{},"図2: 進捗は聞きに行くのではなく、応答が終わるたびに勝手に集まる。参加者が操作する場面はない",[10,121,122,123,125,126,129,130,133,134,137],{},"フックにはJSONが標準入力で渡ってくる。",[103,124,105],{}," なら ",[103,127,128],{},"session_id","、",[103,131,132],{},"cwd","（作業フォルダ）、",[103,135,136],{},"last_assistant_message","（Claude が最後に何と言ったか）などが入っている。そこから必要な分だけ抜いて送る。",[139,140,145],"pre",{"className":141,"code":142,"language":143,"meta":144,"style":144},"language-json shiki shiki-themes vitesse-light vitesse-light","{\n  \"hooks\": {\n    \"Stop\": [{ \"matcher\": \"\", \"hooks\": [{\n      \"type\": \"command\",\n      \"command\": \"~/.claude/seminar-report.sh\"\n    }]}]\n  }\n}\n","json","",[103,146,147,156,176,219,243,262,268,274],{"__ignoreMap":144},[148,149,152],"span",{"class":150,"line":151},"line",1,[148,153,155],{"class":154},"shFtX","{\n",[148,157,159,163,167,170,173],{"class":150,"line":158},2,[148,160,162],{"class":161},"sqvqQ","  \"",[148,164,166],{"class":165},"sz8Xr","hooks",[148,168,169],{"class":161},"\"",[148,171,172],{"class":154},":",[148,174,175],{"class":154}," {\n",[148,177,179,182,184,186,188,191,194,197,199,201,205,208,210,212,214,216],{"class":150,"line":178},3,[148,180,181],{"class":161},"    \"",[148,183,105],{"class":165},[148,185,169],{"class":161},[148,187,172],{"class":154},[148,189,190],{"class":154}," [{",[148,192,193],{"class":161}," \"",[148,195,196],{"class":165},"matcher",[148,198,169],{"class":161},[148,200,172],{"class":154},[148,202,204],{"class":203},"sMJiu"," \"\"",[148,206,207],{"class":154},",",[148,209,193],{"class":161},[148,211,166],{"class":165},[148,213,169],{"class":161},[148,215,172],{"class":154},[148,217,218],{"class":154}," [{\n",[148,220,222,225,228,230,232,234,238,240],{"class":150,"line":221},4,[148,223,224],{"class":161},"      \"",[148,226,227],{"class":165},"type",[148,229,169],{"class":161},[148,231,172],{"class":154},[148,233,193],{"class":203},[148,235,237],{"class":236},"sdGka","command",[148,239,169],{"class":203},[148,241,242],{"class":154},",\n",[148,244,246,248,250,252,254,256,259],{"class":150,"line":245},5,[148,247,224],{"class":161},[148,249,237],{"class":165},[148,251,169],{"class":161},[148,253,172],{"class":154},[148,255,193],{"class":203},[148,257,258],{"class":236},"~/.claude/seminar-report.sh",[148,260,261],{"class":203},"\"\n",[148,263,265],{"class":150,"line":264},6,[148,266,267],{"class":154},"    }]}]\n",[148,269,271],{"class":150,"line":270},7,[148,272,273],{"class":154},"  }\n",[148,275,277],{"class":150,"line":276},8,[148,278,279],{"class":154},"}\n",[139,281,285],{"className":282,"code":283,"language":284,"meta":144,"style":144},"language-bash shiki shiki-themes vitesse-light vitesse-light","#!/bin/bash\n# ~/.claude/seminar-report.sh — 現況をハブへ送る\nINPUT=$(cat)\nTOKEN=$(cat ~/.claude/seminar-token 2>/dev/null) || exit 0\nSESSION=$(printf '%s' \"$INPUT\" | jq -r '.session_id // \"unknown\"')\n\n# 送る中身は jq で組み立てる（名前やパスに引用符・改行が入っても壊れない）\nBODY=$(jq -n --arg s \"$SESSION\" --arg p \"$(cat ~/.claude/seminar-project 2>/dev/null)\" \\\n        '{session:$s, project:$p}')\n\ncurl -s -m 3 --fail-with-body -X POST \"https://hub.example.workers.dev/api/report\" \\\n  -H \"content-type: application/json\" \\\n  -H \"authorization: Bearer $TOKEN\" \\\n  -d \"$BODY\" > /dev/null 2>&1\nexit 0\n","bash",[103,286,287,293,298,314,346,391,397,402,455,468,473,506,521,535,557],{"__ignoreMap":144},[148,288,289],{"class":150,"line":151},[148,290,292],{"class":291},"sxvE3","#!/bin/bash\n",[148,294,295],{"class":150,"line":158},[148,296,297],{"class":291},"# ~/.claude/seminar-report.sh — 現況をハブへ送る\n",[148,299,300,304,307,311],{"class":150,"line":178},[148,301,303],{"class":302},"s4oTP","INPUT",[148,305,306],{"class":154},"=$(",[148,308,310],{"class":309},"senZ8","cat",[148,312,313],{"class":154},")\n",[148,315,316,319,321,323,326,330,333,336,339,342],{"class":150,"line":221},[148,317,318],{"class":302},"TOKEN",[148,320,306],{"class":154},[148,322,310],{"class":309},[148,324,325],{"class":236}," ~/.claude/seminar-token",[148,327,329],{"class":328},"stQ0i"," 2>",[148,331,332],{"class":236},"/dev/null",[148,334,335],{"class":154},")",[148,337,338],{"class":328}," ||",[148,340,341],{"class":165}," exit",[148,343,345],{"class":344},"sM54T"," 0\n",[148,347,348,351,353,356,359,362,365,367,370,372,375,378,382,384,387,389],{"class":150,"line":245},[148,349,350],{"class":302},"SESSION",[148,352,306],{"class":154},[148,354,355],{"class":165},"printf",[148,357,358],{"class":203}," '",[148,360,361],{"class":236},"%s",[148,363,364],{"class":203},"'",[148,366,193],{"class":203},[148,368,369],{"class":236},"$INPUT",[148,371,169],{"class":203},[148,373,374],{"class":328}," |",[148,376,377],{"class":309}," jq",[148,379,381],{"class":380},"snbK4"," -r",[148,383,358],{"class":203},[148,385,386],{"class":236},".session_id // \"unknown\"",[148,388,364],{"class":203},[148,390,313],{"class":154},[148,392,393],{"class":150,"line":264},[148,394,396],{"emptyLinePlaceholder":395},true,"\n",[148,398,399],{"class":150,"line":270},[148,400,401],{"class":291},"# 送る中身は jq で組み立てる（名前やパスに引用符・改行が入っても壊れない）\n",[148,403,404,407,409,412,415,418,421,423,426,428,430,433,435,438,440,443,446,448,450,452],{"class":150,"line":276},[148,405,406],{"class":302},"BODY",[148,408,306],{"class":154},[148,410,411],{"class":309},"jq",[148,413,414],{"class":380}," -n",[148,416,417],{"class":380}," --arg",[148,419,420],{"class":236}," s",[148,422,193],{"class":203},[148,424,425],{"class":236},"$SESSION",[148,427,169],{"class":203},[148,429,417],{"class":380},[148,431,432],{"class":236}," p",[148,434,193],{"class":203},[148,436,437],{"class":154},"$(",[148,439,310],{"class":309},[148,441,442],{"class":236}," ~/.claude/seminar-project ",[148,444,445],{"class":328},"2>",[148,447,332],{"class":236},[148,449,335],{"class":154},[148,451,169],{"class":203},[148,453,454],{"class":380}," \\\n",[148,456,458,461,464,466],{"class":150,"line":457},9,[148,459,460],{"class":203},"        '",[148,462,463],{"class":236},"{session:$s, project:$p}",[148,465,364],{"class":203},[148,467,313],{"class":154},[148,469,471],{"class":150,"line":470},10,[148,472,396],{"emptyLinePlaceholder":395},[148,474,476,479,482,485,488,491,494,497,499,502,504],{"class":150,"line":475},11,[148,477,478],{"class":309},"curl",[148,480,481],{"class":380}," -s",[148,483,484],{"class":380}," -m",[148,486,487],{"class":344}," 3",[148,489,490],{"class":380}," --fail-with-body",[148,492,493],{"class":380}," -X",[148,495,496],{"class":236}," POST",[148,498,193],{"class":203},[148,500,501],{"class":236},"https://hub.example.workers.dev/api/report",[148,503,169],{"class":203},[148,505,454],{"class":380},[148,507,509,512,514,517,519],{"class":150,"line":508},12,[148,510,511],{"class":380},"  -H",[148,513,193],{"class":203},[148,515,516],{"class":236},"content-type: application/json",[148,518,169],{"class":203},[148,520,454],{"class":380},[148,522,524,526,528,531,533],{"class":150,"line":523},13,[148,525,511],{"class":380},[148,527,193],{"class":203},[148,529,530],{"class":236},"authorization: Bearer $TOKEN",[148,532,169],{"class":203},[148,534,454],{"class":380},[148,536,538,541,543,546,548,551,554],{"class":150,"line":537},14,[148,539,540],{"class":380},"  -d",[148,542,193],{"class":203},[148,544,545],{"class":236},"$BODY",[148,547,169],{"class":203},[148,549,550],{"class":328}," >",[148,552,553],{"class":236}," /dev/null",[148,555,556],{"class":328}," 2>&1\n",[148,558,560,563],{"class":150,"line":559},15,[148,561,562],{"class":165},"exit",[148,564,345],{"class":344},[10,566,567,574],{},[14,568,569,570,573],{},"タイムアウトを短くして、必ず ",[103,571,572],{},"exit 0"," で抜ける","のが大事なところだ。ハブが落ちていても参加者の作業は止まらない。進捗把握のための道具が、参加者の手を止める理由になってはいけない。",[10,576,577,580,581,588],{},[103,578,579],{},"echo \"{\\\"name\\\":\\\"$NAME\\\"}\""," のような文字列連結でJSONを組むと、名前やパスに引用符や改行が混じった瞬間に壊れる。",[14,582,583,584,587],{},"JSONは ",[103,585,586],{},"jq -n --arg"," で作る","。",[10,590,591],{},"講師側はブラウザで一覧を開いておく。数秒ごとにハブへ取りに行き、名前・作業中のプロジェクト・最終更新時刻を並べる。",[33,593,594],{"id":594},"指示が届く仕組み",[10,596,597,598,588],{},"面白いのはこちらだ。フックは、応答を終えようとしている Claude を",[14,599,600],{},"引き止めることができる",[57,602,603,607],{},[60,604],{"src":605,"alt":606},"/images/claude-code-seminar-hub/figure-03.svg","講師が送った指示がハブを経由して参加者のClaude Codeに届き、そのまま実行される流れ",[65,608,609],{},"図3: 講師の指示は、相手の Claude が一区切りついた瞬間に差し込まれる。参加者は何も操作しない",[10,611,612,614,615,618],{},[103,613,105],{}," フックで",[14,616,617],{},"終了コード2を返し、標準エラー出力にメッセージを書く","と、Claude は応答を終えずにその内容を受け取って続きを始める。これが最も素直な方法になる。",[139,620,622],{"className":282,"code":621,"language":284,"meta":144,"style":144},"MSG=$(curl -s -m 3 --fail-with-body \\\n        -H \"authorization: Bearer $TOKEN\" \\\n        \"https://hub.example.workers.dev/api/inbox\") || exit 0\n\nif [ -n \"$MSG\" ]; then\n  echo \"講師より: $MSG\" >&2\n  exit 2          # 応答を終わらせず、この内容を受け取らせる\nfi\nexit 0\n",[103,623,624,643,656,674,678,702,717,728,733],{"__ignoreMap":144},[148,625,626,629,631,633,635,637,639,641],{"class":150,"line":151},[148,627,628],{"class":302},"MSG",[148,630,306],{"class":154},[148,632,478],{"class":309},[148,634,481],{"class":380},[148,636,484],{"class":380},[148,638,487],{"class":344},[148,640,490],{"class":380},[148,642,454],{"class":380},[148,644,645,648,650,652,654],{"class":150,"line":158},[148,646,647],{"class":380},"        -H",[148,649,193],{"class":203},[148,651,530],{"class":236},[148,653,169],{"class":203},[148,655,454],{"class":380},[148,657,658,661,664,666,668,670,672],{"class":150,"line":178},[148,659,660],{"class":203},"        \"",[148,662,663],{"class":236},"https://hub.example.workers.dev/api/inbox",[148,665,169],{"class":203},[148,667,335],{"class":154},[148,669,338],{"class":328},[148,671,341],{"class":165},[148,673,345],{"class":344},[148,675,676],{"class":150,"line":221},[148,677,396],{"emptyLinePlaceholder":395},[148,679,680,684,687,689,691,694,696,699],{"class":150,"line":245},[148,681,683],{"class":682},"sHkkW","if",[148,685,686],{"class":154}," [",[148,688,414],{"class":328},[148,690,193],{"class":203},[148,692,693],{"class":236},"$MSG",[148,695,169],{"class":203},[148,697,698],{"class":154}," ];",[148,700,701],{"class":682}," then\n",[148,703,704,707,709,712,714],{"class":150,"line":264},[148,705,706],{"class":165},"  echo",[148,708,193],{"class":203},[148,710,711],{"class":236},"講師より: $MSG",[148,713,169],{"class":203},[148,715,716],{"class":328}," >&2\n",[148,718,719,722,725],{"class":150,"line":270},[148,720,721],{"class":165},"  exit",[148,723,724],{"class":344}," 2",[148,726,727],{"class":291},"          # 応答を終わらせず、この内容を受け取らせる\n",[148,729,730],{"class":150,"line":276},[148,731,732],{"class":682},"fi\n",[148,734,735,737],{"class":150,"line":457},[148,736,562],{"class":165},[148,738,345],{"class":344},[10,740,741,742,745],{},"参加者から見ると、",[14,743,744],{},"自分の Claude が勝手に次の話を始める","。席に行ってキーボードを借りる必要がなくなる。",[10,747,748,749,752,753,756,757,760],{},"JSON を返して ",[103,750,751],{},"decision"," と ",[103,754,755],{},"reason"," で同じことをする書き方もあるが、",[14,758,759],{},"フィールドをどの階層に置くかが資料によって食い違っている","。実装する前に、使っている版の公式ドキュメントで形を確かめたほうがいい。終了コード2はどの資料でも一致しているので、まずはこちらで作るのが安全になる。",[762,763,764],"h3",{"id":764},"ここには落とし穴が3つある",[10,766,767,770],{},[14,768,769],{},"1つ目。未読が無いときに引き止めてはいけない。"," 毎回引き止めると、応答がいつまでも終わらなくなる。引き止めるのは受信箱に未読があるときだけにする。",[10,772,773,776],{},[14,774,775],{},"2つ目。渡した指示は消す。"," 受信箱に残したままだと、次に応答が終わったときにまた同じ指示が届き、同じことを何度も実行し続ける。",[10,778,779,782,783,785,786],{},[14,780,781],{},"3つ目。連続で引き止めた回数を数えて、上限で打ち切る。"," 1つ目と2つ目を実装しても、ハブ側の不具合で同じ指示が返り続ければ同じことになる。ローカルにカウンタを持ち、たとえば3回連続で引き止めたらその後は ",[103,784,572],{}," に倒す。",[14,787,788],{},"相手のセッションを止められるのはこちらではなく相手なのだから、暴走の芽は送り手側ではなく受け手側で摘む。",[762,790,792],{"id":791},"届くのは次の切れ目であっていますぐではない","届くのは「次の切れ目」であって、いますぐではない",[10,794,795,797,798,801],{},[103,796,105],{}," フックは応答が終わるときにしか発火しない。",[14,799,800],{},"参加者の Claude が何もしていない（入力待ちの）間は、指示が届かない","。手が完全に止まっている人ほど届きにくい、という素直でない性質がある。",[10,803,804,807,808,811,812,815],{},[103,805,806],{},"UserPromptSubmit","（参加者が何か打ち込んだとき）のフックを併用すると、次に喋りかけた瞬間には届く。ただしこちらで",[14,809,810],{},"入力を止める側の指定を流用してはいけない","。参加者が打った内容そのものが処理されずに消えてしまう。指示を添えるだけなら ",[103,813,814],{},"additionalContext"," を使う。",[139,817,819],{"className":141,"code":818,"language":143,"meta":144,"style":144},"{\"hookSpecificOutput\": {\n  \"hookEventName\": \"UserPromptSubmit\",\n  \"additionalContext\": \"講師より: Step 3 に進んでください。\"\n}}\n",[103,820,821,837,856,873],{"__ignoreMap":144},[148,822,823,826,828,831,833,835],{"class":150,"line":151},[148,824,825],{"class":154},"{",[148,827,169],{"class":161},[148,829,830],{"class":165},"hookSpecificOutput",[148,832,169],{"class":161},[148,834,172],{"class":154},[148,836,175],{"class":154},[148,838,839,841,844,846,848,850,852,854],{"class":150,"line":158},[148,840,162],{"class":161},[148,842,843],{"class":165},"hookEventName",[148,845,169],{"class":161},[148,847,172],{"class":154},[148,849,193],{"class":203},[148,851,806],{"class":236},[148,853,169],{"class":203},[148,855,242],{"class":154},[148,857,858,860,862,864,866,868,871],{"class":150,"line":178},[148,859,162],{"class":161},[148,861,814],{"class":165},[148,863,169],{"class":161},[148,865,172],{"class":154},[148,867,193],{"class":203},[148,869,870],{"class":236},"講師より: Step 3 に進んでください。",[148,872,261],{"class":203},[148,874,875],{"class":150,"line":221},[148,876,877],{"class":154},"}}\n",[10,879,880,881,884],{},"それでも",[14,882,883],{},"リアルタイムの割り込みにはならない","。この仕組みは「呼び出し」ではなく「伝言」だと考えたほうが実態に合う。",[33,886,887],{"id":887},"誰が誰かを決める",[10,889,890],{},"送られてきた報告が誰のものかは、こちらで決めておく必要がある。3通りある。",[892,893,894,910],"table",{},[895,896,897],"thead",{},[898,899,900,904,907],"tr",{},[901,902,903],"th",{},"やり方",[901,905,906],{},"参加者の手間",[901,908,909],{},"弱点",[911,912,913,925,936],"tbody",{},[898,914,915,919,922],{},[916,917,918],"td",{},"セットアップ時に名前を聞く",[916,920,921],{},"1行貼る、名前を打つ",[916,923,924],{},"特になし",[898,926,927,930,933],{},[916,928,929],{},"講師の画面で番号に名前を付ける",[916,931,932],{},"1行貼るだけ",[916,934,935],{},"「3番は誰か」を1回確認する必要がある",[898,937,938,941,944],{},[916,939,940],{},"参加者の Claude に名乗らせる",[916,942,943],{},"会話するだけ",[916,945,946],{},"全員が同時にやると詰まる人が出る",[10,948,949,950,953],{},"現実的なのは1つ目で、配るのは全員同じ1行にする。実行すると名前を聞かれ、",[14,951,952],{},"参加者ごとに違うトークンが発行されて端末に保存される","。以降の報告にはそのトークンが付く。",[10,955,956,957,960],{},"3つ目も成立はする。名前が未登録のとき、",[103,958,959],{},"SessionStart"," フックで次の内容をコンテキストに載せておけばいい。",[139,962,967],{"className":963,"code":965,"language":966},[964],"language-text","セミナー用の登録がまだです。最初にユーザーへ名前を尋ね、`seminar-register \u003C名前>` を実行してください。\n","text",[103,968,965],{"__ignoreMap":144},[10,970,971,972,975,976,979],{},"すると参加者が最初に何か話しかけた時点で、",[14,973,974],{},"その人の Claude が自分から名前を聞いてきて、自分で登録する","。ただし",[14,977,978],{},"セッションが始まった瞬間に Claude が喋り出すわけではない","。参加者が一言打ち込むまでは何も起きない。動きとしては面白いが、冒頭で20人が同時にやると事故が起きやすい。",[762,981,982],{"id":982},"宛先はセッション単位にする",[10,984,985,986,988,989,992],{},"同じ人がウィンドウを2つ開けば、",[103,987,128],{}," の違う2つとして届く。ここで",[14,990,991],{},"受信箱を人単位にすると、最初に見に来たウィンドウが指示を持っていってしまう","。別のフォルダで作業している側に届いて、意味の通らない指示になる。",[10,994,995,996,999],{},"受信箱は ",[103,997,998],{},"参加者 + セッション"," 単位で持ち、「その人の全ウィンドウに送る」は別の操作として用意する。一覧の表示も「人 / ウィンドウ / 作業中のプロジェクト」まで分けておくと混乱しない。",[33,1001,1002],{"id":1002},"そのまま作ると危ない場所",[10,1004,1005,1006,1009],{},"ここが設計の本題かもしれない。",[14,1007,1008],{},"指示を送るということは、相手の Claude に何かをさせられるということ","で、覗き見の問題では済まない。",[10,1011,1012,1015],{},[14,1013,1014],{},"認証がないと、URLを知っている人が誰にでもなりすませる。"," 名前だけで受信箱を引ける作りにすると、他人の指示を横取りできるし、講師のふりをして任意の指示を送り込める。参加者ごとのランダムなトークン、講師用の別の権限、有効期限と失効、送信回数の制限。ここは省略できない。",[10,1017,1018,1021],{},[14,1019,1020],{},"「取り出したら消す」は保存先を選ぶ。"," Cloudflare Workers の KV は結果整合性で、書き込みが他の拠点から見えるまで時間がかかることがある。読んでから消すまでを一体にできないので、同時に取りに来ると二重に届いたり消えたりする。受信箱には Durable Objects か D1 のような、順序と原子性を担保できるものを使う。メッセージに識別子を持たせ、「渡した」「実行された」を別に管理する。",[10,1023,1024,1029,1030],{},[14,1025,1026,1028],{},[103,1027,132],{}," は思ったより喋る。"," フルパスにはユーザー名が入るし、案件名や顧客名がフォルダ名になっていることも多い。会話を送らなければ十分、とはならない。",[14,1031,1032],{},"送るのはセミナー用に登録したプロジェクト名だけにして、パスそのものは送らない。",[10,1034,1035,1038,1039,588],{},[14,1036,1037],{},"設定を書き込む場所を間違えると、セミナーが終わっても送り続ける。"," ユーザー全体の設定に書くと、翌日の別の仕事のフォルダでもフックが発火する。プロジェクト単位の設定に閉じ込め、",[14,1040,1041],{},"終了時にフック・トークン・スクリプトを消すところまでを配布物に含める",[10,1043,1044,1050],{},[14,1045,1046,1049],{},[103,1047,1048],{},"curl ... | bash"," は参加者の権限で任意のコードを走らせる。"," 中身を表示してから実行させる、版を固定する、アンインストール手順を同じ紙に書く。ここを雑にすると、講師が「よく分からないものを実行させる人」になる。",[10,1052,1053,1056],{},[14,1054,1055],{},"講師の画面もエスケープする。"," 名前や作業内容をそのまま描画すると、報告APIを通してスクリプトを流し込まれる。",[10,1058,1059,1062],{},[14,1060,1061],{},"ハブを畳んでもデータは残る。"," 保存期間と自動削除を最初に決めて、参加者に伝えておく。",[33,1064,1065],{"id":1065},"何を送らないかを先に決める",[10,1067,1068,1070,1071,1073,1074,1077],{},[103,1069,105],{}," フックには ",[103,1072,136],{}," が渡ってくる。",[14,1075,1076],{},"その人の Claude が喋った内容が丸ごと入っている","。何も考えずに全部送る作りにすると、参加者が自分の仕事の相談を打ち込んだ内容まで、講師の画面に流れることになる。",[10,1079,1080],{},"進捗把握の道具として作るなら、単純に不要な情報だ。送るのは次の3つで足りる。",[1082,1083,1084,1088,1091],"ul",{},[1085,1086,1087],"li",{},"名前（登録時に本人が入力したもの）",[1085,1089,1090],{},"セミナー用に登録したプロジェクト名",[1085,1092,1093],{},"最後に動いた時刻",[10,1095,1096],{},"そのうえで運用としては、始める前に何を送るかを説明して同意を取り、参加者が1コマンドで止められるようにし、セミナーが終わったら配布物ごと撤去する。",[33,1098,1099],{"id":1099},"作るとしたら何が要るか",[892,1101,1102,1112],{},[895,1103,1104],{},[898,1105,1106,1109],{},[901,1107,1108],{},"部品",[901,1110,1111],{},"中身",[911,1113,1114,1122,1130],{},[898,1115,1116,1119],{},[916,1117,1118],{},"ハブ",[916,1120,1121],{},"Cloudflare Workers。受信箱は Durable Objects か D1。報告の受け口・受信箱・一覧API・トークン発行",[898,1123,1124,1127],{},[916,1125,1126],{},"講師の画面",[916,1128,1129],{},"一覧と、宛先を選んでメッセージを送る欄。表示は必ずエスケープする",[898,1131,1132,1135],{},[916,1133,1134],{},"配布物",[916,1136,1137,1138],{},"フックを書き込むセットアップと、",[14,1139,1140],{},"撤去用のアンインストール",[10,1142,1143,1144,1147,1148,588],{},"土台は",[40,1145,1146],{"href":42},"前の記事","で書いた 90行のサーバーがそのまま使える。ただし",[14,1149,1150],{},"認証と受信箱の作りだけは、規模のわりに手を抜けない",[33,1152,1153],{"id":1153},"分かっている限界",[1082,1155,1156,1162,1168,1174],{},[1085,1157,1158,1161],{},[14,1159,1160],{},"リアルタイムではない","。指示は相手の Claude が一区切りついたときに届く",[1085,1163,1164,1167],{},[14,1165,1166],{},"「更新が止まっている＝詰まっている」とは限らない","。入力待ち、離席、長い処理、通信断が同じ見え方になる。一覧に出せるのは「要確認」までで、詰まっているかどうかは声をかけて確かめることになる",[1085,1169,1170,1173],{},[14,1171,1172],{},"Claude Code のフック仕様に依存する","。仕様が変われば追随が必要になる",[1085,1175,1176,1179],{},[14,1177,1178],{},"参加者のPCを直接操作できるわけではない","。あくまで相手の Claude に伝言するだけで、実行するかどうかは相手の Claude とその人の判断になる",[10,1181,1182,1183,1186],{},"最後の点はむしろ利点だと思っている。",[14,1184,1185],{},"遠隔操作ではなく、伝言","である。参加者の画面の主導権は参加者の側に残る。",[33,1188,1189],{"id":1189},"まとめ",[1082,1191,1192,1198,1207,1216,1223,1229],{},[1085,1193,1194,1195],{},"会場の Wi-Fi が端末どうしを遮断していても、ハブを外に置けば成立する。ただし",[14,1196,1197],{},"そのURLに到達できるかは当日確かめる",[1085,1199,1200,1201,614,1203,1206],{},"進捗は ",[103,1202,105],{},[14,1204,1205],{},"応答が終わるたびに自動で集まる","。参加者は操作しない",[1085,1208,1209,1210,614,1212,1215],{},"指示は同じ ",[103,1211,105],{},[14,1213,1214],{},"終了コード2を返せば相手の Claude に差し込める","。未読が無いときは引き止めない・渡したら消す・連続回数を数えて打ち切る、の3点を外すと壊れる",[1085,1217,1218,1219,1222],{},"宛先は",[14,1220,1221],{},"人ではなくセッション単位","にしないと、別のウィンドウが指示を持っていく",[1085,1224,1225,1228],{},[14,1226,1227],{},"認証と受信箱の作りは省略できない","。指示を送れる口は、そのまま他人の Claude を動かせる口になる",[1085,1230,1231,1232],{},"送るのは名前とプロジェクト名と時刻まで。",[14,1233,1234],{},"会話の中身も、フルパスも送らない",[10,1236,1237],{},"作るのはこれからで、まず会場のURL到達性を確かめるところから始める。",[1239,1240],"hr",{},[10,1242,1243,1244,1246],{},"この記事の設計は Codex（gpt-5.6-sol）のレビューを1回受け、フックの返し方・受信箱の整合性・認証の欠落・",[103,1245,132],{}," の扱いについての指摘を反映している。",[1248,1249,1250],"style",{},"html pre.shiki code .shFtX, html code.shiki .shFtX{--shiki-default:#999999;--shiki-dark:#999999}html pre.shiki code .sqvqQ, html code.shiki .sqvqQ{--shiki-default:#99841877;--shiki-dark:#99841877}html pre.shiki code .sz8Xr, html code.shiki .sz8Xr{--shiki-default:#998418;--shiki-dark:#998418}html pre.shiki code .sMJiu, html code.shiki .sMJiu{--shiki-default:#B5695977;--shiki-dark:#B5695977}html pre.shiki code .sdGka, html code.shiki .sdGka{--shiki-default:#B56959;--shiki-dark:#B56959}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sxvE3, html code.shiki .sxvE3{--shiki-default:#A0ADA0;--shiki-dark:#A0ADA0}html pre.shiki code .s4oTP, html code.shiki .s4oTP{--shiki-default:#B07D48;--shiki-dark:#B07D48}html pre.shiki code .senZ8, html code.shiki .senZ8{--shiki-default:#59873A;--shiki-dark:#59873A}html pre.shiki code .stQ0i, html code.shiki .stQ0i{--shiki-default:#AB5959;--shiki-dark:#AB5959}html pre.shiki code .sM54T, html code.shiki .sM54T{--shiki-default:#2F798A;--shiki-dark:#2F798A}html pre.shiki code .snbK4, html code.shiki .snbK4{--shiki-default:#A65E2B;--shiki-dark:#A65E2B}html pre.shiki code .sHkkW, html code.shiki .sHkkW{--shiki-default:#1E754F;--shiki-dark:#1E754F}",{"title":144,"searchDepth":158,"depth":158,"links":1252},[1253,1254,1255,1259,1262,1263,1264,1265,1266],{"id":35,"depth":158,"text":35},{"id":91,"depth":158,"text":91},{"id":594,"depth":158,"text":594,"children":1256},[1257,1258],{"id":764,"depth":178,"text":764},{"id":791,"depth":178,"text":792},{"id":887,"depth":158,"text":887,"children":1260},[1261],{"id":982,"depth":178,"text":982},{"id":1002,"depth":158,"text":1002},{"id":1065,"depth":158,"text":1065},{"id":1099,"depth":158,"text":1099},{"id":1153,"depth":158,"text":1153},{"id":1189,"depth":158,"text":1189},"dev",null,"参加者それぞれのClaude Codeがフックで現況を送り、講師の指示を受け取って動き出す仕組み。会場のWi-Fiが端末どうしを遮断していても成立する設計と、そこに潜む危うさをシーケンスで追う","md",{},"/claude-code-seminar-hub","claude-code-tools",false,"2026-08-18T00:00:00.000Z",{"title":5,"description":1269},"2026-08/2026-08-18/claude-code-seminar-hub",[1279,1280,1281,1282],"Claude Code","ネットワーク","セミナー運営","設計","active","G6IjZphs8L_wfuloAadIyedqDGocka6bupZhOwcxNFg",[],[1287,1291,1295,1299,1302],{"title":1288,"path":1289,"publishedAt":1290},"Claude Code で頻発する「API Error: Connection refused」の原因調査と hosts 回避（.10 → .11）","/claude-code-connection-refused-hosts-fix","2026-08-16T00:00:00.000Z",{"title":1292,"path":1293,"publishedAt":1294},"SSOT（Single Source of Truth）とは — Codex に『初日からずれる』と指摘された統合コンテンツ計画","/what-is-ssot-and-day-one-divergence","2026-06-15T00:00:00.000Z",{"title":1296,"path":1297,"publishedAt":1298},"tax-assistant: 新規クライアント登録フロー設計 - Codex 4ラウンドレビューで設計を洗練","/tax-assistant-client-registration-design-2026-02-12","2026-02-12T00:00:00.000Z",{"title":1300,"path":1301,"publishedAt":1298},"tax-assistant: クライアント切替機能の設計 - Planエージェント + Codexレビューで計画策定","/tax-assistant-client-switcher-design-2026-02-12",{"title":1303,"path":1304,"publishedAt":1305},"税務アシスタント: 手書き売上伝票OCR対応の設計と実装","/tax-assistant-sales-slip-ocr","2026-01-14T00:00:00.000Z","https://log.eurekapu.com/favicon.svg",1787053849576]