【実装】エージェントに GitHub のスクショを貼らせる — 回り道と、9/1 に来た gh --attach2026年9月1日、gh 2.99.0 で --attach が入り、issue や PR にローカルの画像を直接貼れるようになった。公式対応前にブラウザ自動操作で回避していた実装と、実際に叩いて確かめた挙動を残す。4週間前|実装#GitHub#Claude Code#MCP+1
Notionに1行書くだけでSVG図解を出す — ヘッドレスCMSブログの図解パイプラインNotionをCMSにしたNext.jsブログに、テーマ追従するSVG図解を入れる仕組みを作った。記事側は :::figure の1行だけ。画像ではなくSVGを選んだ理由と、実装・ハマりどころをまとめる。1ヶ月前|実装#Notion#TypeScript#React
確定申告自動化#4【実装】メールリンクの 30 日失効と戦う — 決済ポータルから領収書 PDF の URL を組み立てる（確定申告自動化 第4回）領収書メールの PDF リンクは約 30 日で失効する。カスタマーポータルのリンクから PDF の URL を組み立てる手法と、取得後の 2 段階検証を解説します。2ヶ月前|実装#Stripe#自動化#Claude Code+1
確定申告自動化#3【実装】会計 API とブラウザ自動操作の役割分担 — 同期明細は必ず UI から登録する（確定申告自動化 第3回）会計 API で取引を作ると同期明細と消込されず残高が二重にずれる。API は取得と添付、登録は UIという役割分担に至った理由と、実際の実装を解説します。2ヶ月前|実装#freee#Claude Code#Chrome+2
Claude Code Harness#2【実装】Claude Code の hook で事故を未然に防ぐ — PreToolUse / PostToolUse ガードの実装パターン（連載 第2回）Claude Code の SessionStart / PreToolUse / PostToolUse hook に、.env ガード・破壊コマンドブロック・commit 署名検出を載せる実装パターンを、exit code 契約と合わせて解説します。4ヶ月前|実装#Claude Code
【実装】Cloudflare Workers + Next.js でエラーをDiscord Webhookに自動通知する仕組みを作ったDiscord Webhookを使った3段階エラー通知の設計と実装。fire-and-forget、PIIマスク、worker.tsとの共通化まで解説。6ヶ月前|実装#TypeScript#Discord
【実装】browser-use v2 CLIをClaude Codeに統合してブラウザ自動操作を実現する「デプロイ後にサイト確認して」の一言で、Claude Code に全ページを巡回させる方法。browser-use CLI の導入からスキル登録、ダークモード切替や検索フォームの自動テストまでをコマンド付きで。6ヶ月前|実装#Claude Code#自動化
【実装】ブログのUI/UXを30項目以上改善した全記録 — Zenn/Qiita/dev.toを参考にZenn・Qiita・DEV Community の 3 サイトを分析して洗い出した 50 件以上の改善候補から、DB 不要の 30 項目を実装した記録。コードブロックのライト/ダーク対応、RSS、OGP 動的生成、PWA まで解説。6ヶ月前|実装#TypeScript#React
【実装】Notion calloutブロックをNext.jsでカラフルなUIコンポーネントとして表示するNotion calloutブロックをNext.jsでカラフルなUIコンポーネントとして表示するの実装方法をコード例付きで解説。6ヶ月前|実装#Notion#TypeScript
【実践】Next.js 13→16メジャーアップグレードの全記録 — 破壊的変更と対応策Next.js 13 から 16 へ 3世代スキップで上げた記録。params の Promise 化、useSearchParams の Suspense 必須化、Turbopack 標準化にどう対処したかを、影響範囲とコード付きで。6ヶ月前|実装#TypeScript#React
【自動化】Gemini Imagen APIでブログのeyecatch画像を自動生成してR2にアップロードするGemini Imagen APIでブログのeyecatch画像を自動生成してR2にアップロードするの実装方法をコード例付きで解説。6ヶ月前|実装#自動化#Notion
