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

ClaudeCode

Total 11 posts
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 をフル活用できた喜びと、「使わなきゃ」という圧に追われた正直な体験談です。性能の話だけでなく、課金モデルと自分の性格の相性について考えました。

記事を読む
11分
AIClaudeCodeAstro

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

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

記事を読む
10分
ClaudeCodeAgentsSkills

Claude Codeへ「スキルを使って」と言うのに疲れたあなたへ

Claude CodeのAgent Skillsは、ベストプラクティスに従った実装を自動化する優れた仕組みですが、Claudeの推論による実行判定には限界があります。Playwrightを例に挙げると、「クリック操作を修正して」のような自然な指示では、descriptionに「Playwright」が含まれていてもスキルが起動しないことがあります。本記事では、UserPromptSubmitフックを活用し、キーワードマッチングによってスキルを確実に起動させる実装方法を解説します。

記事を読む
9分
ClaudeCode

Claude Code にルールを強制させる Stop Hooks とBiome v2による仕組みづくり

AIに「ルールを覚えておいて」と頼むのは間違ったアプローチです。Claude CodeのHooksとBiome v2を使えば、規約違反を自動検知してAI自身に修正させる環境を構築できます。

記事を読む
5分
BiomeClaudeCode

Claude Code にコーディングルールを守らせるのは諦めて、全部 Biome に任せることにした

Claude Code の CLAUDE.md に記載したコーディング規約が守られない課題を、Biome v2.x の GritQL 機能を使って解決します。「引数が2個以上の場合はオブジェクト形式にする」といった独自ルールを Linter で機械的に強制することで、コンテキストウィンドウを圧迫せず、AI が確実にルールを遵守できる環境を構築する方法を解説します。

記事を読む
10分
MCPClaudeCodeSerena

Anthropic公式のMCPによるコード実行をserena MCPで試してみたけど無理だった件

AnthropicのMCPコード実行手法をSerena MCPで試しましたが、ツール数が多く型定義が複雑なMCPではうまくいきませんでした。シンプルなMCPでの検証が必要という学びを共有します。

記事を読む
4分
TypeScriptClaudeCode

仕組みでカバーするStop Hooksで忘れないTypeScriptの型チェック

Claude CodeのStop Hooksを使って、TypeScriptの型チェックを自動実行する仕組みを実装します。物忘れを仕組みでカバーして、効率的な開発フローを実現します。

記事を読む
2分
MCPDevContainerClaudeCode

Dev Container環境でSerena MCPのブラウザ自動起動を無効化する

Dev Container環境でSerena MCPのブラウザ自動起動を無効化する方法を解説します。グローバル設定ファイルとdevcontainer.jsonの設定でダッシュボードの自動起動を制御します。

記事を読む
2分
ClaudeCodeSerena

PreToolUseがfailed with non-blocking status code 127になったときにやったこと

Claude CodeのPreToolUseがfailed with non-blocking status code 127になったときの解決方法を解説します。改行コードがCRLFになっている場合にLFに変更することで解決します。

記事を読む
3分
ClaudeClaudeCode

CC-VaultというClaude Code専用のキュレーションメディアを作った

Claude Codeの新機能が出るたびに色々なサイトを見るのが面倒くさいなと思って、ZennとQiitaのClaude Code記事をまとめるツール「CC-Vault」を作りました。実務でClaude Code使ってて同じような悩みを持つ人に刺さるかもしれません。

記事を読む