2026-11-08-01(Build mainly with Claude Code: 茶々入れ 2026-10)

作成

#雑記 #BmwC茶々入れ2026 #応募していません

前提条件

本シリーズの元ネタはBuilt with Claude: Japan 2026です。
そもそも趣味勢が全国の250の枠を取り合いに行くのもちょっと顰蹙(ひんしゅく)かなぁと思いまして、勝手に横で走ることにしました。

いまどこ・用語

四部品(書く側・置き場の型・読む側・直す側)を作って、呼び水そのもののマニュアルを作成してみました。

  • 主要な単語
    • 呼び水=検索画面そのものを企画のyobimizuとは別に指しているときの書き方
    • 茶々入れ係=横で口を出す他社 LLM たち(メンツの詳細はこの記事)
  • わーさんが解説を入れていない難しそうな言葉=Claude Code(以下コードさん)が調べてきたなんかすごい論文とか(要するにわーさんも咀嚼しきれていないので解説しきれない何か)

前書き

このシリーズは、yobimizuというプロジェクトの進捗報告です。

元ネタであるBuilt with Claude: Japan 2026にて

ひとりが深い知見から紡ぎ出すもの。あなたが一番よく知っていることから、あなたにしか作れないものを。受け継がれてきた技、日々の仕事の不便。そのどれもが起点になります。

人々が手を携えてこそ成し遂げられるもの。多くの人を阻んできた壁を取り払い、一部の人にしか手の届かなかったものを誰もが使えるものへ。高齢化社会や人手不足など、日本社会が共有する課題への解決も待っています。

Anthropicは、そこから生まれたプロジェクトと、それを作った人たちを世界に紹介していきます。

という文言だったため、並走企画であるyobimizuの目標は
LLMが人間に質問を重ねて引継ぎっぽいものを作り、検索できるようにするシステム
となっています。

わーさんは既に燃え尽きている!

いや……燃え尽きてるんですけど、まあ、ほら、10/15から走り続けてきたし、本職は別にあるし、いきなり寒くなったから……。
最近はこのシリーズの進捗報告もコードさんに任せたりしていたし……。

でも並走すると言ったからには、ある程度の成果はお見せしたいとも思うわけですよ。

だから、お見せします。

https://naoki-wjm.github.io/yobimizu/

動く検索画面の、実物です。
だからこの企画は、走者がへろへろになりながらもゴールラインを越えた、ちゃんとした企画なのです。

今回のわーさん判断集

実装に取り入れたもの

地味にマニュアルの改訂面倒問題

これはコードさんの番外編で既に把握されている方もいるかもしれないのですが、そう、マニュアルに限らずPDCAサイクル1は回してなんぼ!(まあ古い概念かもしれませんが)

というかそもそも改訂が面倒すぎて放置されたマニュアルの例は、わーさんに限らず耳にした人も多いのでは……?

なんてことを2回目にもちらっと考えていたのにすっかり忘れていたわーさん、慌てて改訂用スキルを追加するなどしましたよ。

呼び水そのものにマニュアル必要問題

そりゃ企画の置き場であるGitHubのリポジトリを開けたらREADMEが説明もしてくれてますよ?

でもこの中身は殆どコードさんが善意で書いてくれたもの。

人間かつ開発責任者のわーさんが実際に独力でyobimizuを活用できなければ、一般の方々はもっと活用できませんよねえ???

と、いうわけで、実際にZIPで中身を別所に保存しつつ、一周回してマニュアル化しました。
そしてそれをサンプルとして放り込むなどしました。

動く検索の実物お見せしたい問題

わーさんは実際に検索窓を知ってますし、コードさんの番外編まで見ている方ならスクショ画面を見ているのですが、それでもやっぱり動いている実物が見せたいのですよ。

なにせ、百聞は一見に如かずと言うでしょう?

で、実際にリポジトリの内容を基に生成された検索窓が、先ほども載せた

https://naoki-wjm.github.io/yobimizu/

になるわけなのです。

逆に今回無理に取り入れない判断をしたもの

検索結果画面はペライチのままで良い

検索画面は実はペライチのHTMLファイルなので、マニュアルが増えていったらどんどん重くなっていくんですよ。

検索者が操作しやすい種類のファイル……っていうのが、HTMLファイルかなって判断したんです。
ただ、ファイルやフォルダを超えての操作を実現させようとするとちょっと仕組みが複雑になってくる。

なるべく管理者が余計な何かを追加導入せずとも、という制約を守ると、ペライチサイトになるんですよねえ。

まあこれに関しては、仮に検索画面が数メガバイトまで膨張しても、PCでの操作はそこまで重くならないことを確認しましたので、この企画内ではこの形のままにする判断をしました。

マニュアルが千件近いレベルになる場合は、諦めて端末内でiframeなり何なり実装するか、マークダウン見たい放題アプリを導入するか、ご検討いただければと思います。

MCPの口は今回は無理に実装しない

MCPというのは、ひとたび実装すれば様々なLLMに同じ検索結果を返せますし、それを見たLLMがユーザーに合わせた説明もできる便利なシステムになります。

ただね、このシステムね、まだ比較的新しくてね。

油断すると仕様が変わってるんですよ。
いやマジな話。

なので、ただでさえシステムの更新にひいこら言いがちな個人や中小規模のグループ、何よりハッカソン期間が終わる前から既にアレコレソレと脱線ネタに引っ張られているわーさん向きの仕様ではない。

実装できればとても便利なんだけど、もう少しMCPという仕組みそのものの更新が落ち着かないことには公開企画向きではないかな、と判断しました。

だいぶ断腸の思いでしたけどね!

ひとまずのゴールです

ハッカソン期間は11/10(火)の14時くらいまであると思うんですが、残り二日間は普通に平日ですので、わーさん本職やってるんだなぁ、これが。

そういうわけですので、おそらく本企画はこれで一旦ゴールとなるでしょう。

いやぁなかなかに面白い経験だったと思います。
わーさんの判断の筋などは多分普段通りだったんですが、その、決められた期間があるってしんどいね……。

普段のわーさんのバイブコーディング2に対する姿勢の一部など舞台裏もそこそこ残してありますので、後から読んだらそこそこ「へー」ってなるかもしれない(ならないとも思う)

では、ここまでyobimizuの話にお付き合いいただきましてありがとうございました!
この後はコードさんにも締めの雑記を書いてもらおうかなと思います。


  1. Plan(計画)、Do(実行)、Check(測定・評価)、Action(対策・改善)の仮説・検証型プロセスを循環させ、マネジメントの品質を高めようという概念です。 ↩

  2. 実際のプログラムコードはLLMにお任せして人間は判断とか検品を担いつつ進めていくプログラミングのことがこう呼ばれがちです。 ↩