おひさしぶりです。ひさふるです。
先ほど(日本時間5月23日未明)に行われたAnthropicの開発者向けイベントCode with Claude内の発表で、コーディングエージェント"Claude Code"がGitHub Actionsとして利用出来るようになったことが明らかになりました。
最近は、OpenAI CodexやGoogle Julesなど、自律的にコーディングを行うエージェントの発表が相次いでいます。
Claude Code自体は以前から利用できたものの、恐らく今回のGitHub Actions対応はそれに対抗する形での発表でしょう。
今回は、そんな"Claude Code Action"をさっそく使ってみてレビューしてみます！
Claude Code Actionとは？？
Claude Code Actionは、Anthropicのコーディングエージェント"Claude Code"をGitHub Actions上から呼び出せる機能になっています。
もともと、Claude Code自体はターミナル上で呼び出すことを前提としていたので、(人によって賛否はあると思いますが)、利用ユーザーは限られている印象でした。
今回のアップデートで、GitHubのPull RequestやIssue内からも呼び出し、直接コーディングの指示を行えるようになったので、使いやすさは飛躍的に向上すると思われます！
さっそく使ってみた
先日、たまたま個人で作っていた"Zinja"というWebアプリを公開しました。これは、サービス名を評価・生成してくれるサービスで、競合の調査やドメインの取得可否までしてくれるようになっています！
今回は、このアプリに対してClaude Code Actionを導入し、使ってみたいと思います。
セットアップ
以下のリポジトリに記述されているクイックスタートを見ながらセットアップを進めてみます。
まず、claude code自体がローカルにインストールされている必要があるので、以下のコマンドでインストールします。
npm install -g @anthropic-ai/claude-code
インストールされたことが確認できました。
❯ claude --version
1.0.1 (Claude Code)
Claude Code Actionを導入するには、該当のリポジトリ内でClaude Codeを呼び出します。
claude
最初に、Claude Codeを信頼するかどうかなどを聞かれるので、適当に「Yes」と回答しておき、対話セッションが出来るところまで進めます。
対話セッション内で以下のコマンドを実行します。
/install-github-app
すると、導入先のリポジトリが合っているかどうか聞かれるので確認し、Enterを押すとブラウザが開きます。
ClaudeのGithub Appのページに飛ばされるのでInstallを選択し、導入先のリポジトリを選び再度Installボタンを押します。
終わったらターミナルに戻りEnter。
次に、APIキーをどう設定するか聞かれます。私は既存のものを設定済みだったので、Use your existing Claude Code APIを選択しました。
まだAPI Keyを発行していない場合は、以下の記事などを参考に作成し、Enter a new API keyから入力すれば大丈夫だと思います。
さて、ここまで来ると以下のような表示となり、ターミナルからの操作は終了です。
セットアップが完了すると、勝手にブラウザが起動しPull Requestの作成画面に遷移するので、Create pull request。
変更の内容は、Github Actions用のワークフローの作成ですね。
Merge pull requestでこれをマージします。
指示を出してみる
今回は、Issueを発行しそこから指示を出してみたいと思います！
テストとはいえ簡単な内容ではClaude Codeの実力を測れないので、あえてあまり詳細な指示は書かずにやってみます。
内容は、今後の実装予定の追記にしました。
さて、ではClaude Codeを呼び出してみます。使い方はいたって簡単で、@claudeをつけて頼みたい内容をコメントするだけです。
今回は実装をお願いしていますが、自分が作成したPRの修正やレビューなど、様々なタスクを実行出来るようです。
コメントして少し経つと、Claudeが現れ実装計画を立て、実際に実装が始まります。
(裏では先ほど作成したactionsが動いているようですね)
Claudeからのコメントは動的に更新され、現在の進捗も一目でわかるようになっています。
実装が完了すると、このように実装内容が説明されました。
では、作成されたブランチを手元で確認してみましょう。
現在の実装を踏襲し、指示内容が正しく実装されています、完璧です。ちょっと簡単すぎましたかね？
最後に、先程のコメントの右上にあるCreate PR →から直接PRを作成します。
今回は問題なく実装出来ていたので、さっそくマージしちゃいましょう。
デプロイしたので、そのうち更新されると思います。
感想
自律型のコーディングエージェントも様々な形態がありますが、やはり開発者としてはGithubから直接呼び出せるのは非常に大きなメリットに感じました。
呼び出されているモデル自体はClaudeなので精度も高いと感じており、簡単なタスクなら 丸投げできてしまいそうです。
私自身、最近電車などの移動時間にもコーディングを進められないか考えていたので、Claude Code Actionを使ってスマホから指示を出すなど、今後実験してみたいと思います。
ここまで読んでいただきありがとうございました！