メインコンテンツへスキップ
ブログサイトのロゴsui Tech Blog

Blog

Total 115 posts
7分
ClaudeCodeAgentsSkillsOpenTelemetry

Claude Code の利用状況を Cloudflare D1 にためてみる

「どの Skill がどれくらい自動起動しているか」を見るために、Claude Code の 利用状況を Cloudflare Worker + D1 で受け取る仕組みを作りました。個人規模で手軽に始める方法と、Skill 棚卸しに使った実際の集計結果を紹介します。

記事を読む
3分
Grafanaポエム

走っているのに歩いていなかった

Apple Watch のヘルスケアデータを Grafana でローカル可視化してみたら、思っていたより悪いことと思っていたより良いことが同時に出てきました。

記事を読む
7分
GitHubActions

GitHub Actions で APT 依存をキャッシュしてワークフローを高速化する

GitHub Actions で agent-browser を使う際の APT 依存インストールを 4 つのキャッシュ戦略で検証しました。.deb ファイルをキャッシュして dpkg で直接インストールする方式でキャッシュヒット時の apt-get update をスキップでき、ワークフローの実行時間を 36〜45 秒から 16〜19 秒へ 50〜60% 削減できました。本記事では既存ライブラリの Node.js 廃止リスクも含めた各アプローチの比較と、自前実装の composite action を紹介します。

記事を読む
5分
Cloudflareセキュリティ

「Cloudflare を入れていれば安心」は半分正解だった

個人サイトに Cloudflare を入れると、ダッシュボードに攻撃ブロックのログが並びます。WordPress の設定ファイルを狙った攻撃は確実にブロックされますが、認証情報を狙った攻撃は素通りしてしまいます。それでも実害はゼロだった理由は Cloudflare ではなく、サイトの構成にありました。

記事を読む
3分
旅行ポエム

スマホ無し旅行のすゝめ

スマートフォンの制限をかけても自分で突破してしまうから、物理的に持っていかない旅をしました。温泉地である越後湯沢の宿で1泊2日、本を読んでぼんやりしてきた感想です。

記事を読む
5分
Playwrightagent-browserAI

agent-browserがRustネイティブになった今、playwright-cliとどちらを選ぶべきか

agent-browserがRustネイティブになった今、playwright-cliと改めて比較しました。-i -cオプションでトークン差が約6%まで縮まり、前回の「40%差」は実質解消。ネットワーク監視・diff機能も含めた現時点の選択基準を整理します。

記事を読む
9分
CloudflareCMSAstro

Cloudflare が WordPress の後継 CMS「EmDash」を作ったので触ってみる

Cloudflare EmDashのマーケティングテンプレートをベースに、ブログ機能の移植、seed反映の確認、デザイン調整、Cloudflare Accessによる管理画面保護まで試した内容をまとめました。

記事を読む
4分
AIClaudeCodeOSS

Claude Code の待ち時間にアニメのセリフを流したくて OSS を作った

Claude Code の処理中に表示される Spinner Verbs をカスタマイズできる CLI ツール「cc-spinner」を作りました。アニメのセリフを入れたら記憶が蘇る体験ができるのではと思い、1日で形にしました。

記事を読む
6分
AIClaudeCode

Claude Code の Pro から Max 20x に移行して1ヶ月使った率直な感想

Claude Code を Pro プランで半年間使い、Max 20x に移行して1ヶ月。Opus をフル活用できた喜びと、「使わなきゃ」という圧に追われた正直な体験談です。性能の話だけでなく、課金モデルと自分の性格の相性について考えました。

記事を読む
9分
CloudflareWorkersGitHubActionsセキュリティ

Cloudflare Workers のプレビュー URL を自動で無効化する

Cloudflare Workers のプレビュー URL は、PR をマージしても自動で無効化されません。バージョンの削除ではアクセスを止められないため、Subdomain API の previews_enabled を GitHub Actions で自動制御する方法を実装しました。

記事を読む
5分
AIGitHubGitHubActions

自然言語で自動化ワークフローを作成できるGitHub Agentic Workflowsを試してみた

GitHub Agentic Workflowsを使って、CIの失敗を自動で診断・修正するワークフローを作りました。Markdownに自然言語で指示を書くだけで、AIエージェントがログを解析し、原因を特定し、修正パッチまで生成します。セットアップから検証結果、セキュリティ設計まで実体験をもとに解説します。

記事を読む
11分
AIClaudeCodeAstro

Claude Codeの変更履歴を自動で日本語解説するサイトを作った

Claude Codeは更新頻度が高く、英語のCHANGELOGを毎回追うのは大変です。日本語で自動解説してくれるサービスが見当たらなかったので、Gemini APIとGitHub Actionsで更新処理を自動化したWebサイトを作りました。

記事を読む