http://localhost:1313/blog/ja/tags/%E8%87%AA%E5%8B%95%E5%8C%96/ Recent content in 自動化 on Blackratel Blog Hugo -- gohugo.io ja © 2026 blackratel Tue, 05 May 2026 00:00:00 +0000 http://localhost:1313/blog/ja/posts/claudecodecommand/ Tue, 05 May 2026 00:00:00 +0000 http://localhost:1313/blog/ja/posts/claudecodecommand/ <p>このブログの記事作成フローは、以前の記事で紹介したように git commit・git push をトリガーにプレビューや本番反映が自動で流れる仕組みになっている。</p> <p>ただ、毎回 Claude Code を開いて「プレビューして」「本番に反映して」と伝えるのは手間だ。<strong>記事を書くことだけに集中したい。</strong> そこで Claude Code のカスタムスラッシュコマンドを使って、これらの操作をワンコマンド化した。</p> <hr> <h2 class="relative group">カスタムスラッシュコマンドとは <div id="カスタムスラッシュコマンドとは" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%82%b9%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%b3%e3%83%9e%e3%83%b3%e3%83%89%e3%81%a8%e3%81%af" aria-label="アンカー">#</a> </span> </h2> <p>Claude Code には、独自のスラッシュコマンドを作れる仕組みがある。所定の場所に Markdown ファイルを置くだけで、そのファイル名がそのままコマンド名になる。</p> <p><strong>ファイル名 = コマンド名</strong> というシンプルなルールだ。</p> <p>たとえば <code>preview.md</code> というファイルを置けば <code>/preview</code> というコマンドが使えるようになり、そのファイルの中身がプロンプトとして Claude に渡される。コマンドを入力するだけで、ファイルに書いた指示を Claude が実行してくれる。</p> <hr> <h2 class="relative group">配置場所とスコープ <div id="配置場所とスコープ" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e9%85%8d%e7%bd%ae%e5%a0%b4%e6%89%80%e3%81%a8%e3%82%b9%e3%82%b3%e3%83%bc%e3%83%97" aria-label="アンカー">#</a> </span> </h2> <p>コマンドファイルの置き場所によって有効範囲が変わる。</p> <table> <thead> <tr> <th>配置場所</th> <th>スコープ</th> </tr> </thead> <tbody> <tr> <td><code>&lt;プロジェクトルート&gt;/.claude/commands/</code></td> <td>そのプロジェクトのみ</td> </tr> <tr> <td><code>~/.claude/commands/</code></td> <td>全プロジェクトで有効</td> </tr> </tbody> </table> <p>プロジェクト固有の操作はプロジェクト側に置く。こうすると他のプロジェクトで Claude を使っても同名のコマンドが干渉しない。git で管理できるので、チームで共有するときもそのまま使える。</p> http://localhost:1313/blog/ja/posts/git-hook-ansible-auto-deploy/ Tue, 05 May 2026 00:00:00 +0000 http://localhost:1313/blog/ja/posts/git-hook-ansible-auto-deploy/ <p>このブログは Hugo で構築している。記事作成時は Ansible でローカルの Hugo を更新してプレビューし、確認後に本番へアップロードするフローで運用している。</p> <p>これまではコミット後に <code>ansible-playbook</code> コマンドを手動で実行していたが、コミットしたら自動で Hugo が更新されプレビューに集中できる環境を作りたかった。</p> <p>この記事では、<strong>git の post-commit hook と Ansible を組み合わせた自動デプロイの仕組み</strong>を紹介する。</p> <hr> <h2 class="relative group">構成の概要 <div id="構成の概要" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e6%a7%8b%e6%88%90%e3%81%ae%e6%a6%82%e8%a6%81" aria-label="アンカー">#</a> </span> </h2> <p>このブログは以下の構成で運用している。</p> <table> <thead> <tr> <th>役割</th> <th>内容</th> </tr> </thead> <tbody> <tr> <td>記事管理</td> <td>git リポジトリの <code>files/*.md</code></td> </tr> <tr> <td>ローカルデプロイ</td> <td>Ansible Playbook (<code>ansible_connection=local</code>)</td> </tr> <tr> <td>プレビュー</td> <td>ローカルの Hugo サーバ</td> </tr> </tbody> </table> <p>自動化の対象は「コミット → Ansible 実行」の部分だ。</p> <hr> <h2 class="relative group">なぜ git hook を選んだか <div id="なぜ-git-hook-を選んだか" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%81%aa%e3%81%9c-git-hook-%e3%82%92%e9%81%b8%e3%82%93%e3%81%a0%e3%81%8b" aria-label="アンカー">#</a> </span> </h2> <p>git hook にした理由は以下の通りだ。</p> http://localhost:1313/blog/ja/posts/git-push-production-sync/ Tue, 05 May 2026 00:00:00 +0000 http://localhost:1313/blog/ja/posts/git-push-production-sync/ <p><a href="http://localhost:1313/blog/ja/posts/git-hook-ansible-auto-deploy/" >前回の記事</a>では <code>git commit</code> をトリガーに Ansible でローカルの Hugo を自動更新する仕組みを構築した。今回はその続きで、<strong><code>git push</code> のタイミングで本番サーバへの同期も自動化</strong>した話を紹介する。</p> <hr> <h2 class="relative group">やりたいこと <div id="やりたいこと" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%82%84%e3%82%8a%e3%81%9f%e3%81%84%e3%81%93%e3%81%a8" aria-label="アンカー">#</a> </span> </h2> <p>これまでは本番反映を手動で実行していたが、<code>git push</code> に統合し、push するだけで本番まで反映されるようにしたかった。</p> <hr> <h2 class="relative group">git に post-push フックはない <div id="git-に-post-push-フックはない" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#git-%e3%81%ab-post-push-%e3%83%95%e3%83%83%e3%82%af%e3%81%af%e3%81%aa%e3%81%84" aria-label="アンカー">#</a> </span> </h2> <p>git には <code>post-commit</code> のように「push 後」に処理を実行する <code>post-push</code> フックが存在しない。</p> <p>代わりに <strong><code>pre-push</code> フック</strong>を使う。これは push が実行される直前に呼ばれるフックで、処理が失敗（exit 1）すると push 自体を中止できる。</p> <p>本番同期に失敗したまま GitHub へ push されるのを防げるため、むしろ都合がいい。</p> <hr> <h2 class="relative group">実装 <div id="実装" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e5%ae%9f%e8%a3%85" aria-label="アンカー">#</a> </span> </h2> <p><code>.githooks/pre-push</code> に本番同期の処理を記述し、実行権限を付与してコミットする。</p>