この記事は Zenn と note にも同じ内容を載せています。Zenn: https://zenn.dev/suisei498/articles/82eab13a1522ed ／ note: https://note.com/suisei498/n/n9b5acee0b28b
建築設備の実務で使う計算（損失水頭、ポンプの揚程、電圧降下など）をブラウザでできるサイト「設備計算ノート」を作り、10月6日に公開しました。
作るのは Claude Code と一緒にやり、公開から約1か月で、計算機は10本から18本になりました。この記事は、作り方の工夫と、1か月運用して分かった数字の記録です。
1か月の数字
Google Search Console（10月4日〜31日）の数字です。
- クリック：122
- 表示：3,460
- 平均掲載順位：7.6位
直近の1週間（10月25日〜31日）だけで見ると、クリック52・表示1,650・平均6.1位でした。4週間のクリックの4割強が最後の1週間に集まっていて、少しずつ検索に拾われ始めた段階です。
公開の前日（11月9日）に見直すと、28日間（10月11日〜11月7日）でクリック196・表示5,420・平均7位まで伸びていました。
クリックが多かったのは次のページでした。
- 損失水頭（25）
- 排水管の勾配（22）
- ポンプの動力（16）
- ブレーカーの選定（14）
- 受水槽の容量（12）
検索からの訪問は、Google より Bing が多かった
Cloudflare Web Analytics（30日・ボットを除いた概数）では、訪問は約780、そのうち約3分の2が検索エンジンからでした。意外だったのは、検索エンジンの内訳です。
- Bing：約230
- Google：約170
- Yahoo：約100
Bing が Google より多い。11月9日に見直しても、Bing（約420）が Google（約260）を上回ったままでした（こちらはページビューの数）。あわせて見ると、端末はパソコンが約9割、ブラウザは Edge が約6割でした。
設備の計算をするのは、職場の Windows パソコンで、Edge の検索窓から、という使われ方が多いのだと思います。スマホで調べ物をする一般向けのサイトとは、前提がかなり違いました。
そこで、Google だけでなく Bing Webmaster Tools にも登録し、サイトマップを送りました。
作り方：1ページ1ファイル、外部のライブラリなし
計算機は1本につき1つの HTML です。Python のスクリプトで、共通のヘッダー・フッター・構造化データ（JSON-LD）を差し込んで書き出しています。ページの表示に外部のライブラリは使っていません。
配信は **Cloudflare Workers の静的配信（Workers Static Assets）**です。書き出したフォルダをそのまま配り、Worker のコードは次の2つにだけ使っています。
-
http://とwww.をhttps://の本来のドメインへ 301 で寄せる - 問題集への案内リンク（
/go/…）が押された回数を数えてから、本のページへ送る
リダイレクトを Cloudflare の管理画面ではなく Worker のコードで書いたのは、変更をファイルに残すためです。
入力を URL に保存する
入力した値は、ページの URL のクエリにそのまま入れています。
function saveState(){
const p = new URLSearchParams();
fields().forEach(el => {
const v = el.type === 'checkbox' ? (el.checked ? '1' : '0') : el.value;
if (v !== el.dataset.def) p.set(el.id, v); // 初期値と同じものは書かない
});
const q = p.toString();
history.replaceState(null, '', q ? '?' + q : location.pathname);
}
初期値から変えた項目だけを書くので、URL は短く済みます。サーバーに何も保存しなくても、URL を送れば同じ計算を相手の画面で再現できるし、ブックマークしておけば次も同じ条件から始められます。
計算書として A4 1枚で印刷する
実務では、計算した結果を書類として残したいことがあります。各ページに「計算書として印刷する」を付け、件名と作成者を入れると、印刷のときだけ次の形に組み替わるようにしました。
- 見出し：件名・作成日・作成者・根拠
- 入力と計算結果、計算式
- 根拠・出典と確認日
- 入力を再現できる URL
件名と作成者は URL には入れていません。URL を人に渡したときに、名前まで一緒に渡らないようにするためです。印刷用の CSS では影・角丸・背景の塗りをすべて消し、白黒でも読める平らな見た目にしています。
計算の正しさを、2つの方法で確かめる
計算サイトで一番怖いのは、計算が間違っていることです。2つのことを決めて守っています。
1. 法令は原文で確かめる
法令の数字を使うページ（危険物の指定数量など）は、解説サイトではなく、e-Gov 法令API で取った条文と別表の原文を見て、施行日と一緒に出典に書いています。
2. 計算例は、ツールとは別に計算し直す
ページに載せる計算例は、ブラウザのツールとは別に Python で計算し直し、結果が一致することを確かめてから載せています。試験対策の例題を足したとき（危険物の指定数量など）も、答えは同じ方法で照合しました。
更新したら、IndexNow で知らせる
ページを直したら、デプロイの後に IndexNow で「このページを更新した」と送っています。
python indexnow_ping.py # サイトマップの全 URL を送る
python indexnow_ping.py /noise-sum/ # 直したページだけ送る
IndexNow は、送った更新の知らせが Bing などの対応する検索エンジンに共有される仕組みです。サイトの直下に鍵のファイル（/<鍵>.txt）を置き、その鍵と URL の一覧を POST するだけで使えます。訪問の多くが Bing から来ているので、効き目が大きいと考えています。
検索語に合わせて直したこと
数字を見ながら、次のことを直しました。
- 題名と説明を、実際に検索される語に寄せた（例：「ポンプ動力の計算式」「受水槽の容量計算」）
- ページの冒頭に「〇〇とは」の1〜2文の定義を置いた（水動力・損失水頭・同時使用水量など）
- ポンプの揚程のページに、圧力と揚程の換算表（MPa → m）を足した
- 資格試験で出る計算に合わせて、試験形式の例題を足した（玉掛け・危険物）
まとめ
- 計算機18本・公開1か月で、Search Console のクリックは122。直近1週間で52と伸び始めた
- 訪問の約3分の2は検索から。Bing が Google より多く、パソコン・Edge が中心。職場で使われていると見て、Bing にも登録した
- 入力は URL に保存、結果は A4 1枚の計算書で印刷。サーバーには何も保存しない
- 法令は e-Gov 法令API の原文で、計算例は別に計算し直して確かめる
- 更新は IndexNow で知らせる
よく使われているページは、次の3つです。
- 損失水頭の計算（ヘーゼン・ウィリアムス公式）：https://setsubi-keisan.com/head-loss/
- 排水管の勾配：https://setsubi-keisan.com/drain-slope/
- ポンプの動力：https://setsubi-keisan.com/pump-power/
関連記事（同じ書き手）