MENU
  • ホーム
  • できること
  • ホームページサポート
  • コラム
    • note
  • 問い合わせ
Prompt Creator|Web・AI・セキュリティ相談
  • ホーム
  • できること
  • ホームページサポート
  • コラム
    • note
  • 問い合わせ
  • ホーム
  • できること
  • ホームページサポート
  • コラム
  • 問い合わせ
Prompt Creator|Web・AI・セキュリティ相談
  • ホーム
  • できること
  • ホームページサポート
  • コラム
    • note
  • 問い合わせ
  1. ホーム
  2. Claude
  3. AIにサイト修正を頼んだらGitHub作業まで終わっていた

AIにサイト修正を頼んだらGitHub作業まで終わっていた

2026 6/11
Claude 運用・保守 AI
2026年6月11日
目次

Claude Codeを試した理由

今日はじめて最近話題のClaude Codeを試してみました。
クライアントのサイトの保守の仕事が入ったからです。

修正を依頼した内容

CSSファイルの統合をしたかったので、ファイルを丸投げしていたら
時間切れになった。
そんな訳で、以前から気になっていた有料版に申し込みしました。

実際にやってくれたこと

以下、すべて、Claudeが作業

①コード修正

 CSSファイルで同じソースコードが重複していたのを削除、他

②コミット

 修正内容を記録

③Push

 GitHubへ反映

④Merge

 本番用のコードへ統合

驚いたポイント

GitHubとの連携もClaudeで聞いて教わりながら連携したのですが、それ以上に別々の会社の連携力に驚きました。コラボ力というべきか?

注意点と感想

正直なところ、

「プロンプトを考える方が難しいからやりたくなかった」

ところが実際に使ってみると驚きました。

プロンプトを考えなくても、簡単なタメ口言葉で通じたのです。

私がお願いしたのは、ホームページのちょっとした修正です。

するとClaude Codeは、

  • 修正箇所を確認
  • コードを書き換え
  • Gitにコミット
  • GitHubへPush
  • Merge

という流れを自動で進めてくれました。

私は途中で内容を確認するだけ。

まるで経験豊富なエンジニアに隣で作業してもらっている感覚です。

Claude Code バージョン:Fable 5 低

一番驚いたこと

コード生成よりも驚いたのは、

「Gitの作業までやってくれたこと」

でした。

Web制作をしていると、

  • 修正する
  • 動作確認する
  • コミットする
  • Pushする

という流れが意外と面倒です。

正直、以前チームで作業していた時は、ここで挫折しました。

Claude Codeは、その部分まで含めて手伝ってくれます。

便利だからといって、内容を確認せずに進めるのは危険です。

実際に公開されるコードになるので、

  • 何を変更したのか
  • 想定通りに動くか
  • セキュリティ上問題ないか

管理者はあくまでも人間。

最終的には人間の目で確認する必要があります。

それにしても原因の解説まで勝手にしてくれるのには本当に驚きました。

Web制作者として感じたこと

AIは仕事を奪うというより、

「面倒な作業を減らしてくれる相棒」

に近い存在だと感じました。

特に個人事業主や小規模事業者にとっては、

作業時間を減らして本来やるべき仕事に集中できる可能性があります。

これからもしばらく使いながら、実際の活用事例をブログで共有していこうと思います。

Claude 運用・保守 AI

関連記事

  • IT導入補助金(デジタル化・AI導入補助金)を真剣に検討して、あえて諦める決断をした話
    2026年6月11日
  • WordPressサイトを自身のローカル開発環境へ移行しよう
    2026年3月12日
  • ウェブ制作〜運用を始める人へ♭Vercel(v0)かでWordPressで迷ったら
    2026年3月6日
  • プロンプトエンジニア認定試験に合格するためのステップ
    2026年1月28日
  • NotebookLMで動画10本作ったら3週間で9人が登録してくれた話
    2026年1月22日
  • 【永久保存版】大事なLINEの個人情報を守る方法~スマホ初心者でも大丈夫~
    2026年1月19日
  • Webデザイナーが暗号とセキュリティを軽視してはいけない理由
    2026年1月7日
  • 図解比較~WordPressとHTMLでのGoogle reCAPTCHAの導入方法の違い~
    2026年1月4日

コメント

コメントする コメントをキャンセル

  • プライバシーポリシー
  • 利用規約

© Prompt Creator|Web・AI・セキュリティ相談.

  • メニュー
  • プライバシーポリシー
  • 利用規約
目次