MENU
Language
AIを学び、探究し、未来を創る。AIエンジニアのためのAI情報解説サイト。AIと未来を創る、ゼロからの一歩 / Building the new world from zero with AI.
  1. ホーム
  2. ソース管理
  3. Git
  4. Claude Code GitHub Action の 使い方 【基本編：PR/Issue】@claude

Claude Code GitHub Action の 使い方 【基本編：PR/Issue】@claude

Git AIスタディ AIコーディング
hara | ai0w監修
目次

事前準備

Claude Code GitHub Actions の設定が完了していること。
インストール・設定手順については、下記で解説しています↓

Ai0w.com
【Windows対応】Claude Code GitHub Actions 設定：Claude MaxのサブスクプランでOAuth認証／Claude APIキ… 前提条件 GitHub リポジトリの管理者またはメンテナンス権限 Claude Code の CLI または GitHub App を使用可能 Claude Maxのサブスクプランまたは、Anthropic Claude API…

PR/Issue で @claude と記載して指示します

概要

  • 対象: Claude Code GitHub Actions を設定したリポジトリ
  • やること: PR/Issue/レビューコメントの本文に @claude を含めて投稿
  • 例（Issueで指示文作成） @claude 時計アプリを作成して
  • これで Claude が差分やコンテキストを読み、修正・PR更新・コメント返信などを自動実行します。

Issueを作成します

Issueに　@Claude をつけて、指示文を記載します。

@Claude
時計アプリを作成して

Claude Codeが自動応答して作業を始めます。

プレビュー方法（GitHub 上）

1. Create PR リンクからプルリクエストを開く

画像内の：Create PR →をクリックすると、Claude が作成した変更（時計アプリのコードを含む）を新しいブランチから main ブランチなどに対してマージするための Pull Request ページが開きます。

Pull Request を作成します。

  • Create pull request
    すぐにレビューやマージが可能な PR を作成
    • main などに取り込みたい変更が「もう完成している」とき
    • 通常はこちら
  • Create draft pull request
    • 「まだ作業途中だけど、コードを共有しておきたい」場合
    • Draft のままではマージできません（「Ready for review」に変更すると通常の PR に変わります）
    • WIP（作業中）の確認や相談向け

今回は「Create pull request」を選択してPRします。（まだマージは行いません。）

PR（pull request）が作成されました

ブランチをクリックすると、「Code」ボタンでHTTPS、SSHでCloneする場合のコードを確認することができます。

プレビューの方法1 : ブランチ の clone を行います

cd プロジェクトフォルダ

HTTPSでCloneする場合の例）

git clone -b claude/ブランチ名 https://github.com/オーナー名/リポジトリ名.git

SSHでクローンする場合の例）

git clone -b claude/ブランチ名 git@github.com:オーナー名/リポジトリ名.git

ローカルのプロジェクトフォルダに、ブランチのソースがクローンされました。
今回の例では「clock.html」が作成されたため、このソースをダブルクリックしてブラウザで表示します。

お疲れさまでした。時計アプリが確認できました。
参考まで、この時計アプリを作るのに消費したクレジットは $0.3 でした

プレビューの方法2 : すでにブランチを clone 済みの場合

git fetch origin claude/リポジトリ名
git checkout claude/リポジトリ名

1行目：git fetch origin claude/ブランチ名
「リモートリポジトリから指定したブランチの最新情報をローカルに取り込む」

  • git fetch = リモートの更新情報を取得する
  • origin = デフォルトで登録されているリモートリポジトリの名前
  • claude/ブランチ名 = 取得したい特定のブランチ

2行目：git checkout claude/ブランチ名
「ローカルの作業環境を、そのブランチの状態に切り替える」

  • git checkout = 作業中のブランチを切り替える
  • claude/ブランチ名 = 先ほど fetch したブランチ

完了後に、「clock.html」をダブルクリックしてブラウザで表示します。

プレビューの方法3 : VS Code の Live Preview 拡張機能を利用

プレビューの方法1、方法2 で CloneしたブランチのフォルダをVS Codeで開き、Live Preview 拡張機能でプレビューします。

Live Preview 拡張機能をインストールします。

ソースファイルを右クリックして「Show Preview」を行います。
右側のエリアにアプリのプレビューが表示されます。

プレビューで問題がなければ、mainにマージします

その他の使い方

  • 自動コードレビュー
  • CLAUDE.md の利用
    • コーディング規約、設計原則、禁止 API やライブラリ、レビュー観点

公式ドキュメント

Git AIスタディ AIコーディング
Git Github Claude Claude Code
よかったらシェアしてね！
  • URLをコピーしました！
  • URLをコピーしました！

この記事を書いた人

hara | ai0w監修のアバター hara | ai0w監修

AIアーティスト | エンジニア | ライター | 最新のAI技術やトレンド、注目のモデル解説、そして実践に役立つ豊富なリソースまで、幅広い内容を記事にしています。フォローしてねヾ(^^)ﾉ

関連記事

コメント

コメントする

目次