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

Blog

Total 111 posts
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サイトを作りました。

記事を読む
6分
ポエムAI

AIを使い倒す人間ほど、AI文章に萎える

24時間365日AIを使い倒している私が、技術記事のAI生成文章に感じる「ゾワッ」とする感覚を言語化しました。Markdown記法の残留、不自然なコロン、ビルドがコケるTypeScriptのコード。「またAIね」と萎える瞬間に潜む3つの感情と、使い手だからこそ分かる「AI臭さ」の正体、そしてAI時代に求める技術記事の姿を考えます。

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

父島に全部賭けろ

片道24時間、週1便、乗船者800名。不便さが強制する「何もしない時間」が、他の観光地では得られない体験をくれる。二度訪れた父島の魅力を語ります。

記事を読む
5分
Playwrightagent-browserAI

Playwright CLI と agent-browser のどちらがトークン消費量が少ないか比較検証してみた

Playwright CLIとagent-browserで同一操作を行い、トークン消費量を比較しました。スナップショットをファイル出力してGrep検索する設計思想により、Playwright CLIはagent-browserより約40%のトークン削減を達成しています。本記事ではAIブラウザ操作ツールの設計思想の違いがコストに与える影響を検証します。

記事を読む
3分
agent-browserPlaywrightAI

AIエージェント向けに最適化されてたagent-browserをPlaywright MCPと比較検証してみた

agent-browserの「Up to 93% less context than Playwright MCP」は本当か気になったので、Yahoo! JAPANを対象にPlaywright MCPと比較してデータ削減率とトークン消費量を検証します。

記事を読む