claude code action をさらっと install 

claude code action (cca) の初期 setup 方法を公式の情報を元にさらっと記述します


# 自動設定する場合
## gh command
- gh command を install
- cca を install する github account へアクセス出来るように設定しておきます




## claude code を install
claude code を install し初期設定を完了させます

https://github.com/anthropics/claude-code




## github app install
### claude code から setup を開始する
- claude code を実行し `/install-github-app` を投入
    ![https___qiita-image-store.s3.ap-northeast-1.amazonaws.com_0_118627_b09dcc7b-ef32-44c7-aed6-db5f18e38627.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/118627/04f46d2f-eef6-4bc9-b9c3-9713e8ffcd62.png)


- repository を選択し、Enter を押下
![スクリーンショット 2025-05-28 17.39.11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/118627/95a01795-ed7e-4366-9fea-b1cec7b8efbf.png)





### claude app を github へ install
ブラウザに claude  install 画面が自動で開きます

- install を選択
![スクリーンショット 2025-05-28 16.44.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/118627/b128ceb2-6fc1-4ae0-94ee-98f18096642c.png)
- install 先の account を選択
![スクリーンショット 2025-05-28 16.44.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/118627/fda11bf7-7b66-47bc-b148-2aa8bae84e12.png)
- install 先の repsitory を選択し、install ボタンを押下
![スクリーンショット 2025-05-28 16.44.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/118627/e1c85ffa-f72e-42c7-a5a6-fdb036f27849.png)
- claude code 画面に戻り Enter を押下
    - api key の設定がなければ投入を求められます
    - api key を投入し Enter
![スクリーンショット 2025-05-28 17.16.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/118627/76d11da4-de65-443c-a9ea-07bae7d625f5.png)
- 問題なければ自動で各種設定がなされます
![スクリーンショット 2025-05-28 16.58.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/118627/99e42336-9092-40b5-84a1-2703437c2247.png)





### github worki flow のコミット
上述の自動設定後にブラウザに pull request 画面が自動で開きます
以下の様な cca 向けの workflow file となっているはずです.

問題なければ PR を merge します

![スクリーンショット 2025-05-28 16.45.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/118627/5b986297-abed-456e-88ed-6d622d0c7b68.png)

以上で使用できる状態になります 



# 手動設定する場合
上記が失敗する場合は, 手動での設定も可能です
以下を参照ください

https://docs.anthropic.com/ja/docs/claude-code/github-actions#%E3%82%BB%E3%83%83%E3%83%88%E3%82%A2%E3%83%83%E3%83%97%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%E3%81%8C%E5%A4%B1%E6%95%97%E3%81%97%E3%81%9F%E5%A0%B4%E5%90%88




## github へ claude app を install
以下 claude app 画面から github へ install を実行

https://github.com/apps/claude



## github action secret へ api key を設定
- 操作対象となる repository の setting を開く
- `Secrets and Variable` の `Actions` を選択
- `New repository secret` を選択
-  api key を `ANTHROPIC_API_KEY` として保存します
![スクリーンショット 2025-05-28 17.22.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/118627/b6978f94-3199-4d6b-9d65-cb3f3f07d660.png)



## work flow yaml を追加
- プロジェクトに `.github/workflows/claude.yml` を作成
- 後述の URL の内容を上記へコピーし commit 
- github へ push します

https://github.com/anthropics/claude-code-action/blob/main/examples/claude.yml


以上、手動での設定は完了となります




# 使い方
簡単な一例

- 適当な issue を作成し、task を記述します
![スクリーンショット 2025-05-28 17.35.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/118627/e6e847df-47d1-4977-a3f1-0e213d594c02.png)
- issue の comment へ `@claude` と mention して指示を記述します
- - workflow が走り、claude からのコメントが記述されます
- このコメントは workflow が進むと内容が更新されていきます
 ![スクリーンショット 2025-05-28 17.31.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/118627/96e51d63-1927-44c7-b444-8590525c5c51.png)
- 以下の様に各種 link の提示と完了報告がなされます
    - view job を開くと実行過程を閲覧可能
    - Create PR を選択すると PR の画面へ移動します
![スクリーンショット 2025-05-28 17.34.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/118627/feda3c3e-ddd9-4db6-a0aa-87a20a84a229.png)



以上となります





# 余談
上記の小さな task では $0.2 程かかりました