実装の記事一覧

【Notion】読了時間と「本文の更新日」を CI で Notion に書き戻すようにした

Notion を CMS にしているこのブログで、一覧の「N分で読める」が一度も出ていなかったのを直しました。デプロイ前に CI が本文を読んで、読了時間と本文が変わった日時を Notion のプロパティに書き戻す仕組みと、変更のない記事まで読み直していた不具合の話をまとめています。

昨日|実装|7分

#Notion#GitHub#自動化+1

NEW

【Cloudflare】D1 と Turnstile で記事に「参考になった」ボタンを付けてみた

このブログの記事末に「参考になった」ボタンを付けました。件数は Cloudflare D1 に保存して、bot 対策に Turnstile を使っています。有料プランで何にお金を払っていたのか、D1 の料金で不安だったところ、Terraform での管理までまとめています。

昨日|実装|9分

#Cloudflare#Terraform#TypeScript

更新

herdr app#2

【実装】herdr app の mod で Files パネルを拡張する — Markdown・HTML・PDF・画像をその場でプレビュー

herdr app の UI 部品（mod）を書いて、Files パネルで Markdown・HTML・PDF・画像をプレビューできるようにした記録。同梱 mod の複製、PDFKit でのページ画像化まで。

1週間前|実装|13分

#Terminal#macOS#Claude Code

更新

herdr app#3

【実装】herdr app のサイドバーを作り替える — 折りたたみ時の番号だけ表示と「+」ボタンを直感的に

herdr app の同梱 mod（spaces・agents・tabs）を複製して、折りたたんだサイドバーを名前と色で見分けられるようにし、意味の分からない「+」を直した記録。

1週間前|実装|9分

#Terminal#macOS

【実装】エージェントに GitHub のスクショを貼らせる — 回り道と、9/1 に来た gh --attach

2026年9月1日、gh 2.99.0 で --attach が入り、issue や PR にローカルの画像を直接貼れるようになった。公式対応前にブラウザ自動操作で回避していた実装と、実際に叩いて確かめた挙動を残す。

2ヶ月前|実装|14分

#GitHub#Claude Code#MCP+1

Notionに1行書くだけでSVG図解を出す — ヘッドレスCMSブログの図解パイプライン

NotionをCMSにしたNext.jsブログに、テーマ追従するSVG図解を入れる仕組みを作った。記事側は :::figure の1行だけ。画像ではなくSVGを選んだ理由と、実装・ハマりどころをまとめる。

3ヶ月前|実装|8分

#Notion#TypeScript#React

確定申告自動化#3

【実装】会計 API とブラウザ自動操作の役割分担 — 同期明細は必ず UI から登録する（確定申告自動化第3回）

会計 API で取引を作ると同期明細と消込されず残高が二重にずれる。API は取得と添付、登録は UIという役割分担に至った理由と、実際の実装を解説します。

3ヶ月前|実装|8分

#freee#Claude Code#Chrome+2

確定申告自動化#4

【実装】メールリンクの 30 日失効と戦う — 決済ポータルから領収書 PDF の URL を組み立てる（確定申告自動化第4回）

領収書メールの PDF リンクは約 30 日で失効する。カスタマーポータルのリンクから PDF の URL を組み立てる手法と、取得後の 2 段階検証を解説します。

3ヶ月前|実装|6分

#Stripe#自動化#Claude Code+1

Claude Code Harness#2

【実装】Claude Code の hook で事故を未然に防ぐ — PreToolUse / PostToolUse ガードの実装パターン（連載第2回）

Claude Code の SessionStart / PreToolUse / PostToolUse hook に、.env ガード・破壊コマンドブロック・commit 署名検出を載せる実装パターンを、exit code 契約と合わせて解説します。

5ヶ月前|実装|16分

#Claude Code

【実装】Cloudflare Workers + Next.js でエラーをDiscord Webhookに自動通知する仕組みを作った

Discord Webhookを使った3段階エラー通知の設計と実装。fire-and-forget、PIIマスク、worker.tsとの共通化まで解説。

7ヶ月前|実装|9分

#Cloudflare#TypeScript#Discord

【実装】browser-use v2 CLIをClaude Codeに統合してブラウザ自動操作を実現する

「デプロイ後にサイト確認して」の一言で、Claude Code に全ページを巡回させる方法。browser-use CLI の導入からスキル登録、ダークモード切替や検索フォームの自動テストまでをコマンド付きで。

7ヶ月前|実装|10分

#Claude Code#自動化

実装

【Cloudflare】外から Notion API の枠を使い切られないように、画像URLに署名を付けて WAF でレート制限した

【Notion】読了時間と「本文の更新日」を CI で Notion に書き戻すようにした

【Cloudflare】D1 と Turnstile で記事に「参考になった」ボタンを付けてみた

【実装】herdr app の mod で Files パネルを拡張する — Markdown・HTML・PDF・画像をその場でプレビュー

【実装】herdr app のサイドバーを作り替える — 折りたたみ時の番号だけ表示と「+」ボタンを直感的に

【実装】エージェントに GitHub のスクショを貼らせる — 回り道と、9/1 に来た gh --attach

Notionに1行書くだけでSVG図解を出す — ヘッドレスCMSブログの図解パイプライン

【実装】会計 API とブラウザ自動操作の役割分担 — 同期明細は必ず UI から登録する（確定申告自動化第3回）

【実装】メールリンクの 30 日失効と戦う — 決済ポータルから領収書 PDF の URL を組み立てる（確定申告自動化第4回）

【実装】Claude Code の hook で事故を未然に防ぐ — PreToolUse / PostToolUse ガードの実装パターン（連載第2回）

【実装】Cloudflare Workers + Next.js でエラーをDiscord Webhookに自動通知する仕組みを作った

【実装】browser-use v2 CLIをClaude Codeに統合してブラウザ自動操作を実現する

最新記事

カテゴリー

アーカイブ

タグ

実装

【Cloudflare】外から Notion API の枠を使い切られないように、画像URLに署名を付けて WAF でレート制限した

【Notion】読了時間と「本文の更新日」を CI で Notion に書き戻すようにした

【Cloudflare】D1 と Turnstile で記事に「参考になった」ボタンを付けてみた

【実装】herdr app の mod で Files パネルを拡張する — Markdown・HTML・PDF・画像をその場でプレビュー

【実装】herdr app のサイドバーを作り替える — 折りたたみ時の番号だけ表示と「+」ボタンを直感的に

【実装】エージェントに GitHub のスクショを貼らせる — 回り道と、9/1 に来た gh --attach

Notionに1行書くだけでSVG図解を出す — ヘッドレスCMSブログの図解パイプライン

【実装】会計 API とブラウザ自動操作の役割分担 — 同期明細は必ず UI から登録する（確定申告自動化第3回）

【実装】メールリンクの 30 日失効と戦う — 決済ポータルから領収書 PDF の URL を組み立てる（確定申告自動化第4回）

【実装】Claude Code の hook で事故を未然に防ぐ — PreToolUse / PostToolUse ガードの実装パターン（連載第2回）

【実装】Cloudflare Workers + Next.js でエラーをDiscord Webhookに自動通知する仕組みを作った

【実装】browser-use v2 CLIをClaude Codeに統合してブラウザ自動操作を実現する

最新記事

カテゴリー

アーカイブ

タグ

実装

【Cloudflare】外から Notion API の枠を使い切られないように、画像URLに署名を付けて WAF でレート制限した

【Notion】読了時間と「本文の更新日」を CI で Notion に書き戻すようにした

【Cloudflare】D1 と Turnstile で記事に「参考になった」ボタンを付けてみた

【実装】herdr app の mod で Files パネルを拡張する — Markdown・HTML・PDF・画像をその場でプレビュー

【実装】herdr app のサイドバーを作り替える — 折りたたみ時の番号だけ表示と「+」ボタンを直感的に

【実装】エージェントに GitHub のスクショを貼らせる — 回り道と、9/1 に来た gh --attach

Notionに1行書くだけでSVG図解を出す — ヘッドレスCMSブログの図解パイプライン

【実装】会計 API とブラウザ自動操作の役割分担 — 同期明細は必ず UI から登録する（確定申告自動化 第3回）

【実装】メールリンクの 30 日失効と戦う — 決済ポータルから領収書 PDF の URL を組み立てる（確定申告自動化 第4回）

【実装】Claude Code の hook で事故を未然に防ぐ — PreToolUse / PostToolUse ガードの実装パターン（連載 第2回）

【実装】Cloudflare Workers + Next.js でエラーをDiscord Webhookに自動通知する仕組みを作った

【実装】browser-use v2 CLIをClaude Codeに統合してブラウザ自動操作を実現する

最新記事

カテゴリー

アーカイブ

タグ

実装

【Cloudflare】外から Notion API の枠を使い切られないように、画像URLに署名を付けて WAF でレート制限した

【Notion】読了時間と「本文の更新日」を CI で Notion に書き戻すようにした

【Cloudflare】D1 と Turnstile で記事に「参考になった」ボタンを付けてみた

【実装】herdr app の mod で Files パネルを拡張する — Markdown・HTML・PDF・画像をその場でプレビュー

【実装】herdr app のサイドバーを作り替える — 折りたたみ時の番号だけ表示と「+」ボタンを直感的に

【実装】エージェントに GitHub のスクショを貼らせる — 回り道と、9/1 に来た gh --attach

Notionに1行書くだけでSVG図解を出す — ヘッドレスCMSブログの図解パイプライン

【実装】会計 API とブラウザ自動操作の役割分担 — 同期明細は必ず UI から登録する（確定申告自動化 第3回）

【実装】メールリンクの 30 日失効と戦う — 決済ポータルから領収書 PDF の URL を組み立てる（確定申告自動化 第4回）

【実装】Claude Code の hook で事故を未然に防ぐ — PreToolUse / PostToolUse ガードの実装パターン（連載 第2回）

【実装】Cloudflare Workers + Next.js でエラーをDiscord Webhookに自動通知する仕組みを作った

【実装】browser-use v2 CLIをClaude Codeに統合してブラウザ自動操作を実現する

最新記事

カテゴリー

アーカイブ

タグ

【実装】会計 API とブラウザ自動操作の役割分担 — 同期明細は必ず UI から登録する（確定申告自動化第3回）

【実装】メールリンクの 30 日失効と戦う — 決済ポータルから領収書 PDF の URL を組み立てる（確定申告自動化第4回）

【実装】Claude Code の hook で事故を未然に防ぐ — PreToolUse / PostToolUse ガードの実装パターン（連載第2回）

【実装】会計 API とブラウザ自動操作の役割分担 — 同期明細は必ず UI から登録する（確定申告自動化第3回）

【実装】メールリンクの 30 日失効と戦う — 決済ポータルから領収書 PDF の URL を組み立てる（確定申告自動化第4回）

【実装】Claude Code の hook で事故を未然に防ぐ — PreToolUse / PostToolUse ガードの実装パターン（連載第2回）