- Privacy policy | プライバシーポリシー + プライバシーポリシー | Privacy policy Pixels to Motors（運営：ADAPT DESIGN 島津 栄一。以下「当方」といいます。）は、当方の提供するサービス（以下「本サービス」といいます。）における、ユーザーについての個人情報を含む利用者情報の取扱いについて、以下のとおりプライバシーポリシー（以下「本ポリシー」といいます。）を定めます。 {sections.map(([h, b]) => (<>{h}))} 最終改定日：{revised} diff --git a/src/pages/record/[slug].astro b/src/pages/record/[slug].astro index fd63538..b580571 100644 --- a/src/pages/record/[slug].astro +++ b/src/pages/record/[slug].astro @@ -146,7 +146,7 @@ const jsonLd = [ {nearby.length > 0 && ( - Series | {seriesName}の記録 + {seriesName}の記録 | Series {nearby.map((c) => )} {seriesPage && {seriesName}の記録をすべて見る（{sameSeries.length}本）arrow_forward} ``` ### 差分：トップの解説動画の見出し public/embeds/top-video.html（commit c80d7b1） ```diff commit c80d7b1 トップの解説動画の見出しも日本語先に diff --git a/public/embeds/top-video.html b/public/embeds/top-video.html index 7580782..ba9d8df 100644 --- a/public/embeds/top-video.html +++ b/public/embeds/top-video.html @@ -129,7 +129,7 @@ - Video | 解説動画 + 解説動画 | Video 13:36NEWフィジカルAI解説2026/10/15AIエージェントにロボットのコードを書かせたら、原因を7回取り違えたエイイチは、本業のデザイナーをしながら、ロボティクスの研究と開発をしています。その中で分かったことと、そこから考えた見立てを、ハコブくんがお伝えします。10:28NEWフィジカルAI解説2026/10/14ジャングリア沖縄の赤字89億円、AIとロボットで埋められるか勝手に試算してみたエイイチは、本業のデザイナーをしながら、ロボティクスの研究と開発をしています。その中で分かったことと、そこから考えた見立てを、ハコブくんがお伝えします。14:17NEWフィジカルAI解説2026/10/14フィジカルAIのお金はどこへ流れているか｜日本・米国・中国のスタートアップ投資エイイチは、本業のデザイナーをしながら、ロボティクスの研究と開発をしています。その中で分かったことと、そこから考えた見立てを、ハコブくんがお伝えします。14:43NEWフィジカルAI解説2026/10/13自動運転は「暴走」するのか ― ロボタクシーのリコールの届け出に、ハッキングの記載はなかったエイイチは、本業のデザイナーをしながら、ロボティクスの研究と開発をしています。その中で分かったことと、そこから考えた見立てを、ハコブくんがお伝えします。12:30NEWフィジカルAIの現在地2026/10/12人型ロボットの出荷は4倍。ロボットにも「ChatGPTの瞬間」は来たのかエイイチは、本業のデザイナーをしながら、ロボティクスの研究と開発をしています。その中で分かったことと、そこから考えた見立てを、ハコブくんがお伝えします。2:54フィジカルAI解説2026/03/24R2R2Rプロジェクト - mechArm 270Pi 開封の儀エイイチは、本業のデザイナーをしながら、ロボティクスの研究と開発をしています。その中で分かったことと、そこから考えた見立てを、ハコブくんがお伝えします。 ``` ### 差分：シリーズのページの見出しと series8 の説明文（commit 62b9110） ```diff commit 62b9110 シリーズのページの見出しを日本語先に、series8 に定義の一文と一覧を追加 diff --git a/src/lib/records.ts b/src/lib/records.ts index 288f61d..f3d0fbd 100644 --- a/src/lib/records.ts +++ b/src/lib/records.ts @@ -34,7 +34,7 @@ export type SimTab = { id: string; task: string; place: string; src: string; tit // シリーズのページ（URL → 記事のシリーズ名）。Studio の一覧の絞り込み条件と同じ // intro はシリーズのページの見出しの下に出す説明（ないシリーズは出さない） -export const SERIES_PAGES: Record = { +export const SERIES_PAGES: Record = { series1: { series: 'HRI', title: 'Drug Delivery Robot | 薬剤搬送ロボットハコブくん', pageTitle: 'Series1 | 薬剤搬送ロボット', limit: 12, intro: '病院で薬を運ぶロボット「ハコブくん」を題材に、人とロボットの関わり（HRI）を設計している記録です。病院で使う画面（UI）の設計、Unity での自律移動、Fusion での形づくり、分身ロボット（アバター）の考察までを、4コママンガと一緒に残しています。' }, series2: { series: 'R2R2R', title: 'R2R2R | デジタルツイン学習-R2R2R（Real to Render to Real）', pageTitle: 'Series2 | R2R2R', limit: 12, @@ -50,7 +50,12 @@ export const SERIES_PAGES: Record ({ '@type': 'BlogPosting', headline: c.title, url: `${SITE}/record/${c.slug}` })), }; --- - {conf.title} + {heading} {conf.intro && {conf.intro}} + {conf.points && ( + + {conf.points.map((p) => ( + {p.h}{p.items.map((t) => {t})} + ))} + + )} {conf.guide && } {conf.thinking && } {conf.serving && } @@ -43,7 +52,7 @@ const jsonLd = { {conf.sim && ( - Simulator | 試算を試す + 試算を試す | Simulator {conf.sim.tabs && ( {conf.sim.tabs.map((t, i) => ( @@ -134,7 +143,7 @@ const jsonLd = { } - Record | 記録 + 記録 | Record {items.map((c) => )} @@ -143,6 +152,10 @@ const jsonLd = { .s-title { margin: 0; } .s-guide { margin: 24px 0 0; } .s-intro { margin: 16px 0 0; font: 400 16px/28px var(--sans); color: var(--ink-2); } + .s-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin: 24px 0 0; } + .s-points-h { margin: 0 0 8px; font: 600 16px/26px var(--sans); color: var(--ink); } + .s-points .s-obs-list { margin: 0; } + @media (max-width: 767px) { .s-points { grid-template-columns: minmax(0, 1fr); gap: 20px; } } .s-label { display: block; margin: 40px 0 16px; font: 500 16px/24px var(--sans); color: var(--ink); } .s-title + .s-label { margin-top: 8px; } a.s-label:hover { text-decoration: underline; } ``` ### 差分：人と機械の印（commit 7b50e3e） ```diff commit 7b50e3e サイトの使われ方の記録に、人と機械を分ける印を足した diff --git a/src/components/SiteMeasure.astro b/src/components/SiteMeasure.astro index b05fd71..8f07cef 100644 --- a/src/components/SiteMeasure.astro +++ b/src/components/SiteMeasure.astro @@ -9,7 +9,9 @@ // 送るもの：ページ・サイト内のどのページから来たか（戻るボタンで戻ったか）・外から来たならそのサイトの名前（ドメイン）だけ・ // 画面の幅（pc/sp）・どこまで読んだか・表示していた時間・押したリンクやボタン（行き先とページのどの部分か）・ // リンクでない所を押した回数・短い間に同じ所を何度も押した回数・コピーした回数・動画を再生した回数・ -// フォームに入力を始めたか・送信ボタンを押した回数 +// フォームに入力を始めたか・送信ボタンを押した回数・ +// 人が操作したか（マウスを動かす・押す・指で触れる・ホイール・キーのどれかがあったか）・ +// 自動で動くブラウザか（navigator.webdriver と、ブラウザの名乗りに Headless・bot などが入っているかの判定結果だけ） // 送らないもの：入力した内容・コピーした文章・IP アドレス・ブラウザの種類・Cookie。 // 番号はこの1回の表示のためだけに作り、ブラウザに保存しない（別のページや次の来訪とはつながらない）。 // @@ -46,6 +48,7 @@ } if (!off) { + const AUTO_UA = /headless|lighthouse|bot\/|bot;|\bbot\b|crawl|spider|slurp|preview|phantom|puppeteer|playwright|selenium/i; const newId = () => { try { return crypto.randomUUID().replace(/-/g, '').slice(0, 12); } catch { return Math.random().toString(36).slice(2, 14); } }; @@ -64,9 +67,14 @@ v: newId(), n: 0, p: location.pathname.slice(0, 160), f: from ?? o.f, r: from ? '' : o.r, w: window.innerWidth < 600 ? 'sp' : 'pc', s: 0, t: 0, c: [] as Click[], d: 0, g: 0, cp: 0, vp: 0, fs: 0, fx: 0, fv: 0, + // 人と機械を分ける印（2026-10-25）。u＝人の操作があった、wd・hl＝自動で動くブラウザの印（名乗りそのものは送らない） + u: 0, wd: navigator.webdriver ? 1 : 0, hl: AUTO_UA.test(navigator.userAgent || '') ? 1 : 0, }; }; let st = fresh(); + // 人の操作。1回あれば十分なので、最初の1回だけ印を付ける + const touched = () => { if (!st.u) { st.u = 1; dirty = true; } }; + for (const ev of ['pointermove', 'pointerdown', 'touchstart', 'wheel', 'keydown']) document.addEventListener(ev, touched, { capture: true, passive: true }); let visibleSince = document.hidden ? 0 : Date.now(); let dirty = true; diff --git a/src/pages/privacypolicy.astro b/src/pages/privacypolicy.astro index 8550873..5fd396a 100644 --- a/src/pages/privacypolicy.astro +++ b/src/pages/privacypolicy.astro @@ -7,7 +7,7 @@ const sections = [ ['メッセージフォームでお預かりする情報', 'メッセージフォームから送信いただいた内容（お名前・メールアドレス・ご相談内容）と、送信日時・ご利用のブラウザの種類（ユーザーエージェント）を保存します。これらはお問い合わせへのご返信とご相談への対応のためにのみ使用します。\n保存には Cloudflare, Inc. のサービス（Cloudflare R2）を、当方への通知メールの送信には Cloudflare Email Routing を利用しています。'], ['Cookie とアクセス解析について', '当サイトは、サイトの改善のために Cloudflare, Inc. のアクセス解析（Cloudflare Web Analytics）を利用しています。このアクセス解析は Cookie を使わず、ページの閲覧数・表示速度・参照元・おおよその国・ブラウザやOSの種類などを、個人を識別しない形で集計します。当サイトは広告配信サービスを利用しておらず、当方がお客さまを識別するための Cookie を設定することはありません。'], ['更新のお知らせの記録について', '当サイトでは、新しい記事などが公開されたときにキャラクター（ハコブくん）が画面に出てお知らせします。このお知らせが役に立っているかを確かめるため、「お知らせが出た」「お知らせを押した」「お知らせを押さずに7日以内にその記事を開いた」という出来事を、どの記事のお知らせか・どのページで出たか・画面の幅（広い／狭い）・日付とあわせて記録します。\nIP アドレス・ブラウザの種類・Cookie などは記録せず、閲覧者を見分ける番号も作りません。同じお知らせを繰り返し出さないため、お知らせ済みの記事をお客さまのブラウザ（ローカルストレージ）に覚えておきますが、この情報は当方には送られません。'], - ['サイトの使われ方の記録について', '当サイトでは、読みやすさや使いやすさを改善するため、ページを1回表示するごとに、次の内容を記録します。\n・表示したページと、サイト内のどのページから来たか（戻るボタンで戻ったかどうか）。外のサイトから来た場合は、そのサイトの名前（ドメイン）だけ\n・画面の幅（広い／狭い）、ページをどこまで読み進めたか、ページを表示していた時間\n・押したリンクやボタン（行き先と、ページのどの部分にあったか）、リンクでない所を押した回数、短い間に同じ所を何度も押した回数\n・文章をコピーした回数、動画を再生した回数、メッセージフォームに入力を始めたか・送信ボタンを押した回数\n・日付\nフォームに入力された内容やコピーした文章そのものは記録しません。IP アドレス・ブラウザの種類・Cookie も記録しません。記録をまとめるために1回の表示ごとに一時的な番号を作りますが、この番号はブラウザに保存されず、別のページや次回の来訪とは結び付きません。記録の保存には Cloudflare, Inc. のサービス（Cloudflare R2）を利用しています。\nブラウザで「トラッキングしない」（Do Not Track）または Global Privacy Control を設定している場合は、この記録を行いません。'], + ['サイトの使われ方の記録について', '当サイトでは、読みやすさや使いやすさを改善するため、ページを1回表示するごとに、次の内容を記録します。\n・表示したページと、サイト内のどのページから来たか（戻るボタンで戻ったかどうか）。外のサイトから来た場合は、そのサイトの名前（ドメイン）だけ\n・画面の幅（広い／狭い）、ページをどこまで読み進めたか、ページを表示していた時間\n・押したリンクやボタン（行き先と、ページのどの部分にあったか）、リンクでない所を押した回数、短い間に同じ所を何度も押した回数\n・文章をコピーした回数、動画を再生した回数、メッセージフォームに入力を始めたか・送信ボタンを押した回数\n・人による閲覧か、検索エンジンのクローラーなど自動で巡回するプログラムによる表示か（マウス・指・キーの操作があったかどうかと、ブラウザが自動で動いているかの判定結果だけ）\n・日付\nフォームに入力された内容やコピーした文章そのものは記録しません。IP アドレス・ブラウザの種類・Cookie も記録しません（自動のプログラムかどうかの判定にブラウザの名乗りを使いますが、名乗りそのものは保存しません）。記録をまとめるために1回の表示ごとに一時的な番号を作りますが、この番号はブラウザに保存されず、別のページや次回の来訪とは結び付きません。記録の保存には Cloudflare, Inc. のサービス（Cloudflare R2）を利用しています。\nブラウザで「トラッキングしない」（Do Not Track）または Global Privacy Control を設定している場合は、この記録を行いません。'], ['外部サービスの利用について', '当サイトでは、表示や機能のために次の外部サービスを利用しています。これらのサービスの提供元は、お客さまのブラウザから送られる情報（IP アドレス、ブラウザの種類など）を、それぞれのプライバシーポリシーに基づいて取得することがあります。\n・Cloudflare（サイトの配信・画像と動画の配信・メッセージの保存・アクセス解析・サイトの使われ方の記録）：Cloudflare のプライバシーポリシー\n・Google Fonts（文字の表示）／YouTube（動画の埋め込み）：Google プライバシーポリシー\nYouTube の動画を再生した場合、YouTube が Cookie を設定することがあります。'], ['個人情報の安全対策', '当方は、個人情報の正確性及び安全性確保のために、セキュリティに万全の対策を講じています。\n不正な大量送信を防ぐため、メッセージフォームなどへの送信の回数を、送信元の IP アドレスごとに短い時間だけ数えています（Cloudflare の流量制限）。IP アドレスはこの数えのためだけに使い、記録はしません。'], ['ご本人の照会', 'お客さまがご本人の個人情報の照会・修正・削除などをご希望される場合には、メッセージフォームからご連絡ください。ご本人であることを確認の上、対応させていただきます。'], diff --git a/worker/index.js b/worker/index.js index 2230ef8..89060c7 100644 --- a/worker/index.js +++ b/worker/index.js @@ -276,6 +276,16 @@ h1{font-size:20px}h2{font-size:16px;margin-top:28px}table{border-collapse:collap const EV_AREAS = new Set(['hakobu', 'header', 'footer', 'crumbs', 'toc', 'consult', 'pager', 'related', 'body', 'main', 'sim', 'other']); const EV_DEPTHS = new Set([0, 25, 50, 75, 100]); const evInt = (x, max) => { const n = Math.floor(Number(x)); return Number.isFinite(n) && n >= 0 ? Math.min(n, max) : 0; }; +// 自動で巡回するプログラムの名乗り（検索エンジン・AI のクローラー・SNS のプレビュー・自動のブラウザ）。名乗りそのものは保存しない +const EV_BOT_UA = /bot\/|bot;|\bbot\b|crawl|spider|slurp|headless|lighthouse|preview|facebookexternalhit|embedly|python-|curl\/|wget|go-http|okhttp|axios|node-fetch|playwright|puppeteer|selenium|phantom/i; +// 人か機械か：b＝機械（自動のブラウザ・クローラーの名乗り）／h＝人の操作があった／x＝どちらとも言えない（操作なし）。2026-10-25 から +const evKind = (request, d) => { + const ua = request.headers.get('user-agent') || ''; + let verified = false; + try { verified = !!(request.cf && (request.cf.verifiedBotCategory || (request.cf.botManagement && request.cf.botManagement.verifiedBot))); } catch { /* 使えない環境では名乗りだけで見る */ } + if (verified || !ua || EV_BOT_UA.test(ua) || Number(d.wd) === 1 || Number(d.hl) === 1) return 'b'; + return Number(d.u) === 1 ? 'h' : 'x'; +}; const evText = (x, max) => String(x == null ? '' : x).replace(/[\u0000-\u001f|>]/g, ' ').slice(0, max); async function evRecord(request, env, url) { @@ -302,6 +312,7 @@ async function evRecord(request, env, url) { c, d: String(evInt(d.d, 999)), g: String(evInt(d.g, 999)), cp: String(evInt(d.cp, 999)), vp: String(evInt(d.vp, 999)), fs: String(evInt(d.fs, 1)), fx: String(evInt(d.fx, 99)), fv: String(evInt(d.fv, 99)), + k: evKind(request, d), }; const at = new Date(); const day = new Date(at.getTime() + 9 * 3600e3).toISOString().slice(0, 10); // 日本時間の日付 @@ -318,6 +329,9 @@ async function evStats(request, env, url) { if (request.method !== 'GET') return new Response('Method Not Allowed', { status: 405 }); const since = /^\d{4}-\d{2}-\d{2}$/.test(url.searchParams.get('since') || '') ? url.searchParams.get('since') : ''; const week = /^\d{4}-\d{2}-\d{2}$/.test(url.searchParams.get('week') || '') ? url.searchParams.get('week') : ''; + // who=human で人だけ、who=bot で機械だけ、who=unknown で操作のなかった表示だけ、who=old で印を付ける前の記録だけを数える（なければ全部） + const WHO = { human: 'h', bot: 'b', unknown: 'x', old: 'o' }; + const who = WHO[url.searchParams.get('who')] ? url.searchParams.get('who') : ''; // 1) 記録を読む（v ごとに n が最大の1件） const views = new Map(); let cursor, pages = 0, truncated = false; @@ -354,12 +368,17 @@ async function evStats(request, env, url) { ...m, week: evWeekOf(m.day), s: Number(m.s) || 0, t: Number(m.t) || 0, d: Number(m.d) || 0, g: Number(m.g) || 0, cp: Number(m.cp) || 0, vp: Number(m.vp) || 0, fs: Number(m.fs) || 0, fx: Number(m.fx) || 0, fv: Number(m.fv) || 0, + k: m.k || 'o', clicks: m.c ? m.c.split('|').map((x) => { const i = x.lastIndexOf('>'); return { target: x.slice(0, i), area: x.slice(i + 1) }; }) : [], })); + // 人と機械の内訳は、絞り込む前の全部の記録で週ごとに数える + const kinds = new Map(); + for (const r of rows) { const x = kinds.get(r.week) || { h: 0, b: 0, x: 0, o: 0 }; x[r.k]++; kinds.set(r.week, x); } + const counted = who ? rows.filter((r) => r.k === WHO[who]) : rows; const isMsg = (p) => p === '/message' || p === '/message/'; const outside = (c) => c.area !== 'hakobu' && !c.target.startsWith('/') && !c.target.startsWith('#') && !c.target.startsWith('btn:') && !c.target.startsWith('(リンクなし)') && !c.target.startsWith('iframe'); const weeks = new Map(); - for (const r of rows) { + for (const r of counted) { const w = weeks.get(r.week) || { week: r.week, views: 0, times: [], read75: 0, dead: 0, rage: 0, out: 0, back: 0, sp: 0, msgViews: 0, formStart: 0, formSubmit: 0, formValid: 0 }; w.views++; w.times.push(r.t); if (r.s >= 75) w.read75++; w.dead += r.d; w.rage += r.g; w.out += r.clicks.filter(outside).length; if (r.f === '(戻る)') w.back++; if (r.w === 'sp') w.sp++; @@ -374,10 +393,11 @@ async function evStats(request, env, url) { week: w.week, label: `${w.week} 〜 ${end.toISOString().slice(5, 10)}`, views: w.views, medianSeconds: evMedian(w.times), read75Pct: pct(w.read75, w.views), spPct: pct(w.sp, w.views), backViews: w.back, outClicks: w.out, deadClicks: w.dead, rageClicks: w.rage, messageViews: w.msgViews, formStarts: w.formStart, formSubmits: w.formSubmit, formSubmitsValid: w.formValid, messagesReceived: sent.get(w.week) || 0, + humanViews: (kinds.get(w.week) || {}).h || 0, botViews: (kinds.get(w.week) || {}).b || 0, unknownViews: (kinds.get(w.week) || {}).x || 0, unmarkedViews: (kinds.get(w.week) || {}).o || 0, }; }); // ページごと・移り方・押したもの（week= を付けるとその週だけ。付けなければ全期間） - const scope = week ? rows.filter((r) => r.week === week) : rows; + const scope = week ? counted.filter((r) => r.week === week) : counted; const count = (map, k, add = 1) => map.set(k, (map.get(k) || 0) + add); const pagesMap = new Map(), moves = new Map(), refs = new Map(), targets = new Map(), areas = new Map(), dead = new Map(); for (const r of scope) { @@ -396,7 +416,7 @@ async function evStats(request, env, url) { } const top = (map, n, key) => [...map].sort((a, b) => b[1] - a[1]).slice(0, n).map(([k, v]) => ({ [key]: k, count: v })); const data = { - total: rows.length, truncated, since: since || null, week: week || null, + total: rows.length, counted: counted.length, truncated, since: since || null, week: week || null, who: who || null, byWeek, byPage: [...pagesMap.values()].sort((a, b) => b.views - a.views).slice(0, 100).map((p) => ({ path: p.path, views: p.views, medianSeconds: evMedian(p.times), @@ -420,7 +440,8 @@ async function evStats(request, env, url) { サイトの使われ方の記録 サイトの使われ方の記録1回のページ表示ごとに、どこまで読んだか・何を押したか・迷ったかを数えたもの。誰かは分からない。日付は日本時間、週は月曜はじまり。${week ? `ページごと以下の表は ${esc(week)} の週だけ。` : 'ページごと以下の表は全期間。?week=週の月曜の日付 でその週だけになる。'}${truncated ? ' 記録が多すぎて一部だけ数えた（?since=日付 で期間を絞る）。' : ''} -週ごと${table([['label', '週'], ['views', '表示'], ['medianSeconds', '表示時間（中央値・秒）'], ['read75Pct', '75％以上読んだ（％）'], ['spPct', 'スマホ（％）'], ['backViews', '戻るで戻った'], ['outClicks', '外へのクリック'], ['deadClicks', 'リンクなしを押した'], ['rageClicks', '連打'], ['messageViews', 'フォームの表示'], ['formStarts', '入力を始めた'], ['formSubmits', '送信を押した'], ['formSubmitsValid', 'うち入力がそろっていた'], ['messagesReceived', '届いたメッセージ']], byWeek)} +人と機械：「人」はマウス・指・キーの操作があった表示、「機械」はクローラーや自動のブラウザの名乗り・印があった表示、「操作なし」はどちらとも言えない表示、「印なし」は 2026-10-25 より前の記録。いま数えているのは ${esc({ human: '人', bot: '機械', unknown: '操作なし', old: '印なし' }[who] || '全部')}（?who=human・bot・unknown・old で絞る。週ごとの表の「人」〜「印なし」の4列は常に全部の内訳）。 +週ごと${table([['label', '週'], ['views', '表示'], ['medianSeconds', '表示時間（中央値・秒）'], ['read75Pct', '75％以上読んだ（％）'], ['spPct', 'スマホ（％）'], ['backViews', '戻るで戻った'], ['outClicks', '外へのクリック'], ['deadClicks', 'リンクなしを押した'], ['rageClicks', '連打'], ['messageViews', 'フォームの表示'], ['formStarts', '入力を始めた'], ['formSubmits', '送信を押した'], ['formSubmitsValid', 'うち入力がそろっていた'], ['messagesReceived', '届いたメッセージ'], ['humanViews', '人'], ['botViews', '機械'], ['unknownViews', '操作なし'], ['unmarkedViews', '印なし']], byWeek)} ページごと${table([['path', 'ページ'], ['views', '表示'], ['medianSeconds', '表示時間（中央値・秒）'], ['read25Pct', '25％'], ['read50Pct', '50％'], ['read75Pct', '75％'], ['read100Pct', '最後まで'], ['deadClicks', 'リンクなしを押した'], ['rageClicks', '連打'], ['copies', 'コピー'], ['videoPlays', '動画の再生'], ['outClicks', '外へのクリック']], data.byPage)} ページからページへの移り方${table([['move', '移り方'], ['count', '回数']], data.moves)} どこから来たか${table([['from', '来たところ'], ['count', '回数']], data.referrers)} ``` ### 差分：README の説明（commit 5a5adaf） ```diff commit 5a5adaf README に人と機械を分ける印の説明を足した diff --git a/README.md b/README.md index 9794128..723b26c 100644 --- a/README.md +++ b/README.md @@ -61,6 +61,7 @@ Web改善の検証（Project の `claude/web_improvement_trial.md`）のため - 数は `/api/ev-stats`（週ごと・ページごと・ページからページへの移り方・どこから来たか・押したもの・押した場所・リンクでない所を押した）・`/api/ev-stats?format=json` で見る。`?week=週の月曜の日付` でその週だけ、`?since=日付` でその日以降だけ - 「届いたメッセージ」はフォームの処理には手を入れず、p2m-messages の一番上に保存された .json の数を数えている - エイイチや Claude の確認の閲覧を数に入れないため、どれかのページを `?p2m-notrack=1` を付けて開くと、そのブラウザでは以後送らない（`?p2m-notrack=0` で元に戻す。`?p2m-notrack=check` で、そのブラウザが今どちらの設定かが画面の上に出る）。iPhone の Safari は、サイトを7日開かないとこの設定を消すことがあるため、ときどき check で確かめる。Do Not Track・Global Privacy Control を設定したブラウザも送らない +- 人と機械を分ける印（2026-10-25 から）：1回の表示ごとに `k`（h＝人の操作＝マウス・指・ホイール・キーがあった／b＝機械＝クローラーや自動のブラウザの名乗り・navigator.webdriver／x＝操作なし）を付ける。それより前の記録は「印なし」。週ごとの表に4つの内訳が出て、`?who=human`・`bot`・`unknown`・`old` でほかの表をその種類だけに絞れる。名乗り（ユーザーエージェント）は判定に使うだけで保存しない - 記録しない：入力した内容・コピーした文章・IP アドレス・ブラウザの種類・Cookie。番号はその1回の表示だけのもので、ブラウザに保存しない - 押したものの「ページのどの部分か」は、クラス名（.richText・.related・.consult など）で決めている。部品に `data-ev-area="名前"` を付けると、その名前で数える（名前は `worker/index.js` の `EV_AREAS` にあるものだけ受け付ける）。リンクやボタンに `data-ev="名前"` を付けると、行き先の前にその名前が付く ``` ### 差分：llms.txt とクローラーの訪問の記録（commit e8ce84f） ```diff commit e8ce84f llms.txt を置き、検索エンジン・AI のクローラーの訪問を数えるようにした diff --git a/README.md b/README.md index 723b26c..79dc599 100644 --- a/README.md +++ b/README.md @@ -68,6 +68,13 @@ Web改善の検証（Project の `claude/web_improvement_trial.md`）のため 記事・4コマの画像と動画は GitHub に入れない。ただし `public/og/` の画像は、GitHub にあるサムネイルの HTML から書き出したものなので GitHub に入れる。サイトの `/media/ファイル名` を `worker/index.js` が R2 から返す。 メッセージフォームの送信は R2（p2m-messages）に保存する。フォームには「ご相談の種類」（フィジカルAI・ロボット／AI活用・仕組みづくり／取材・登壇／その他）があり、保存する JSON とメールの件名に入る。`/message?topic=ai` のように開くと、その種類を選んだ状態になる。値の一覧はフォーム（`src/pages/message.astro`）と `worker/index.js` の `TOPICS` の2か所にあるので、増やすときは両方を直す。 +## AI と検索エンジンのクローラー（2026-10-25） + +- `/llms.txt`：AI がこのサイトを読むときの案内。`src/pages/llms.txt.ts` がビルドのたびに、シリーズと記録の一覧（分けた記事は全文の Markdown つき）から作る +- クローラーの訪問の記録：ページ上の計測（/api/ev）は JavaScript を動かさないクローラーを数えられないので、`worker/index.js` が配信のときに名乗り（GPTBot・ClaudeBot・PerplexityBot・Googlebot・bingbot など。一覧は `CRAWLERS`）で見分け、R2（p2m-messages の `cr/`）に「どのクローラーか・どのページか・返した結果・Cloudflare が本物と確かめたか」を残す。名乗りそのものは保存しない +- そのため、ページ・テキストも worker を通す（`wrangler.jsonc` の `run_worker_first`。画像・CSS・JS・図解・試算の部品は `!` で外し、静的ファイルから直接返す） +- 数は `/api/cr-stats`（鍵が要る。クローラーごと・週ごと・よく読まれたページ）・`?format=json`・`?since=日付`・`?bot=GPTBot` + ## AI活用の記事と相談の案内 AI活用の記事（フィジカルAIの研究を回すために作った仕組みの記録）は、シリーズ「ひとり研究所の裏側」（`series: "ひとり研究所の裏側"`・/series4。2026-10-17 に「ロボティクスデザイン実務フロー」から名前を変えた）に置く。「フィジカルAI研究室」は学習・推論を回す回だけにする。 diff --git a/wrangler.jsonc b/wrangler.jsonc index c2b733b..afb413b 100644 --- a/wrangler.jsonc +++ b/wrangler.jsonc @@ -9,8 +9,9 @@ "binding": "ASSETS", "not_found_handling": "404-page", "html_handling": "auto-trailing-slash", - // /media/ と /api/ と旧 URL の形（/pixelstomotors/…）は、静的ファイルより先に worker/index.js へ回す - "run_worker_first": ["/media/*", "/api/*", "/pixelstomotors", "/pixelstomotors/*"] + // ページ・テキストも worker/index.js を通す（検索エンジン・AI のクローラーの訪問を数えるため。2026-10-25）。 + // 画像・CSS・JS・図解・試算の部品は数えないので、静的ファイルから直接返す（! が付いたもの） + "run_worker_first": ["/*", "!/_astro/*", "!/site/*", "!/og/*", "!/thumbs/*", "!/embeds/*", "!/sim/*", "!/favicon*"] }, "r2_buckets": [ // 記事・4コマの画像と動画（GitHub には入れない。tools/upload_media.py で Mac から入れる） ``` ### コード：シリーズのページ src/pages/[series].astro ```astro --- // シリーズのページ（/series1〜8）。上に Studio で置いていた資料（Figma・スプレッドシートなど）、下にそのシリーズの記録 import Base from '../layouts/Base.astro'; import RecordCard from '../components/RecordCard.astro'; import LoadMore from '../components/LoadMore.astro'; import GuideBanner from '../components/GuideBanner.astro'; import ThinkingBanner from '../components/ThinkingBanner.astro'; import ServingBanner from '../components/ServingBanner.astro'; import { seriesCards, SERIES_PAGES } from '../lib/records'; import { media } from '../lib/media'; import staticPages from '../data/static.json'; import { SITE, SITE_NAME } from '../lib/seo'; export function getStaticPaths() { return Object.keys(SERIES_PAGES).map((series) => ({ params: { series } })); } const { series } = Astro.params; const conf = SERIES_PAGES[series]; const blocks = (staticPages[series]?.blocks || []).slice(1); // 先頭はページの見出し const items = await seriesCards(conf.series); const [enName, jaName] = conf.title.split(' | '); // 見出しは日本語を先に置く（検索結果のタイトルが見出しに置き換えられるため。2026-10-25） const heading = jaName ? `${jaName} | ${enName}` : conf.title; const description = conf.intro ? `${SITE_NAME} のシリーズ「${jaName || conf.title}」（${enName}）。${conf.intro}` : `${SITE_NAME} のシリーズ「${jaName || conf.title}」（${enName}）の記録一覧。ロボットとフィジカルAIを、29年のデザイナー経験から実機とシミュレーションで試した過程を、失敗も含めて公開しています。`; const jsonLd = { '@context': 'https://schema.org', '@type': 'CollectionPage', name: heading, description, url: `${SITE}/${series}`, inLanguage: 'ja', hasPart: items.slice(0, 50).map((c) => ({ '@type': 'BlogPosting', headline: c.title, url: `${SITE}/record/${c.slug}` })), }; --- {heading} {conf.intro && {conf.intro}} {conf.points && ( {conf.points.map((p) => ( {p.h}{p.items.map((t) => {t})} ))} )} {conf.guide && } {conf.thinking && } {conf.serving && } {blocks.map((b) => ( b.type === 'text' ? (b.link ? : ) : b.type === 'iframe' ? : b.type === 'embed' ? : b.type === 'img' ? (b.link ? : ) : null ))} {conf.sim && ( 試算を試す | Simulator {conf.sim.tabs && ( {conf.sim.tabs.map((t, i) => ( {t.img && } {t.task}{t.place.split('・').map((w, k, all) => {w}{k < all.length - 1 ? '・' : ''})} ))} )} {conf.sim.title} {conf.sim.note} {conf.sim.obs && 止まった理由・機種・場所を店で記録する観察シートは、試算の下にあります ↓} 全画面で開く ↗ {conf.sim.obs && ( {conf.sim.obs.title} {conf.sim.obs.note} {conf.sim.obs.points.map((t) => {t})} {conf.sim.obs.label} スマホの幅で表示しています。中のボタンも押せます )} )} 記録 | Record {items.map((c) => )} ``` ### コード：シリーズの設定 src/lib/records.ts ```ts import { getCollection } from 'astro:content'; import cards from '../data/cards.json'; import mangaCards from '../data/mangaCards.json'; import englishCards from '../data/englishCards.json'; export type Card = { day: string; series: string; published: string; title: string; slug: string; cover: string | null; thumb: string | null }; export type MangaCard = { slug: string; title: string; label: string; character: string; description: string; published: string; cover: string; comic: string; cover_alt: string; comic_alt: string }; // 一覧に並べる記事：Claude が書いた Markdown の記事 ＋ Studio から移した記事 // 並び順は LOG 番号の大きい順（1日に何本も出すようになり、公開日時の順だと番号と前後することがあるため）。 // 番号が同じか取れないもの（英語版の LOG187EN など）は公開日時で並べる export async function allCards(): Promise { const md = (await getCollection('records')).map((e) => ({ day: `LOG${e.data.day}`, series: e.data.series, published: e.data.date.toISOString(), title: e.data.title, slug: e.data.slug, cover: e.data.cover ?? null, thumb: e.data.cover ? null : `/thumbs/LOG${e.data.day}.html`, })); const seen = new Set(md.map((c) => c.slug)); const studio = (cards as Card[]).filter((c) => !seen.has(c.slug)); const num = (c: Card) => { const m = /^LOG(\d+)/.exec(c.day); return m ? Number(m[1]) : -1; }; return [...md, ...studio].sort((a, b) => (num(b) - num(a)) || b.published.localeCompare(a.published)); } export async function seriesCards(series: string): Promise { return (await allCards()).filter((c) => c.series === series); } export const allManga = mangaCards as MangaCard[]; export const allEnglish = englishCards as MangaCard[]; // 試算のタブ（シリーズのページの Simulator）。task は何をするロボットか、place はどこで使うか。 // 1つ目は sim.src・sim.title・sim.note・sim.obs をそのまま使う。2つ目からは src に # で現場を付ける // img はタブに出す写真（public/site/sim/ に置く。なければ文字だけ） export type SimTab = { id: string; task: string; place: string; src: string; title: string; note: string; img?: string }; // シリーズのページ（URL → 記事のシリーズ名）。Studio の一覧の絞り込み条件と同じ // intro はシリーズのページの見出しの下に出す説明（ないシリーズは出さない） export const SERIES_PAGES: Record = { series1: { series: 'HRI', title: 'Drug Delivery Robot | 薬剤搬送ロボットハコブくん', pageTitle: 'Series1 | 薬剤搬送ロボット', limit: 12, intro: '病院で薬を運ぶロボット「ハコブくん」を題材に、人とロボットの関わり（HRI）を設計している記録です。病院で使う画面（UI）の設計、Unity での自律移動、Fusion での形づくり、分身ロボット（アバター）の考察までを、4コママンガと一緒に残しています。' }, series2: { series: 'R2R2R', title: 'R2R2R | デジタルツイン学習-R2R2R（Real to Render to Real）', pageTitle: 'Series2 | R2R2R', limit: 12, intro: 'iPhone で物を3Dスキャンし、Unity の中で動きを試してから、机の上のロボットアーム（mechArm 270）で実際に動かす記録です。ロボット工学を専門に学んでいないデザイナーでも、アームのつかむ・渡すといった動きを設計できるかを、失敗も含めて残しています。' }, series3: { series: 'UV-C農業ロボット', title: 'UV-C Agricultural Robot | UV-C農業ロボット', pageTitle: 'Series3 | UV-C農業ロボット', limit: 20, intro: '湿気の多い日本の農業で、紫外線（UV-C）を当てて作物の病気を抑えるロボットが何を変えるかを考えた記録です。フィジカルAIを使った農業を、製造業のように管理する仕組みとして捉え直しています。' }, series4: { series: 'ひとり研究所の裏側', title: 'Behind the Solo Lab | ひとり研究所の裏側', pageTitle: 'Series4 | ひとり研究所の裏側', limit: 12, intro: 'フィジカルAIの研究をひとりで続けるために、AIと一緒に作ってきた仕組みの記録です。サイトの移行、動画の制作、記録の整理など、研究の外側の作業をどう回しているかを残しています。' }, series5: { series: '考察記事', title: 'Deep Dive | 考察記事', pageTitle: 'Series5 | 考察記事', limit: 12, thinking: true, intro: '実装の記録とは別に、フィジカルAIやロボットについて、なぜそうなるのか、何を意味するのかを考えた記事です。論文や企業の発表、市場の動きを読み、対話の形で考えたことを、外れた議論も含めてそのまま残しています。' }, series6: { series: 'フィジカルAI研究室', title: 'Physical AI Lab | フィジカルAI研究室', pageTitle: 'Series6 | フィジカルAI研究室', limit: 12, guide: true, intro: 'ロボットアームが動きを覚える環境を、自宅にひとりで作っている記録です。机の上のアームでお手本の動きを集め、ロボット用のAI（Physical Intelligence の π0.5 など）に学習させ、実機で動かして確かめます。借りたGPUの種類・時間・費用も含めて、誰でも同じ手順で始められる形で残しています。' }, series7: { series: '画像認識・物体検出', title: 'Image recognition and Object detection | 画像認識と物体検出', pageTitle: 'Series7 | 画像認識と物体検出', limit: 12, intro: 'ロボットのカメラが物を見つける仕組みを、下の層から学び直している記録です。画素の数字、色の見分け方、しきい値、輪郭、特徴点といった昔からの手法を、机の上のアームを撮った写真で1つずつ測って確かめ、その上で SAM 3 のような新しいモデルも試します。評価の物差し（IoU・適合率・再現率など）を先に決め、結果は数字で残しています。' }, series8: { series: '導入シミュレーション', title: 'Service Robot Simulation | サービスロボット導入シミュレーション', pageTitle: 'Series8 | サービスロボット導入シミュレーション', limit: 12, serving: true, intro: 'サービスロボット導入シミュレーションとは、配膳・清掃・搬送などのロボットを店や施設に入れる前に、待ち時間・必要な人数・ロボットが止まる場所・費用を試算して確かめることです。このシリーズでは、時間・順番・台数を SimPy で、ぶつかる・こぼれるといった空間と動きを Unity で扱い、結果とコードを全量公開しています。', // 見出しの下に並べる短い一覧（検索や AI が「何が分かるか・どう試算するか」を拾えるように、本文の文字で書く） points: [ { h: 'シミュレーションで分かること', items: ['必要な人数：ロボットを何台入れれば、スタッフを何人減らせるか', '待ち時間：ピーク時の入店待ちと、料理が届くまでの時間', '止まる場所：通路や席の配置で、ロボットが詰まる箇所', '費用：ロボットの月額と、浮く人件費の比較（補助金を含む）'] }, { h: '試算の方法', items: ['時間・順番・台数：離散イベントシミュレーション（SimPy）', '空間と動き：3Dシミュレーション（Unity）', '前提の数字：公開事例と、店で数える観察シート', 'ブラウザで試せる試算：飲食店・病院・商業施設・ホテル・オフィス・屋外の6現場'] }, ], sim: { src: '/sim/serving-robot.html', title: '配膳ロボット、何台入れたら店は変わる？', note: '店を選び、人数・台数・ロボットの使い方を切り替えると、ピーク時の入店待ちや料理が届くまでの時間が変わります。標準ファミレスは、店の形（平面図）から選ぶこともできます。レジの数（1つ・2つ）も選べます。ロボットの費用と浮く人件費も比べられます（補助金の情報つき）。1つの条件を40回回した平均で、数字はすべて仮の前提による試算です（試作 v2.8・32,850条件）。', obs: { src: '/sim/serving-robot-observation.html', title: '試算の仮の数字を、店で数える観察シート', label: '観察シートを開く ↗', note: '配膳ロボットが通路で何回止まるかは、公開データが見つかりませんでした。店で片手で押して数えるための記録シートの例です。押した記録はこのブラウザの中にだけ保存され、どこにも送られません。', points: ['ロボットの出発・卓に着いた・止まった・戻ったを押すと、1往復の時間と止まった割合が出る', '止まった場所と原因を選べる。選択肢は記録する人の立場（客席から・店のスタッフ・導入や保守の担当）で切り替わる', '地図やルートを変える前と後の観察を並べて比べられる'] }, tabs: [ { id: 'serving', img: '/site/sim/serving.jpg?v=2', task: '配膳', place: '飲食店', src: '/sim/serving-robot.html', title: '', note: '' }, { id: 'hospital', img: '/site/sim/hospital.jpg?v=1', task: '搬送', place: '病院', src: '/sim/service-robot-sites.html#hospital', title: '検体と薬剤の搬送、ロボットに任せると何が変わる？', note: '慈恵医大柏病院の公開事例の形（3つのルート・運行の時間帯・同じ階）をもとに、病院の広さを選び、人が運ぶ時間と、荷物が届くまでの時間を比べます。ロボットが途中で止まる割合など、公開されていない値は仮置きで、何段階か動かせます（試作 v1・3,276条件・各30回の平均）。' }, { id: 'cleaning', img: '/site/sim/cleaning.jpg?v=2', task: '清掃', place: '商業施設・ビル', src: '/sim/service-robot-sites.html#cleaning', title: '夜間の床清掃、人の作業はどれだけ減る？', note: '施設の広さ・ロボットが拭ける広い床の割合・台数・引っかかる回数を切り替えると、人の作業時間と、ロボットに呼ばれる回数が変わります。施設全体で5%減と対象エリアで60%減という公開事例の差を、床の割合で確かめられます（試作 v1・5,840条件・各30回の平均）。' }, { id: 'hotel', img: '/site/sim/hotel.jpg?v=2', task: '配送', place: 'ホテル', src: '/sim/service-robot-sites.html#hotel', title: 'アメニティの客室配送、フロントは楽になる？', note: 'ホテルの広さ（120室・200室・400室）を選び、客室からの依頼をロボットで届けると、フロントを離れる時間・届くまでの時間・チェックインの待ちがどう変わるかを比べます（試作 v1・2,379条件・各30回の平均）。' }, { id: 'security', img: '/site/sim/security.jpg?v=1', task: '巡回', place: 'オフィスビル', src: '/sim/service-robot-sites.html#security', title: '夜間の警備、巡回をロボットに任せると？', note: 'ビルの広さを選び、ロボットが巡回して異常を知らせ、警備員が駆けつける形で、異常に人が着くまでの時間と、防災センターが空く時間を比べます。異常でないものを知らせる空振りの回数は仮置きです（試作 v1・1,674条件・各30回の平均）。' }, { id: 'outdoor', img: '/site/sim/outdoor.jpg?v=2', task: '配送', place: '屋外（歩道）', src: '/sim/service-robot-sites.html#outdoor', title: '歩道の配送ロボット、何件から人が足りなくなる？', note: '店から家へ届けるロボットと遠隔のオペレーターで、配達エリアの広さ・注文の数・台数・1人が見られる台数を切り替えます。止まってオペレーターを呼ぶ回数は仮置きです（試作 v1・3,960条件・各30回の平均）。' }, ] } }, }; ``` ### コード：サイトの使われ方の記録 src/components/SiteMeasure.astro ```astro --- // サイトの使われ方の記録（2026-10-18）。Web改善の検証（Project の claude/web_improvement_trial.md）のため、 // Cloudflare Web Analytics では取れない「どこまで読んだか・何を押したか・どこで迷ったか」を数える。 // 最初は広く取り、データがたまってから見るものを絞る方針。 // // 1回のページ表示 = 1件。ページが見えなくなったとき（閉じる・移る・タブを切り替える）に、まとめて /api/ev へ送る。 // 戻ってきてまた見えなくなったら、同じ番号で中身を足して送り直す（数えるときは番号ごとに最後の1件だけ使う）。 // // 送るもの：ページ・サイト内のどのページから来たか（戻るボタンで戻ったか）・外から来たならそのサイトの名前（ドメイン）だけ・ // 画面の幅（pc/sp）・どこまで読んだか・表示していた時間・押したリンクやボタン（行き先とページのどの部分か）・ // リンクでない所を押した回数・短い間に同じ所を何度も押した回数・コピーした回数・動画を再生した回数・ // フォームに入力を始めたか・送信ボタンを押した回数・ // 人が操作したか（マウスを動かす・押す・指で触れる・ホイール・キーのどれかがあったか）・ // 自動で動くブラウザか（navigator.webdriver と、ブラウザの名乗りに Headless・bot などが入っているかの判定結果だけ） // 送らないもの：入力した内容・コピーした文章・IP アドレス・ブラウザの種類・Cookie。 // 番号はこの1回の表示のためだけに作り、ブラウザに保存しない（別のページや次の来訪とはつながらない）。 // // 送らない場合： // - 「トラッキングしないで」（Do Not Track / Global Privacy Control）を設定したブラウザ // - エイイチ自身の閲覧：どれかのページを ?p2m-notrack=1 を付けて開くと、そのブラウザでは以後送らない（=0 で元に戻す。=check で今の設定を表示） // 数は /api/ev-stats（表）・/api/ev-stats?format=json で見る --- ``` ### コード：配信とクローラーの記録・集計 worker/index.js ```js // サイトの入口。ほとんどのページは作っておいた静的ファイル（dist/）をそのまま返す。 // ここで処理するのは3つだけ: // - /pixelstomotors/… 旧 URL の形。/pixelstomotors を外した URL へ 301 で転送する // - /media/{ファイル名} 記事・4コマの画像と動画を R2（p2m-media）から返す（GitHub には入れないため） // - /api/message メッセージフォームの送信を R2（p2m-messages）に保存し、メールで知らせる // - /api/hk-event 更新を知らせるハコブくんが「出た・押された・あとで見に来た」を R2（p2m-messages の hk-events/）に1件ずつ残す // - /api/hk-stats その記録を日ごと・更新ごとに数えて見せる（数だけ。誰かは分からない） // - /api/ev サイトの使われ方（1回のページ表示ごとの、読んだ深さ・押したもの・迷い）を R2（p2m-messages の ev/）に残す // - /api/ev-stats その記録を週ごと・ページごとに数えて見せる（数だけ。誰かは分からない） // - ページ・llms.txt・全文の Markdown など 静的ファイルを返す。検索エンジン・AI のクローラーが読みに来たら、R2（p2m-messages の cr/）に1件ずつ残す // - /api/cr-stats その記録を、どのクローラーが・いつ・どのページを読んだかで数えて見せる（2026-10-25） // - 5分ごとの scheduled SNS の予約投稿の時刻が来ていたら GitHub Actions を起こす（worker/sns_cron.js） // // 守り（2026-10-23） // - 数の表（/api/hk-stats・/api/ev-stats・/api/cr-stats）は、鍵（Cloudflare の秘密の値 STATS_KEY）を付けたときだけ見られる。鍵がなければ 404 // - 送信の口（/api/message・/api/hk-event・/api/ev）は、このサイトのページから送られたものだけ受け取る // - 同じ送信元からの送りすぎは、Cloudflare の流量制限（wrangler.jsonc の ratelimits）で断る。送信元の IP アドレスは数えるためだけに使い、記録しない // - フォームには人には見えない欄（website）を置き、そこが埋まった送信は保存せずに受け取ったふりをする（自動投稿の対策） // - このファイルが返す応答には、内容の種類を推測させない指定（nosniff）を付ける。ページ側の指定は public/_headers import { EmailMessage } from 'cloudflare:email'; import { snsCron } from './sns_cron.js'; export default { async fetch(request, env, ctx) { const url = new URL(request.url); if (url.pathname.startsWith('/api/') || url.pathname.startsWith('/media/') || url.pathname === '/pixelstomotors' || url.pathname.startsWith('/pixelstomotors/')) { return secured(await route(request, env, url)); } const res = await env.ASSETS.fetch(request); // 検索エンジン・AI のクローラーが読みに来たか（記録の失敗でページを止めない） try { const bot = crawlerOf(request, url); if (bot) ctx.waitUntil(crRecord(request, env, url, bot, res.status).catch(() => {})); } catch { /* 数え損ねてもページは返す */ } return res; }, // 5分ごと（wrangler.jsonc の triggers）：SNS の予約投稿の時刻が来ていたら、GitHub Actions を起こす（worker/sns_cron.js） async scheduled(event, env, ctx) { ctx.waitUntil(snsCron(env, event.scheduledTime).then((m) => console.log('sns-cron:', m), (e) => console.error('sns-cron:', e.message))); }, }; async function route(request, env, url) { // 旧 URL の形（/pixelstomotors/…）で来たら、/pixelstomotors を外した URL へ恒久転送する if (url.pathname === '/pixelstomotors' || url.pathname.startsWith('/pixelstomotors/')) { const to = new URL(url.pathname.slice('/pixelstomotors'.length) || '/', url); to.search = url.search; return Response.redirect(to.toString(), 301); } if (url.pathname.startsWith('/media/')) return media(request, env, url); if (url.pathname === '/api/message') return guarded(request, env, url, 'RL_MESSAGE', () => message(request, env)); if (url.pathname === '/api/hk-event') return guarded(request, env, url, 'RL_EVENT', () => hkEvent(request, env)); if (url.pathname === '/api/ev') return guarded(request, env, url, 'RL_EVENT', () => evRecord(request, env, url)); if (url.pathname === '/api/hk-stats') return (await statsAllowed(request, env, url)) ? hkStats(request, env, url) : notFound(); if (url.pathname === '/api/ev-stats') return (await statsAllowed(request, env, url)) ? evStats(request, env, url) : notFound(); if (url.pathname === '/api/cr-stats') return (await statsAllowed(request, env, url)) ? crStats(request, env, url) : notFound(); return env.ASSETS.fetch(request); } const notFound = () => new Response('Not Found', { status: 404, headers: { 'x-robots-tag': 'noindex' } }); // worker が返す応答に、内容の種類を推測させない指定などを付ける（転送の応答は見出しを変えられないので作り直す） function secured(res) { const r = new Response(res.body, res); r.headers.set('x-content-type-options', 'nosniff'); r.headers.set('referrer-policy', 'strict-origin-when-cross-origin'); return r; } // このサイトのページから送られたものか（ブラウザは POST に Origin を付ける。付かないときは Sec-Fetch-Site で見る） function sameSite(request, url) { const o = request.headers.get('origin'); if (o) { try { return new URL(o).host === url.host; } catch { return false; } } return request.headers.get('sec-fetch-site') === 'same-origin'; } // 送信の口の共通の守り：POST 以外・ほかのサイトから・送りすぎを断ってから処理する async function guarded(request, env, url, limiter, handle) { if (request.method !== 'POST') return new Response('Method Not Allowed', { status: 405 }); if (!sameSite(request, url)) return new Response(null, { status: 403 }); const rl = env[limiter]; if (rl) { try { const { success } = await rl.limit({ key: request.headers.get('cf-connecting-ip') || 'unknown' }); if (!success) return new Response(null, { status: 429, headers: { 'retry-after': '60' } }); } catch { /* 流量制限が使えないときは通す（サイトの動きを止めない） */ } } return handle(); } // 数の表を見てよいか。鍵は ?key=… か Authorization: Bearer … で渡す。鍵が設定されていなければ誰にも見せない async function statsAllowed(request, env, url) { const key = env.STATS_KEY; if (!key) return false; const given = url.searchParams.get('key') || (request.headers.get('authorization') || '').replace(/^Bearer\s+/i, ''); if (!given) return false; const [a, b] = await Promise.all([given, key].map((x) => crypto.subtle.digest('SHA-256', new TextEncoder().encode(x)))); return crypto.subtle.timingSafeEqual(a, b); } async function media(request, env, url) { if (request.method !== 'GET' && request.method !== 'HEAD') return new Response('Method Not Allowed', { status: 405 }); const key = decodeURIComponent(url.pathname.slice('/media/'.length)); if (!key || key.includes('/') || key.startsWith('.')) return new Response('Not Found', { status: 404 }); // 動画の途中から再生できるよう、Range（一部だけの取得）にも答える const obj = await env.MEDIA.get(key, { range: request.headers, onlyIf: request.headers }); if (obj === null) return new Response('Not Found', { status: 404 }); const headers = new Headers(); obj.writeHttpMetadata(headers); headers.set('etag', obj.httpEtag); headers.set('accept-ranges', 'bytes'); headers.set('cache-control', 'public, max-age=86400'); if (!('body' in obj) || !obj.body) return new Response(null, { status: 304, headers }); let status = 200; if (obj.range && request.headers.has('range')) { // R2 の range は {offset, length} か {suffix}。キーがあっても値が undefined のことがあるため、値で判定する // （'suffix' in r で判定すると NaN になり、ブラウザが動画を再生しなかった） const r = obj.range; let start, end; if (typeof r.suffix === 'number') { start = Math.max(0, obj.size - r.suffix); end = obj.size - 1; } else { start = typeof r.offset === 'number' ? r.offset : 0; end = typeof r.length === 'number' ? Math.min(obj.size - 1, start + r.length - 1) : obj.size - 1; } headers.set('content-range', `bytes ${start}-${end}/${obj.size}`); headers.set('content-length', String(end - start + 1)); status = 206; } return new Response(request.method === 'HEAD' ? null : obj.body, { status, headers }); } // メッセージフォームの「ご相談の種類」。値はフォーム（src/pages/message.astro）の option と同じ const TOPICS = { 'physical-ai': 'フィジカルAI・ロボット', ai: 'AI活用・仕組みづくり', media: '取材・登壇', other: 'その他' }; async function message(request, env) { if (request.method !== 'POST') return new Response('Method Not Allowed', { status: 405 }); let d; try { d = await request.json(); } catch { return json({ ok: false, error: '送信の形が正しくありません' }, 400); } // 人には見えない欄が埋まっていたら自動投稿。保存も通知もせず、受け取ったふりをする if (String(d.website || '').trim()) return json({ ok: true }); const name = String(d.name || '').trim().slice(0, 200); const email = String(d.email || '').trim().slice(0, 300); const body = String(d.body || '').trim().slice(0, 10000); // 相談の種類（フォームの選択肢と同じ値）。古いページから送られて種類がないときは「未選択」として受け取る const topic = Object.hasOwn(TOPICS, d.topic) ? d.topic : ''; if (!name || !email || !body || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) || d.agree !== true) { return json({ ok: false, error: '入力を確かめてください' }, 400); } const at = new Date().toISOString(); const key = `${at.replace(/[:.]/g, '-')}-${crypto.randomUUID().slice(0, 8)}.json`; await env.MESSAGES.put(key, JSON.stringify({ at, name, email, topic, body, ua: request.headers.get('user-agent') || '' }, null, 1), { httpMetadata: { contentType: 'application/json' } }); // 保存できたら、メールで知らせる。メールが送れなくても、保存は済んでいるので送信者には成功と返す try { await notify(env, { at, name, email, topic, body, key }); } catch (e) { console.error('メール通知に失敗', e && e.message); } return json({ ok: true }); } // 届いたメッセージを MAIL（Cloudflare の送信の仕組み）でエイイチのメールへ送る。 // 送り元はこのドメインの form@pixelstomotors.com。返信先（Reply-To）に送信者のメールを入れる async function notify(env, m) { if (!env.MAIL) return; const from = 'form@pixelstomotors.com'; const to = 'pixelstomotors@adaptdesign.jp'; const topicName = Object.hasOwn(TOPICS, m.topic) ? TOPICS[m.topic] : '未選択'; const subject = `[Pixels to Motors] ${topicName}: ${m.name}`; const text = [ `種類: ${topicName}`, `名前: ${m.name}`, `メール: ${m.email}`, `受け取り: ${m.at}`, `保存先: p2m-messages/${m.key}`, '', m.body, ].join('\n'); const raw = [ `From: Pixels to Motors <${from}>`, `To: <${to}>`, `Reply-To: ${encodeWord(m.name)} <${m.email}>`, `Subject: ${encodeWord(subject)}`, `Date: ${new Date(m.at).toUTCString()}`, `Message-ID: <${m.key.replace(/\.json$/, '')}@pixelstomotors.com>`, 'MIME-Version: 1.0', 'Content-Type: text/plain; charset=utf-8', 'Content-Transfer-Encoding: base64', '', base64(text), ].join('\r\n'); await env.MAIL.send(new EmailMessage(from, to, raw)); } // 日本語の見出しをメールの決まり（RFC 2047）で符号化する。見出しは1行に収めるので改行を入れない function encodeWord(s) { return `=?utf-8?B?${base64(s, false)}?=`; } // fold=true のとき、本文用に 76 文字ごとに改行を入れる（見出しに入れると途中で切れて壊れる） function base64(s, fold = true) { const bytes = new TextEncoder().encode(s); let bin = ''; for (const b of bytes) bin += String.fromCharCode(b); const out = btoa(bin); return fold ? out.replace(/(.{76})/g, '$1\r\n') : out; } function json(o, status = 200) { return new Response(JSON.stringify(o), { status, headers: { 'content-type': 'application/json; charset=utf-8' } }); } // ---------- 更新を知らせるハコブくんの効果の記録 ---------- // 1件 = 1つの空のファイル。中身は持たず、何が起きたかを付箋（customMetadata）に書く（一覧のときに中身を読まずに数えられる） // 残すのは「出た(shown)／押された(click)／押さずにあとで見に来た(later)」「どの更新か」「どのページで」「画面の幅（pc/sp）」「日付」だけ。 // IP アドレス・ブラウザの種類・Cookie・見た人を見分ける番号は残さない const HK_EVENTS = new Set(['shown', 'click', 'later']); const HK_KINDS = new Set(['record', 'manga', 'issues']); async function hkEvent(request, env) { if (request.method !== 'POST') return new Response('Method Not Allowed', { status: 405 }); let d; try { d = JSON.parse((await request.text()).slice(0, 2000)); } catch { return new Response(null, { status: 400 }); } const e = String(d.e || ''), kind = String(d.kind || ''); const id = String(d.id || '').slice(0, 160), path = String(d.path || '').slice(0, 160), w = d.w === 'sp' ? 'sp' : 'pc'; if (!HK_EVENTS.has(e) || !HK_KINDS.has(kind) || !/^(record|manga|issues):[\w.-]+$/.test(id) || !path.startsWith('/')) { return new Response(null, { status: 400 }); } const at = new Date(); const day = new Date(at.getTime() + 9 * 3600e3).toISOString().slice(0, 10); // 日本時間の日付 const key = `hk-events/${day}/${at.getTime()}-${crypto.randomUUID().slice(0, 8)}`; await env.MESSAGES.put(key, '', { customMetadata: { e, kind, id, path, w } }); return new Response(null, { status: 204 }); } async function hkStats(request, env, url) { if (request.method !== 'GET') return new Response('Method Not Allowed', { status: 405 }); const rows = []; let cursor; do { const r = await env.MESSAGES.list({ prefix: 'hk-events/', cursor, include: ['customMetadata'], limit: 1000 }); for (const o of r.objects) rows.push({ day: o.key.split('/')[1], ...(o.customMetadata || {}) }); cursor = r.truncated ? r.cursor : undefined; } while (cursor); const add = (map, k, ev) => { const v = map.get(k) || { shown: 0, click: 0, later: 0 }; v[ev] = (v[ev] || 0) + 1; map.set(k, v); return v; }; // 週は月曜はじまり（日本時間の日付から、その週の月曜の日付を出す） const weekOf = (day) => { const d = new Date(day + 'T00:00:00Z'); d.setUTCDate(d.getUTCDate() - ((d.getUTCDay() + 6) % 7)); return d.toISOString().slice(0, 10); }; const byDay = new Map(), byWeek = new Map(), byItem = new Map(), byW = new Map(); for (const r of rows) { add(byDay, r.day, r.e); add(byWeek, weekOf(r.day), r.e); add(byItem, r.id, r.e); add(byW, r.w, r.e); } const data = { total: rows.length, byWeek: [...byWeek].sort((a, b) => b[0].localeCompare(a[0])).map(([week, v]) => { const end = new Date(week + 'T00:00:00Z'); end.setUTCDate(end.getUTCDate() + 6); return { week: `${week} 〜 ${end.toISOString().slice(5, 10)}`, ...v }; }), byDay: [...byDay].sort((a, b) => b[0].localeCompare(a[0])).map(([day, v]) => ({ day, ...v })), byItem: [...byItem].sort((a, b) => b[1].shown - a[1].shown).map(([id, v]) => ({ id, ...v })), byWidth: [...byW].map(([w, v]) => ({ w, ...v })), }; if (url.searchParams.get('format') === 'json') { return new Response(JSON.stringify(data), { headers: { 'content-type': 'application/json; charset=utf-8', 'x-robots-tag': 'noindex', 'cache-control': 'no-store' } }); } const pct = (v) => (v.shown ? `${Math.round(((v.click + v.later) / v.shown) * 100)}%` : '-'); const esc = (s) => String(s).replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' }[c])); const table = (head, list, key) => `${head}出た吹き出しを押した押さずにあとで見に来た見に行った割合${ list.map((v) => `${esc(v[key])}${v.shown}${v.click}${v.later}${pct(v)}`).join('')}`; const html = ` ハコブくんの知らせの記録 ハコブくんの知らせの記録サイトの更新を知らせてハコブくんが走った回数と、そのあと見た人がどう動いたか。数だけを残しており、誰かは分からない。日付は日本時間。 週ごと（月曜はじまり。週が変わると新しい行が増える）${table('週', data.byWeek, 'week')} 日ごと${table('日付', data.byDay, 'day')} 更新ごと${table('更新', data.byItem, 'id')} 画面の幅（pc＝広い／sp＝スマホ）${table('幅', data.byWidth, 'w')} 記録の件数：${data.total}`; return new Response(html, { headers: { 'content-type': 'text/html; charset=utf-8', 'x-robots-tag': 'noindex', 'cache-control': 'no-store' } }); } // ---------- サイトの使われ方の記録（src/components/SiteMeasure.astro が送る） ---------- // 1回のページ表示 = 1件。中身は持たず、付箋（customMetadata）に書く（一覧のときに中身を読まずに数えられる）。 // 同じ表示が戻ってきて送り直したときは n が増える。数えるときは v（その表示だけの番号）ごとに n が最大の1件を使う。 // IP アドレス・ブラウザの種類・Cookie は残さない。v はブラウザに保存されない、その表示だけの番号 const EV_AREAS = new Set(['hakobu', 'header', 'footer', 'crumbs', 'toc', 'consult', 'pager', 'related', 'body', 'main', 'sim', 'other']); const EV_DEPTHS = new Set([0, 25, 50, 75, 100]); const evInt = (x, max) => { const n = Math.floor(Number(x)); return Number.isFinite(n) && n >= 0 ? Math.min(n, max) : 0; }; // 自動で巡回するプログラムの名乗り（検索エンジン・AI のクローラー・SNS のプレビュー・自動のブラウザ）。名乗りそのものは保存しない const EV_BOT_UA = /bot\/|bot;|\bbot\b|crawl|spider|slurp|headless|lighthouse|preview|facebookexternalhit|embedly|python-|curl\/|wget|go-http|okhttp|axios|node-fetch|playwright|puppeteer|selenium|phantom/i; // 人か機械か：b＝機械（自動のブラウザ・クローラーの名乗り）／h＝人の操作があった／x＝どちらとも言えない（操作なし）。2026-10-25 から const evKind = (request, d) => { const ua = request.headers.get('user-agent') || ''; let verified = false; try { verified = !!(request.cf && (request.cf.verifiedBotCategory || (request.cf.botManagement && request.cf.botManagement.verifiedBot))); } catch { /* 使えない環境では名乗りだけで見る */ } if (verified || !ua || EV_BOT_UA.test(ua) || Number(d.wd) === 1 || Number(d.hl) === 1) return 'b'; return Number(d.u) === 1 ? 'h' : 'x'; }; const evText = (x, max) => String(x == null ? '' : x).replace(/[\u0000-\u001f|>]/g, ' ').slice(0, max); async function evRecord(request, env, url) { if (request.method !== 'POST') return new Response('Method Not Allowed', { status: 405 }); // ほかのサイトから送られたもの・送りすぎは、guarded() で断っている let d; try { d = JSON.parse((await request.text()).slice(0, 6000)); } catch { return new Response(null, { status: 400 }); } const v = String(d.v || ''), p = String(d.p || ''); if (!/^[a-z0-9]{6,16}$/.test(v) || !p.startsWith('/') || p.length > 160) return new Response(null, { status: 400 }); const f = String(d.f || ''); const s = Number(d.s); const clicks = (Array.isArray(d.c) ? d.c : []).slice(0, 8) .filter((c) => Array.isArray(c) && EV_AREAS.has(String(c[1]))) .map((c) => `${evText(c[0], 100)}>${c[1]}`); let c = clicks.join('|'); if (c.length > 900) c = c.slice(0, 900); const meta = { v, n: String(evInt(d.n, 50)), p, f: f === '(戻る)' || (f.startsWith('/') && f.length <= 160) ? f : '', r: /^[a-z0-9.-]{1,80}$/i.test(String(d.r || '')) ? String(d.r).toLowerCase() : '', w: d.w === 'sp' ? 'sp' : 'pc', s: String(EV_DEPTHS.has(s) ? s : 0), t: String(evInt(d.t, 7200)), c, d: String(evInt(d.d, 999)), g: String(evInt(d.g, 999)), cp: String(evInt(d.cp, 999)), vp: String(evInt(d.vp, 999)), fs: String(evInt(d.fs, 1)), fx: String(evInt(d.fx, 99)), fv: String(evInt(d.fv, 99)), k: evKind(request, d), }; const at = new Date(); const day = new Date(at.getTime() + 9 * 3600e3).toISOString().slice(0, 10); // 日本時間の日付 await env.MESSAGES.put(`ev/${day}/${at.getTime()}-${v}-${meta.n}`, '', { customMetadata: meta }); return new Response(null, { status: 204 }); } // 週は月曜はじまり（日本時間の日付から、その週の月曜の日付を出す） const evWeekOf = (day) => { const d = new Date(day + 'T00:00:00Z'); d.setUTCDate(d.getUTCDate() - ((d.getUTCDay() + 6) % 7)); return d.toISOString().slice(0, 10); }; const evMedian = (a) => { if (!a.length) return 0; const b = [...a].sort((x, y) => x - y); const m = b.length >> 1; return b.length % 2 ? b[m] : Math.round((b[m - 1] + b[m]) / 2); }; const EV_AREA_JA = { hakobu: 'ハコブくん', header: 'ヘッダー', footer: 'フッター', crumbs: '現在地', toc: '目次', consult: '相談の案内', pager: '前後の記事', related: '関連記事', body: '本文', main: 'ページの中身', other: 'その他' }; async function evStats(request, env, url) { if (request.method !== 'GET') return new Response('Method Not Allowed', { status: 405 }); const since = /^\d{4}-\d{2}-\d{2}$/.test(url.searchParams.get('since') || '') ? url.searchParams.get('since') : ''; const week = /^\d{4}-\d{2}-\d{2}$/.test(url.searchParams.get('week') || '') ? url.searchParams.get('week') : ''; // who=human で人だけ、who=bot で機械だけ、who=unknown で操作のなかった表示だけ、who=old で印を付ける前の記録だけを数える（なければ全部） const WHO = { human: 'h', bot: 'b', unknown: 'x', old: 'o' }; const who = WHO[url.searchParams.get('who')] ? url.searchParams.get('who') : ''; // 1) 記録を読む（v ごとに n が最大の1件） const views = new Map(); let cursor, pages = 0, truncated = false; do { const r = await env.MESSAGES.list({ prefix: 'ev/', cursor, include: ['customMetadata'], limit: 1000, ...(since && !cursor ? { startAfter: `ev/${since}` } : {}) }); for (const o of r.objects) { const m = o.customMetadata || {}; if (!m.v) continue; const day = o.key.split('/')[1]; if (since && day < since) continue; const prev = views.get(m.v); if (!prev || Number(m.n) >= Number(prev.n)) views.set(m.v, { ...m, day }); } cursor = r.truncated ? r.cursor : undefined; if (++pages >= 40 && cursor) { truncated = true; break; } } while (cursor); // 2) メッセージフォームから実際に届いた数（p2m-messages の一番上に置かれた .json の数） const sent = new Map(); cursor = undefined; pages = 0; do { const r = await env.MESSAGES.list({ delimiter: '/', cursor, limit: 1000 }); for (const o of r.objects) { const m = o.key.match(/^(\d{4}-\d{2}-\d{2})T(\d{2})-(\d{2})-(\d{2})-(\d{3})Z/); if (!m) continue; const day = new Date(Date.UTC(+m[1].slice(0, 4), +m[1].slice(5, 7) - 1, +m[1].slice(8, 10), +m[2], +m[3], +m[4]) + 9 * 3600e3).toISOString().slice(0, 10); if (since && day < since) continue; const w = evWeekOf(day); sent.set(w, (sent.get(w) || 0) + 1); } cursor = r.truncated ? r.cursor : undefined; } while (cursor && ++pages < 10); // 3) 数える const rows = [...views.values()].map((m) => ({ ...m, week: evWeekOf(m.day), s: Number(m.s) || 0, t: Number(m.t) || 0, d: Number(m.d) || 0, g: Number(m.g) || 0, cp: Number(m.cp) || 0, vp: Number(m.vp) || 0, fs: Number(m.fs) || 0, fx: Number(m.fx) || 0, fv: Number(m.fv) || 0, k: m.k || 'o', clicks: m.c ? m.c.split('|').map((x) => { const i = x.lastIndexOf('>'); return { target: x.slice(0, i), area: x.slice(i + 1) }; }) : [], })); // 人と機械の内訳は、絞り込む前の全部の記録で週ごとに数える const kinds = new Map(); for (const r of rows) { const x = kinds.get(r.week) || { h: 0, b: 0, x: 0, o: 0 }; x[r.k]++; kinds.set(r.week, x); } const counted = who ? rows.filter((r) => r.k === WHO[who]) : rows; const isMsg = (p) => p === '/message' || p === '/message/'; const outside = (c) => c.area !== 'hakobu' && !c.target.startsWith('/') && !c.target.startsWith('#') && !c.target.startsWith('btn:') && !c.target.startsWith('(リンクなし)') && !c.target.startsWith('iframe'); const weeks = new Map(); for (const r of counted) { const w = weeks.get(r.week) || { week: r.week, views: 0, times: [], read75: 0, dead: 0, rage: 0, out: 0, back: 0, sp: 0, msgViews: 0, formStart: 0, formSubmit: 0, formValid: 0 }; w.views++; w.times.push(r.t); if (r.s >= 75) w.read75++; w.dead += r.d; w.rage += r.g; w.out += r.clicks.filter(outside).length; if (r.f === '(戻る)') w.back++; if (r.w === 'sp') w.sp++; if (isMsg(r.p)) { w.msgViews++; w.formStart += r.fs; w.formSubmit += r.fx; w.formValid += r.fv; } weeks.set(r.week, w); } for (const k of sent.keys()) if (!weeks.has(k)) weeks.set(k, { week: k, views: 0, times: [], read75: 0, dead: 0, rage: 0, out: 0, back: 0, sp: 0, msgViews: 0, formStart: 0, formSubmit: 0, formValid: 0 }); const pct = (a, b) => (b ? Math.round((a / b) * 100) : 0); const byWeek = [...weeks.values()].sort((a, b) => b.week.localeCompare(a.week)).map((w) => { const end = new Date(w.week + 'T00:00:00Z'); end.setUTCDate(end.getUTCDate() + 6); return { week: w.week, label: `${w.week} 〜 ${end.toISOString().slice(5, 10)}`, views: w.views, medianSeconds: evMedian(w.times), read75Pct: pct(w.read75, w.views), spPct: pct(w.sp, w.views), backViews: w.back, outClicks: w.out, deadClicks: w.dead, rageClicks: w.rage, messageViews: w.msgViews, formStarts: w.formStart, formSubmits: w.formSubmit, formSubmitsValid: w.formValid, messagesReceived: sent.get(w.week) || 0, humanViews: (kinds.get(w.week) || {}).h || 0, botViews: (kinds.get(w.week) || {}).b || 0, unknownViews: (kinds.get(w.week) || {}).x || 0, unmarkedViews: (kinds.get(w.week) || {}).o || 0, }; }); // ページごと・移り方・押したもの（week= を付けるとその週だけ。付けなければ全期間） const scope = week ? counted.filter((r) => r.week === week) : counted; const count = (map, k, add = 1) => map.set(k, (map.get(k) || 0) + add); const pagesMap = new Map(), moves = new Map(), refs = new Map(), targets = new Map(), areas = new Map(), dead = new Map(); for (const r of scope) { const pg = pagesMap.get(r.p) || { path: r.p, views: 0, times: [], s25: 0, s50: 0, s75: 0, s100: 0, dead: 0, rage: 0, copies: 0, plays: 0, out: 0 }; pg.views++; pg.times.push(r.t); if (r.s >= 25) pg.s25++; if (r.s >= 50) pg.s50++; if (r.s >= 75) pg.s75++; if (r.s >= 100) pg.s100++; pg.dead += r.d; pg.rage += r.g; pg.copies += r.cp; pg.plays += r.vp; pg.out += r.clicks.filter(outside).length; pagesMap.set(r.p, pg); if (r.f) count(moves, `${r.f} → ${r.p}`); count(refs, r.r || (r.f ? '（サイト内）' : '（直接・不明）')); for (const c of r.clicks) { count(areas, c.area); if (c.target.startsWith('(リンクなし)')) count(dead, `${r.p} ${c.target}`); else count(targets, `${c.target}｜${EV_AREA_JA[c.area] || c.area}`); } } const top = (map, n, key) => [...map].sort((a, b) => b[1] - a[1]).slice(0, n).map(([k, v]) => ({ [key]: k, count: v })); const data = { total: rows.length, counted: counted.length, truncated, since: since || null, week: week || null, who: who || null, byWeek, byPage: [...pagesMap.values()].sort((a, b) => b.views - a.views).slice(0, 100).map((p) => ({ path: p.path, views: p.views, medianSeconds: evMedian(p.times), read25Pct: pct(p.s25, p.views), read50Pct: pct(p.s50, p.views), read75Pct: pct(p.s75, p.views), read100Pct: pct(p.s100, p.views), deadClicks: p.dead, rageClicks: p.rage, copies: p.copies, videoPlays: p.plays, outClicks: p.out, })), moves: top(moves, 50, 'move'), referrers: top(refs, 30, 'from'), clicks: top(targets, 60, 'target'), areas: [...areas].sort((a, b) => b[1] - a[1]).map(([a, n]) => ({ area: EV_AREA_JA[a] || a, count: n })), deadClicks: top(dead, 30, 'where'), }; if (url.searchParams.get('format') === 'json') { return new Response(JSON.stringify(data), { headers: { 'content-type': 'application/json; charset=utf-8', 'x-robots-tag': 'noindex', 'cache-control': 'no-store' } }); } const esc = (s) => String(s).replace(/[&<>"]/g, (ch) => ({ '&': '&', '<': '<', '>': '>', '"': '"' }[ch])); const table = (cols, list) => list.length ? `${cols.map(([, h]) => `${h}`).join('')}${list.map((r) => `${cols.map(([k]) => `${esc(r[k])}`).join('')}`).join('')}` : 'まだ記録がありません。'; const html = ` サイトの使われ方の記録 サイトの使われ方の記録1回のページ表示ごとに、どこまで読んだか・何を押したか・迷ったかを数えたもの。誰かは分からない。日付は日本時間、週は月曜はじまり。${week ? `ページごと以下の表は ${esc(week)} の週だけ。` : 'ページごと以下の表は全期間。?week=週の月曜の日付 でその週だけになる。'}${truncated ? ' 記録が多すぎて一部だけ数えた（?since=日付 で期間を絞る）。' : ''} 人と機械：「人」はマウス・指・キーの操作があった表示、「機械」はクローラーや自動のブラウザの名乗り・印があった表示、「操作なし」はどちらとも言えない表示、「印なし」は 2026-10-25 より前の記録。いま数えているのは ${esc({ human: '人', bot: '機械', unknown: '操作なし', old: '印なし' }[who] || '全部')}（?who=human・bot・unknown・old で絞る。週ごとの表の「人」〜「印なし」の4列は常に全部の内訳）。 週ごと${table([['label', '週'], ['views', '表示'], ['medianSeconds', '表示時間（中央値・秒）'], ['read75Pct', '75％以上読んだ（％）'], ['spPct', 'スマホ（％）'], ['backViews', '戻るで戻った'], ['outClicks', '外へのクリック'], ['deadClicks', 'リンクなしを押した'], ['rageClicks', '連打'], ['messageViews', 'フォームの表示'], ['formStarts', '入力を始めた'], ['formSubmits', '送信を押した'], ['formSubmitsValid', 'うち入力がそろっていた'], ['messagesReceived', '届いたメッセージ'], ['humanViews', '人'], ['botViews', '機械'], ['unknownViews', '操作なし'], ['unmarkedViews', '印なし']], byWeek)} ページごと${table([['path', 'ページ'], ['views', '表示'], ['medianSeconds', '表示時間（中央値・秒）'], ['read25Pct', '25％'], ['read50Pct', '50％'], ['read75Pct', '75％'], ['read100Pct', '最後まで'], ['deadClicks', 'リンクなしを押した'], ['rageClicks', '連打'], ['copies', 'コピー'], ['videoPlays', '動画の再生'], ['outClicks', '外へのクリック']], data.byPage)} ページからページへの移り方${table([['move', '移り方'], ['count', '回数']], data.moves)} どこから来たか${table([['from', '来たところ'], ['count', '回数']], data.referrers)} 押したリンク・ボタン（行き先｜ページのどの部分か）${table([['target', '押したもの'], ['count', '回数']], data.clicks)} 押した場所（ページのどの部分か）${table([['area', '部分'], ['count', '回数']], data.areas)} リンクでない所を押した（ページと、押したものの種類）${table([['where', '場所'], ['count', '回数']], data.deadClicks)} 記録の件数（ページ表示の数）：${data.total}`; return new Response(html, { headers: { 'content-type': 'text/html; charset=utf-8', 'x-robots-tag': 'noindex', 'cache-control': 'no-store' } }); } // ───────── 検索エンジン・AI のクローラーの訪問（2026-10-25）───────── // ページ上の計測（/api/ev）は JavaScript を動かさないクローラーを数えられないので、配信のときに名乗りで数える。 // 残すのは「どのクローラーか・どのページか・返した結果（200 など）・Cloudflare が本物と確かめたか・日時」だけ。名乗りそのものは保存しない。 // 名乗りはまねできるので、「確かめた」が 0 のものは偽物が混ざりうる（Cloudflare が判定を渡さない環境では ? になる） const CRAWLERS = [ ['GPTBot', 'OpenAI（学習）'], ['OAI-SearchBot', 'OpenAI（ChatGPT の検索）'], ['ChatGPT-User', 'ChatGPT（利用者の依頼で読む）'], ['ClaudeBot', 'Anthropic（学習）'], ['Claude-SearchBot', 'Anthropic（Claude の検索）'], ['Claude-User', 'Claude（利用者の依頼で読む）'], ['anthropic-ai', 'Anthropic'], ['PerplexityBot', 'Perplexity（検索）'], ['Perplexity-User', 'Perplexity（利用者の依頼で読む）'], ['Google-CloudVertexBot', 'Google（Vertex AI）'], ['GoogleOther', 'Google（その他）'], ['Googlebot', 'Google（検索）'], ['bingbot', 'Bing（検索。ChatGPT の検索・Copilot も使う）'], ['DuckAssistBot', 'DuckDuckGo（AI の回答）'], ['DuckDuckBot', 'DuckDuckGo（検索）'], ['Applebot', 'Apple（Siri・検索・AI）'], ['Amazonbot', 'Amazon（Alexa・AI）'], ['meta-externalagent', 'Meta（AI）'], ['FacebookBot', 'Meta'], ['Bytespider', 'ByteDance（AI）'], ['CCBot', 'Common Crawl（多くの AI の学習データ）'], ['MistralAI-User', 'Mistral（利用者の依頼で読む）'], ['cohere-ai', 'Cohere'], ['Diffbot', 'Diffbot'], ['YouBot', 'You.com'], ['YandexBot', 'Yandex（検索）'], ['Baiduspider', 'Baidu（検索）'], ['Yeti', 'Naver（検索）'], ]; // 数えるのはページ・テキストだけ（画像・CSS・JS は wrangler.jsonc の run_worker_first で外している） const CR_PAGE = /(\/|\/[^/.]*|\.html|\.md|\.txt|\.xml|\.json)$/i; function crawlerOf(request, url) { if (request.method !== 'GET' && request.method !== 'HEAD') return null; if (!CR_PAGE.test(url.pathname)) return null; const ua = (request.headers.get('user-agent') || '').toLowerCase(); if (!ua) return null; for (const [name] of CRAWLERS) if (ua.includes(name.toLowerCase())) return name; return null; } async function crRecord(request, env, url, bot, status) { let ok = '?'; try { const cf = request.cf || {}; if ('verifiedBotCategory' in cf) ok = cf.verifiedBotCategory ? '1' : '0'; else if (cf.botManagement && 'verifiedBot' in cf.botManagement) ok = cf.botManagement.verifiedBot ? '1' : '0'; } catch { /* 判定がなければ ? のまま */ } const at = new Date(); const day = new Date(at.getTime() + 9 * 3600e3).toISOString().slice(0, 10); const meta = { b: bot, p: url.pathname.slice(0, 160), s: String(status), ok }; await env.MESSAGES.put(`cr/${day}/${at.getTime()}-${Math.random().toString(36).slice(2, 8)}`, '', { customMetadata: meta }); } async function crStats(request, env, url) { if (request.method !== 'GET') return new Response('Method Not Allowed', { status: 405 }); const since = /^\d{4}-\d{2}-\d{2}$/.test(url.searchParams.get('since') || '') ? url.searchParams.get('since') : ''; const only = url.searchParams.get('bot') || ''; const rows = []; let cursor, pages = 0, truncated = false; do { const r = await env.MESSAGES.list({ prefix: 'cr/', cursor, include: ['customMetadata'], limit: 1000, ...(since && !cursor ? { startAfter: `cr/${since}` } : {}) }); for (const o of r.objects) { const m = o.customMetadata || {}; if (!m.b) continue; const day = o.key.split('/')[1]; if (since && day < since) continue; rows.push({ ...m, day, week: evWeekOf(day) }); } cursor = r.truncated ? r.cursor : undefined; if (++pages >= 40 && cursor) { truncated = true; break; } } while (cursor); const label = Object.fromEntries(CRAWLERS); const count = (map, k) => map.set(k, (map.get(k) || 0) + 1); // クローラーごと（全期間） const bots = new Map(); for (const r of rows) { const b = bots.get(r.b) || { bot: r.b, who: label[r.b] || r.b, visits: 0, pages: new Set(), records: new Set(), verified: 0, unverified: 0, errors: 0, last: '' }; b.visits++; b.pages.add(r.p); if (r.p.startsWith('/record/') || r.p.startsWith('/files/')) b.records.add(r.p.split('/').slice(0, 3).join('/')); if (r.ok === '1') b.verified++; else if (r.ok === '0') b.unverified++; if (Number(r.s) >= 400) b.errors++; if (r.day > b.last) b.last = r.day; bots.set(r.b, b); } // 週ごと × クローラー const weeks = new Map(); for (const r of rows) { const w = weeks.get(r.week) || new Map(); count(w, r.b); weeks.set(r.week, w); } // ページごと（?bot= でそのクローラーだけ） const scope = only ? rows.filter((r) => r.b === only) : rows; const paths = new Map(), pathBots = new Map(); for (const r of scope) { count(paths, r.p); const s = pathBots.get(r.p) || new Set(); s.add(r.b); pathBots.set(r.p, s); } const data = { total: rows.length, truncated, since: since || null, bot: only || null, byBot: [...bots.values()].sort((a, b) => b.visits - a.visits).map((b) => ({ bot: b.bot, who: b.who, visits: b.visits, pages: b.pages.size, records: b.records.size, verified: b.verified, unverified: b.unverified, errors: b.errors, last: b.last, })), byWeek: [...weeks].sort((a, b) => b[0].localeCompare(a[0])).map(([week, m]) => ({ week, total: [...m.values()].reduce((x, y) => x + y, 0), bots: [...m].sort((a, b) => b[1] - a[1]).map(([b, n]) => `${b} ${n}`).join('、') })), byPage: [...paths].sort((a, b) => b[1] - a[1]).slice(0, 100).map(([path, n]) => ({ path, visits: n, bots: [...(pathBots.get(path) || [])].join('、') })), }; if (url.searchParams.get('format') === 'json') { return new Response(JSON.stringify(data), { headers: { 'content-type': 'application/json; charset=utf-8', 'x-robots-tag': 'noindex', 'cache-control': 'no-store' } }); } const esc = (s) => String(s).replace(/[&<>"]/g, (ch) => ({ '&': '&', '<': '<', '>': '>', '"': '"' }[ch])); const table = (cols, list) => list.length ? `${cols.map(([, h]) => `${h}`).join('')}${list.map((r) => `${cols.map(([k]) => `${esc(r[k])}`).join('')}`).join('')}` : 'まだ記録がありません。'; const html = ` クローラーの訪問の記録 クローラーの訪問の記録検索エンジン・AI のクローラーが、どのページを読みに来たか（2026-10-25 から）。名乗りで見分けているので、「Cloudflare が確かめた」が 0 のものは偽物が混ざりうる。日付は日本時間、週は月曜はじまり。?since=日付 で期間を、?bot=名前（例 GPTBot）でページごとの表をそのクローラーだけに絞る。${truncated ? ' 記録が多すぎて一部だけ数えた。' : ''} クローラーごと${table([['bot', '名前'], ['who', 'だれの・何のため'], ['visits', '読んだ回数'], ['pages', 'ページの数'], ['records', '記録（LOG）の数'], ['verified', 'Cloudflare が確かめた'], ['unverified', '確かめられなかった'], ['errors', '見つからない等（400以上）'], ['last', '最後に来た日']], data.byBot)} 週ごと${table([['week', '週（月曜）'], ['total', '合計'], ['bots', '内訳']], data.byWeek)} よく読まれたページ${only ? `（${esc(only)} だけ）` : ''}${table([['path', 'ページ'], ['visits', '回数'], ['bots', '読みに来たクローラー']], data.byPage)} 記録の件数：${data.total}`; return new Response(html, { headers: { 'content-type': 'text/html; charset=utf-8', 'x-robots-tag': 'noindex', 'cache-control': 'no-store' } }); } ``` ### コード：配信の設定 wrangler.jsonc ```jsonc { // Cloudflare Workers の設定。 // ページは作っておいた静的ファイル（dist/）。画像と動画・メッセージフォームだけ worker/index.js が受け持つ "name": "p2m-site", "main": "./worker/index.js", "compatibility_date": "2026-10-01", "assets": { "directory": "./dist", "binding": "ASSETS", "not_found_handling": "404-page", "html_handling": "auto-trailing-slash", // ページ・テキストも worker/index.js を通す（検索エンジン・AI のクローラーの訪問を数えるため。2026-10-25）。 // 画像・CSS・JS・図解・試算の部品は数えないので、静的ファイルから直接返す（! が付いたもの） "run_worker_first": ["/*", "!/_astro/*", "!/site/*", "!/og/*", "!/thumbs/*", "!/embeds/*", "!/sim/*", "!/favicon*"] }, "r2_buckets": [ // 記事・4コマの画像と動画（GitHub には入れない。tools/upload_media.py で Mac から入れる） { "binding": "MEDIA", "bucket_name": "p2m-media" }, // メッセージフォームで送られた内容 { "binding": "MESSAGES", "bucket_name": "p2m-messages" } ], // ログ（エラーの記録）。管理画面でオンにしても、公開のたびにこのファイルの内容で上書きされるので、ここに書く（2026-10-23） "observability": { "logs": { "enabled": true, "head_sampling_rate": 1, "invocation_logs": true, "persist": true } }, // 5分ごとに worker/index.js の scheduled を動かす（SNS の予約投稿を時刻どおりに起こす。worker/sns_cron.js） "triggers": { "crons": ["*/5 * * * *"] }, // 送信の口の流量制限（同じ送信元から60秒あたりの回数）。worker/index.js の guarded() が使う。 // namespace_id はこのアカウントの中で他と重ならない番号なら何でもよい "ratelimits": [ { "name": "RL_MESSAGE", "namespace_id": "2310231", "simple": { "limit": 5, "period": 60 } }, { "name": "RL_EVENT", "namespace_id": "2310232", "simple": { "limit": 60, "period": 60 } } ], // メッセージフォームに届いた内容をメールで知らせる（Cloudflare の Email Routing で確認済みの宛先にだけ送れる） "send_email": [ { "name": "MAIL", "destination_address": "pixelstomotors@adaptdesign.jp" } ] } ``` ### コード：AI 向けの案内を作る src/pages/llms.txt.ts ```ts // /llms.txt：AI がこのサイトを読むときの案内（2026-10-25）。https://llmstxt.org の形に合わせる。 // 主要な AI が公式に使うとは言っていないので効果ははっきりしないが、作るのは軽いので置く。 // ビルドのたびに、シリーズ（src/lib/records.ts の SERIES_PAGES）と記録の一覧から作り直す。 // 長いコード・ログを外に分けた記事は、全文の Markdown（public/files/LOG{N}/index.json の article_full_markdown）も添える import fs from 'node:fs'; import path from 'node:path'; import { allCards, SERIES_PAGES } from '../lib/records'; import { SITE } from '../lib/seo'; const fullMarkdown = (day: string): string | null => { try { const j = JSON.parse(fs.readFileSync(path.join(process.cwd(), 'public/files', day, 'index.json'), 'utf8')); const u = j.article_full_markdown || (j.article_full_type === 'text/markdown' ? j.article_full : null); return u ? (u.startsWith('http') ? u : SITE + u) : null; } catch { return null; } }; export async function GET() { const cards = await allCards(); const seriesName = (s: string) => Object.values(SERIES_PAGES).find((c) => c.series === s)?.title.split(' | ').pop() || s; const lines: string[] = [ '# Pixels to Motors', '', '> ADAPT DESIGN（島津 栄一 / Eiichi Shimazu）による、フィジカルAI・ロボットの研究記録のサイト。机の上のロボットアームでお手本のデータを集め、AI に学習させ、実機で動かして確かめる環境を自宅で組み、誰でも同じ手順で始められる形で公開している。サービスロボット（配膳・搬送・清掃など）の導入前シミュレーションも行っている。', '', '- 記録（LOG）は作業の過程をそのまま残したもので、コード・実行ログ・数値を全量で載せている。長いコードとログは別ファイルに分け、記事の全文の Markdown を添えている', '- 試算の前提の数字は、公開事例と観察から置いた仮の値。記録が新しいほど前提が更新されている（公開済みの記録は直さない）', '- 言語は日本語', '', '## シリーズ', '', ...Object.entries(SERIES_PAGES).map(([slug, c]) => { const [en, ja] = c.title.split(' | '); return `- [${ja || c.title}（${en}）](${SITE}/${slug})${c.intro ? `: ${c.intro}` : ''}`; }), '', '## 導入前ガイドと考え', '', `- [配膳ロボットの導入前シミュレーション](${SITE}/serving-robot-one-less-staff): 店舗の図面と人数から、何人で回るか・どこで止まるか・月いくらかかるかを出す`, `- [ロボットAIの学習用GPU、買うか借りるか](${SITE}/gpu-buy-or-rent): 実費と損益分岐の計算機で決める導入ガイド`, `- [ロボットに、何を任せればいいのか](${SITE}/thinking): 考察記事から、いま考えていること`, `- [Pixels to Motors の1年](${SITE}/one-year): 画面の中の AI から、ロボットを動かす AI へ`, `- [課題地図](${SITE}/issues): フィジカルAIが社会実装される前に解くべき課題（週1回更新）`, '', '## 記録（新しい順）', '', ...cards.map((c) => { const md = fullMarkdown(c.day); return `- [${c.day} ${c.title}](${SITE}/record/${c.slug}): ${seriesName(c.series)}${md ? `（全文の Markdown: ${md}）` : ''}`; }), '', '## Optional', '', `- [4コママンガ](${SITE}/manga-archive): 薬剤搬送ロボット「ハコブくん」の4コマ`, `- [メッセージ](${SITE}/message): 問い合わせフォーム`, '', ]; return new Response(lines.join('\n'), { headers: { 'Content-Type': 'text/plain; charset=utf-8' } }); } ``` ### コード：Bing の所有者確認 public/BingSiteAuth.xml ```xml 3AB7818E9A5C06DB0AE2E883B8555FDB ``` ### コード：人と機械の判定を名乗りで確かめたコマンド ```bash node -e ' const src=require("fs").readFileSync("worker/index.js","utf8"); const a=src.indexOf("const EV_BOT_UA"), b=src.indexOf("const evText"); eval(src.slice(a,b).replace(/const /g,"var ")); const req=(ua,cf)=>({headers:{get:()=>ua},cf}); const C=[["Mozilla/5.0 (Macintosh) Chrome/130 Safari/537.36",{u:1}],["Mozilla/5.0 (Macintosh) Chrome/130 Safari/537.36",{u:0}],["Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)",{u:0}],["Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0)",{u:1}],["Mozilla/5.0 HeadlessChrome/130",{u:1}],["Mozilla/5.0 (Linux; Android 12; Cubot X50) Chrome/130 Mobile",{u:1}],["Mozilla/5.0 Chrome/130",{u:1,wd:1}],["",{u:1}]]; for(const [ua,d] of C) console.log(evKind(req(ua),d), ua.slice(0,60), JSON.stringify(d));' ``` ### コード：ページから送る中身を確かめたスクリプト（Playwright） ```js const { chromium } = require('playwright'); (async () => { const b = await chromium.launch(); for (const human of [false, true]) { const ctx = await b.newContext(human ? { userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0 Safari/537.36' } : {}); const p = await ctx.newPage(); await p.addInitScript(() => { navigator.sendBeacon = (u, blob) => { blob.text().then((t) => console.log('EV ' + t)); return true; }; }); p.on('console', (m) => { const s = m.text(); if (s.startsWith('EV ')) { const d = JSON.parse(s.slice(3)); console.log(human ? 'mouse' : 'plain', JSON.stringify({ p: d.p, u: d.u, wd: d.wd, hl: d.hl })); } }); await p.goto('http://localhost:4321/series8', { waitUntil: 'load' }); if (human) { await p.mouse.move(100, 200); await p.mouse.move(150, 260); } await p.evaluate(() => { Object.defineProperty(document, 'hidden', { value: true, configurable: true }); document.dispatchEvent(new Event('visibilitychange')); }); await p.waitForTimeout(800); await ctx.close(); } await b.close(); })(); ``` ### コード：公開した series8 と llms.txt の画面を撮ったスクリプト（Playwright） ```js const { chromium } = require('playwright'); (async () => { const b = await chromium.launch(); const p = await b.newPage({ viewport: { width: 1400, height: 900 }, deviceScaleFactor: 2 }); await p.goto('https://pixelstomotors.com/?p2m-notrack=1', { waitUntil: 'load' }); await p.waitForTimeout(500); await p.addStyleTag({ content: '.hk-parade{display:none!important}' }).catch(()=>{}); await p.goto('https://pixelstomotors.com/series8', { waitUntil: 'networkidle' }); await p.addStyleTag({ content: '.hk-parade,[class*="hk-"]{display:none!important}' }); await p.waitForTimeout(1200); await p.screenshot({ path: '/mnt/user-data/outputs/LOG385_images/LOG385_13_series8_after.png' }); await p.goto('https://pixelstomotors.com/llms.txt', { waitUntil: 'load' }); await p.screenshot({ path: '/mnt/user-data/outputs/LOG385_images/LOG385_14_llms_txt.png' }); await b.close(); })(); ``` ### コード：公開後にページ・llms.txt・クローラーの記録を確かめたコマンド ```bash for u in / /series8 /record/serving-robot-map-planner /llms.txt /files/LOG382/LOG382_full.md /site/pixelstomotors-logo.svg /robots.txt /pixelstomotors/series8; do curl -s -o /dev/null -w "%{http_code} $u\n" "https://pixelstomotors.com$u"; done; curl -s https://pixelstomotors.com/llms.txt | head -2; curl -s -o /dev/null -w "spoof %{http_code}\n" -A "Mozilla/5.0 (compatible; Yeti/1.1; +https://naver.me/spd)" "https://pixelstomotors.com/message" # Mac の上（集計の鍵は KIOXIA から読む） K=$(tr -d '\n\r ' < $HOME/mnt/KIOXIA/p2m_stats_key.txt); curl -s -H "Authorization: Bearer $K" "https://pixelstomotors.com/api/cr-stats?format=json" | python3 -c " import json,sys;d=json.load(sys.stdin);print('total',d['total']);[print(b) for b in d['byBot']];print(d['byPage'][:8])" ```