Claude Codeでホームページ編集に挑戦
皆さんこんにちは。AIを駆使する事務代行、和田博です。 この配信では、AIを活用した効率的な仕事術や、私が起業して事務代行を行っている中での気づきなどをお話ししています。
今日はですね、業者に作ってもらったホームページをClaude Codeで直してもらったというお話をしてみたいと思います。
先日ですね、しゅうへいさんのブレインのスキルを使って動画が編集ソフトなしでできたというお話をしましたけれども、ちょっとね、それをやったことで私のClaude Codeへの熱がちょっと出てきまして、今
までClaude Codeしか使ってなかったんですけど、
Claude Codeってコードって名前が付いてて、僕コード苦手だったので、食わず嫌いというか、なかなか触ってなかったんですよね。でもなんかやってみて、まあいけるかなっていう感じがしたので、今回は
ですね、Claude Codeを使って自分のホームページを編集できるんじゃないかって思って挑戦しました。
業者制作のWordPressを直す怖さ
これはですね、業者さんに20万円ぐらいで作ってもらったのかな、ちょっと忘れちゃったんですけれども、起業して2年目ぐらいの時に小規模受業持続化補助金という補助金が3分の2補助が出るっていう補助金がありま
して、それを使ってその一部の中ではこのホームページを業者さんに作ってもらいました。
結構凝ったので、さすがプロだなという感じですよね。ただこの業者さんのホームページはものすごくかっこよくて素敵なんですけど、一点ちょっと不便なところがあるといえば、不便なところを感じていまして、この記事
の修正が有料になっちゃうんですよね。
一応ルールと規則と、このホームページを作ってもらった時の規則として、この記事の内容を変えるのは自由ですよと。で、このホームページも和田さんに著作権というか所有権は規則するから、いじるのも自由ですけれ
ども、もしいじって壊れちゃった場合、直してくれって言われたらもちろん有料ですよっていう、そんなような契約なんですね。
だからこれを記事を直すこと前提で作ってあるので、直すこと自体は私やっていいんですけれども、このワードプレスがですね、この業者さんが作ったワードプレスはその業者さんのオリジナルのテーマっていうのを使って
いて、今日は普通に市販されてたりするものではないんですね。
ちょっと特別な作り方をしてあって、直そうとするとですね、ちょっと難しかったんです。ちょっと直した時に普通のテーマの、何でしたっけね、いろいろありあるじゃないですか。
前は私はスウェルっていうのを使ってたんですけど、スウェルとか一般的なやつですね、最初から無料でついてるやつとか、そういう無料のテーマとかと違って解説とかもないし、いじるのが怖かったんですよ。
なので、この文章を直すときも本当にほんの少し直すだけ、そういうことはしてたんですけれども、デザインを変えたりとか、そういうのはもうやってなかったんです。怖くてですね。
もしこれでワードプレスがおかしくなっちゃって、バランスがおかしくなっちゃって直せなくなっちゃった時、やっぱり2、3万円かかるんですよね。やっぱりプロにお願いするので、例えばこれが段がずれちゃっただけ
とか、一文字がおかしくなっちゃったとか、そういうのを直すだけでもやっぱり2、3万円かかってきちゃうんですよ。
それはもう当たり前のことで、内容に関わらずやっぱりプロの人が1日かかりで直してくれるんで、それぐらいお金をかかるのはしょうがないんですけれども、そういうのが怖くて、触れなかったのを、もしかしたらクロ
ードコードだったら自動でやってくれるんじゃないかということで、クロードコードにお願いしてみました。
サービス内容とアイコンを自動更新
プロンプトはといいますと、今回直したのはサービスのところなんですけれども、サービス内容が、私が当初ホームページを作った時と少し変わってきているので、このサービス1のAI事務Cなんて今書いてあるんです
けれども、これがなかったんですよね。
あとタスク管理サポートとかも、実際にはこれが今メインなんですけど、これも載ってなかった。シーン4まであったんですけど、これシーン6までにしてもらった。
あとこの表とかも変えてもらったりとか、マイクの形でついてるんですけど、これ昔からスタンドFMのリンクがここに貼ってあるんですけど、アイコンを変えるやり方がわからなくて、ずっとここだけ灰色の初期アイコン
みたいな丸印みたいなのがついてるようなアイコンだったんですけど、それもクロードコードに作ってもらいました。
バックアップから下書き保存までの作業
やり方は本当に簡単で、ここの事務CのトップページのURLですね。これをクロードに貼り付けて、まず最初に私はホームページを回収したいと思っています。
ワードプレスで作った、業者さんに託して作ったホームページです。
まずは私のホームページを分析してくださいと言って、クロードコードに分析してもらう。
その後、このサービス内容のところを変更したいですというところで、これもAIに考えてもらいました。
タスク管理サポートとAIの事務診断のところをサービス内容に入れたいですといったら、いろいろ質問してきて、そしたらこういう文章を作ってくれたって感じですね。
自動でGoogle Chromeに連携をしているので、クロードがもうChromeを開けて、ワードプレスのところ、ログインは私がしたんですけれども、ログインしたところから入っていって書き込みとかもして、
下書きの保存までをしてくれました。
これが万が一またクロードコードが変えた新しいやつが変な表示になってしまったりしたら困るので、バックアップを取ってくださいって言って、
それもやってもらった上でできたのが今のページですね。
ちなみにこれを直す前は、一番最初に全般的な事務サポートが来ている。
2番目に補助金申請・強制対応。
3番目が経理・契約時。
4番目はホームプレース・SNS更新サポートってなってたんですね。
ここはあと2つ足したいっていうことをやってもらいました。
やっぱりワードプレス詳しくないとこれさえもできないんですね。
プログラム詳しい人だったらこんなことに悩むのを笑っちゃうぐらいなんでしょうけど、私にとってはとても難しいことだったんですよ。
そういう感じですね。
AIで広がる今後のサイト運用
ですので、今ね、すごいAIの進化にびっくりしてますね。
今更なんですけれども、今まではやっぱりAIに聞いてそれを貼り付けたりとかっていうのがすごい大変だったんですけども、
この自動でやってくれるっていうのがすごいありがたいです。
私のMacはね、M1Macで8GBメモリで、もうそろそろ古い部類に入ってくるパソコンなんで時間はかかるんですけど、
命令を入れてお願いしますってやって5分、10分待たされるんですけど、別にその間は違うことやってればいいだけなんで、
洗い物やってる洗濯物干したり、違う仕事のところを見たりとかしたりしてればいいだけなので、
そこはね、時間は有効に使えるので、すごい便利ですね。
なのでここのホームページもちょっとまた内容をブラッシュアップして、
プロフィールのところなんかも写真も文章もちょっと作り直してみたいなってこれから思ってます。
この資格とかツールとかも当時と変わってますからね。
ブログなんかもブログもできれば自動で今後やりたいと思っています。
こういうStandFMとかでこうやってお話ししたものを自動で文字化してここに乗っけてくれて、
下書き保存までしてくれるような感じでシステムを組めたらいいなーってちょっと今、
未来を思い描いている感じですね。
はい、今日はそんな感じ。
StandFMと動画編集の実験
これちょっと実験なんで、これがどうStandFMとしてまとまるか、
動画としてまとまるかっていうのをまた試してみたいと思います。
これもね、今日しゅうへいさんのスキルを使って編集してもらおうと思っています。
最後まで聞いていただきましてありがとうございました。
和田博史でした。
最後までお聞きいただきありがとうございました。
今日の配信が良かったと思っていただけたら、ぜひフォローやコメント、いいねをお願いいたします。
また、事務代行のサービスをご検討中の方は、概要欄にお問い合わせフォームのリンクがありますので、お気軽にお問い合わせください。
それでは、次回の配信をお楽しみください。
和田博史でした。