コンサルタントのしおかぜです。ちなみにこの記事も私の情報をもとにClaude codeが私のライターとなり制作してくれています。
---
「この写真だけ差し替えたい」「料金を1行直したい」——たったそれだけのことなのに、なぜか半日かかってしまった経験はありませんか？
中小企業・個人事業主や店舗のオーナーさんから、こんなご相談をよくいただきます。「ホームページの修正って、思ったより面倒なんですね」と。実は、私たちプロでも"ちょっとした修正"には意外な落とし穴がたくさん潜んでいます。
今回は、あるお客様のホームページで実際に対応した「事例ページの差し替え作業」を題材に、現場でどんな工夫をしているのかをお伝えします。
---
## スマホで「ここ直して」と送られてくるのが現実
私がこの課題に取り組む際に活用しているのが **Claude Code** です。日々の作業ログや設定ファイルの確認、記事の構成案まで、Claude Codeに相談しながら進めることで、一人でも高速に質の高いアウトプットを出せるようになりました。
お客様からの修正依頼は、きれいに整理された指示書で届く……わけではありません。
実際には、スマホでサイトを見ながら「ここ」とスクリーンショットに赤丸をつけて送られてくることがほとんどです。中小企業・個人事業主の経営者が営業の合間にパッと気づいて、LINEで「この文言違う」と送る——あの感覚ですよね。
だからこそ私は、指示を受け取ったら必ず**修正リスト**を作ります。
- どのページのどこか
- 何をどう変えるか
- 完了の判断基準（「お客様がOKと言ったら終わり」など）
これを書き出してから作業を始めないと、修正が5箇所、10箇所と増えたときに「あれ、どこまでやったっけ？」という事故が起きます。
---
## 「データを入れるだけ」で終わらない現実
今回の作業では、お客様の声として掲載する事例3社分を、仮のテキストから本物の情報に差し替えました。社名、担当者名、導入前の課題、成果の数字、コメント——入れ替えるだけなら簡単そうに見えます。
ところが、ここに2つの落とし穴がありました。
**1つ目は、文章の長さがバラバラなこと。**
仮のテキストは文字数を揃えて作ってあります。でも本物のコメントは、ある会社は2行、別の会社は5行ということも。そのまま入れると、画面のレイアウトがガタガタに崩れてしまいます。
**2つ目は、表記のばらつき。**
「株式会社」と書いてあったり「（株）」だったり。肩書きも「代表取締役」だったり「代表」だったり。本物の情報だからこそ、どこまで統一するかをお客様と確認する必要がありました。
中小企業・個人事業主でいえば、ビフォーアフター写真を入れ替えるとき、写真のサイズや明るさがバラバラだと見栄えが悪くなるのと同じです。
---
## 「なんか違う」と言われないための3つの鉄則
最近は便利なツールでサイトのパーツを作れるようになりました。でも、そのまま使うと「なんか違う」「元のデザインと合ってない」とすぐに気づかれます。
私が現場で守っている鉄則は3つです。
1. **色は感覚で選ばない。**既存ページから正確な色番号を取得して、そのまま使う。
2. **文字の大きさや余白は数値で揃える。**「だいたい同じ」は禁止。
3. **新しいパーツを作るときは、既存ページの似たパーツをコピーして中身だけ書き換える。**
特に3番目が大事です。ゼロから作ると、どうしても微妙なズレが出ます。既存のものを"型"として使えば、統一感を保てます。
中小企業・個人事業主のメニュー表やPOPも、テンプレートを決めてから中身だけ変える方が統一感が出ますよね。それと全く同じ考え方です。
---
## 細かい修正ほど、漏れやすい
今回の作業では、メインの差し替え以外にも細かい修正がいくつかありました。
- ページ下部のリンク先がズレていたので整理
- 不要な装飾が残っていたので削除
- スマホで見たときの改行位置を調整
こうした"地味な修正"こそ、見落としやすいポイントです。
私が実践しているのは、**ページの上から下へ順番にチェックする**というシンプルなルールです。ヘッダーから始めて、メイン部分、そしてページ下部へ。順番に見ていくことで、飛ばし見による漏れを防げます。
棚卸しと同じですね。左の棚から順番に数える。飛ばすから数え漏れる。サイト修正も同じ原理です。
---
## まとめ：「ちょっとした修正」を確実にこなすコツ
今回の作業で改めて感じたのは、**効率を優先して手間を省くと、結局あとから何倍もの時間がかかる**ということです。
店舗サイトの運用に活かせるポイントをまとめると、この3つです。
1. **修正依頼は、必ず一覧にしてから作業を始める**
2. **データの差し替えは「入れるだけ」で終わらない。長さや表記、見た目の崩れを確認する**
3. **新しいパーツは、既存の"型"をコピーしてから中身を入れ替える**
「細かい修正が溜まっている」「どこから手をつければいいか分からない」——そんなときは、スクリーンショット1枚からでもご相談いただけます。お気軽にプロフィールページからお問い合わせください。
---
WEBサイト制作・広告運用・業務自動化など、Claude Codeを活用した仕組みづくりをご支援しています。「何から始めればいいか分からない」という方も、お気軽にプロフィールからご相談ください。
.png)
