初心者向け 導入ガイド
ホットペッパースタイル投稿
自動化ツール
写真とコメントを用意しておくだけ。サロンボードへの登録を、AIが1本ずつ自動で入力・投稿します。パソコンが苦手な方でも、この順番どおりに進めれば大丈夫です。
🕒 初回セットアップ 約20分
⚡ 2回目以降 ログインだけ
💻 対応 Mac
Overview
このツールでできること
できること
- 用意した10本を、写真アップ〜各項目入力〜登録まで全自動
- 内容を差し替えれば何度でも繰り返し使える
- 文章づくりもAIに手伝ってもらえる
先に知っておくこと
- ログインは毎回あなた自身が手入力(安全のためツールには渡しません)
- ログインは約10分で切れるので「ログイン→一気に投稿」を1回で
- 各サービスの利用規約の範囲・自己責任で利用
「Claude in Chrome」拡張は不要です。 このツールは専用のブラウザを自分で立ち上げて動くため、拡張機能のインストールは要りません。案内が出ても入れなくてOK。
First
まず、これだけ分かればOK
「ターミナル?コマンド?」と身構えなくて大丈夫。あなたは基本、日本語でお願いするだけです。登場するのは次の3つ。
Player 1
ターミナル
Macに最初から入っている黒い画面。「Claude Codeを呼び出すための入口」としてだけ使います。コマンドを覚える必要はありません。
Player 2
Claude Code
あなたの代わりに作業してくれるAI。ターミナルで claude と打つと起動。あとは日本語で話しかけるだけで、面倒なコマンドは全部やってくれます。
Player 3
サロンボード
ホットペッパーの管理画面。Claude Codeが専用ブラウザで自動で開いて入力します。あなたはログインだけ手で行います。
結局、あなたが手でやるのは「2つ」だけ
その1
最初に claude と打つ
ターミナルを開いて claude と入力するだけ。これでAIアシスタントが起動します。
その2
サロンボードにログイン
Claude Codeがブラウザを開いたら、いつも通りID・パスワードを入力してログインするだけ。
この2つ以外は、「◯◯して」と日本語でお願いするだけ。下のSTEPで、その"お願いする言葉(プロンプト)"を全部そのまま載せています。コピーして貼るだけでOKです。
Step
手順
1
あなたの操作(初回だけ)
Claude Code を入れて起動する
Claude Code は「ターミナル」という画面から呼び出します。むずかしいのは最初だけ。落ち着いて3つ進めましょう。
-
ターミナルを開く
⌘ + Space を同時に押す → 検索窓に ターミナル と入力 → Enter。黒い(または白い)文字だけの画面が開きます。これが「ターミナル」。
-
Claude Code をインストールする
下の1行をコピーして、ターミナルに貼り付け → Enter。
curl -fsSL https://claude.ai/install.sh | bash
途中でパスワードを聞かれたら Macのログインパスワード を入力(画面に文字は出ませんが、ちゃんと入力できています)。
-
Claude Code を起動する
ターミナルに claude と打って Enter。初回はブラウザでClaudeにログインします。
claude
↓ こんな入力欄が出れば準備完了
> ここに日本語でお願いを書きます
ここまでできれば一番の山場は越えです。次回からはターミナルを開いて claude と打つだけで始められます。
2
Claude Codeにお願い(初回だけ)
ツールを置いて、下準備してもらう
むずかしい設定はClaude Codeが全部やります。あなたは「フォルダを置く」→「言葉を貼る」だけ。
-
ツールのフォルダを置く
配布された hpb-style-poster フォルダを、そのまま デスクトップ に置きます(ドラッグ&ドロップでOK)。
-
Claude Codeに下の言葉を貼る
STEP 1で開いた claude の入力欄に、下をコピペして Enter。
📋 コピーして貼る
デスクトップの hpb-style-poster を使って、ホットペッパーのスタイル自動投稿の初期セットアップをして。Python仮想環境を作って seleniumbase を入れて、Apple Siliconなら Rosetta も入れて、動く状態にして。
-
待つだけ
Claude Codeが自動で下準備を進めます(数分)。「動く状態になりました」のような返事が出れば完了です。
3
あなた+Claude Code
投稿する10本を用意する
写真を入れて、文章はClaude Codeに作ってもらいます。
-
写真10枚を入れる
スタイル投稿用 フォルダに、施術写真を10枚入れます(配布フォルダのサンプル写真を差し替えるのが簡単)。
-
文章を作ってもらう
「◯◯」を自分のサロン名・強みに書き換えて、Claude Codeに貼ります。
📋 コピーして貼る(◯◯を書き換え)
うちの美容室「◯◯」用に、ホットペッパーのスタイル投稿を10本作って。強みは「◯◯・◯◯」。ヘアカタログで伸びるワードを研究して、スタイル名(30字以内)・コメント(120字以内)・メニュー(50字以内)・ハッシュタグを、写真に合う内容で posts.json にまとめて。
-
スタイリスト名を合わせる
サロンボードに表示される自分のスタイリスト名に合わせます。これもClaude Codeにお願いでOK。
📋 コピーして貼る
スタイリスト名を、私のサロンボードの表記「◯◯」に合わせて設定して。
文字数のルール(超えると登録できません)
| 項目 | 上限 | 例 |
| スタイル名 | 30文字 | ミルクティーベージュ×ヨシンモリ艶ロング |
| コメント | 120文字 | 魅力・悩み解決・サロンの強みを簡潔に |
| メニュー内容 | 50文字 | カット+ダブルカラー+髪質改善 |
| ハッシュタグ | 1個40字 | #ミルクティーベージュ #韓国ヘア |
※ 文字数はClaude Codeが自動で守って作ってくれます。手直ししたいときは「◯本目のコメントをもっと可愛く」などと頼めばOK。
4
あなた+Claude Code
いよいよ投稿する
まず1本だけ試して安全を確認 → 問題なければ残り全部。あなたの操作は「ログイン」だけです。
-
まず1本テストを頼む Claudeに貼る
📋 コピーして貼る
hpb-style-poster で、まず1本だけテスト投稿して。Chromeが開いたら私がログインします。結果を教えて。
-
開いたChromeでログイン あなたの操作
専用のChromeが自動で開きます。いつも通り ID・パスワードを入力してログインするだけ。(パスワードはツールに渡りません)
-
あとは自動で登録 自動
写真アップ→各項目入力→登録まで自動で進みます。「登録成功」と出れば1本目OK。
-
問題なければ残り全部を頼む Claudeに貼る
📋 コピーして貼る
うまくいったので、残り全部を投稿して。
もう一度ログインすれば、あとは自動で10本登録(約7〜8分)。途中で止まっても、もう一度同じお願いをすれば続きから再開します。
Troubleshooting
困ったときは
| 症状 | 対処 |
| Rosetta が必要と出る | Apple Silicon Mac。Claude Codeに「Rosettaを入れて」と頼む |
| ログインしても進まない | 数分待っても動かなければ一度閉じて再実行 |
| 「認証エラー」が出る | ログインし直してからすぐ実行(約10分で切れます) |
| 「30文字以内で」と出る | スタイル名が長すぎ。30字以内に直す |
| 画面が変わって止まった | HPBの仕様変更かも。下の「魔法の一言」を |
🪄 魔法の一言(Claude Codeに貼る)
hpb-style-poster の自動投稿が途中で止まった/エラーが出た。logs フォルダのスクショとログを見て、原因を調べて post.py を直して。
Claude Codeは logs/ に残る画面キャプチャとログを自分で読み、原因の特定・修正まで行えます。
Cheat Sheet
コピペ用 プロンプト早見表
🛠 初期セットアップ
デスクトップの hpb-style-poster を初期セットアップして。動く状態にして。
✍️ 10本の内容を作る
うちの美容室「店名」用にスタイル投稿10本作って。強みは◯◯。文字数制限内で posts.json に。
👤 スタイリスト名
post.py の STYLIST_NAME を私のサロンボードのスタイリスト名に合わせて直して。
🧪 1本テスト
hpb-style-poster で1本だけテスト投稿して。ログインは私がやる。
🩹 トラブル修正
自動投稿が止まった。logs のスクショとログを見て原因を調べて直して。