初心者向け 導入ガイド

ホットペッパースタイル投稿
自動化ツール

写真とコメントを用意しておくだけ。サロンボードへの登録を、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です。

Checklist

準備するもの

Mac（本ガイドはMac向け）
サロンボードのID・パスワード
施術写真 10枚（本人が撮ったもの）
投稿する文章（後述のルールあり）
Claude Code（STEP 1で導入）
ツール一式のフォルダ（配布された物）
Before you start

はじめる前の事前チェック

① あなたのMacの種類を確認（1分）

画面左上の りんごマーク → 「このMacについて」 をクリック。
「チップ」または「プロセッサ」の欄を見て…
・Apple M1 / M2 / M3 などと書いてある → あとで「Rosetta」という部品が必要（Claude Codeが自動で入れます。心配不要）
・Intel と書いてある → Rosettaは不要

② スマホの写真をMacに移す（AirDropが簡単）

iPhoneなら：写真アプリで10枚選ぶ → 共有ボタン（□に↑） → AirDrop → 自分のMac名をタップ。
Mac側の「ダウンロード」フォルダに届きます。あとでSTEP 3でこの写真を使います。

③ インターネットにつながっていればOK

特別な機材は不要。ネットにつながったMacが1台あれば始められます。

Basics

覚える操作は「3つ」だけ

この先に出てくる操作は、たったこれだけ。難しいことはありません。

⌘+C

コピーする

文字を選んで押すと、その文字を「覚えさせる」。このガイドの「📋コピーして貼る」の文はドラッグで選べます。

⌘+V

貼り付ける

コピーした文字を、今いる場所に置く。ターミナルにも ⌘+V で貼れます（右クリック→ペーストでもOK）。

Enter

決定する

入力した内容を「実行」する合図。ターミナルでもClaude Codeでも、打ち終えたら最後にこれを押します。

コツ：このガイドの文章はまちがえないように「コピペ」がおすすめ。手で打ち直すより確実です。
Flow

全体の流れ

STEP 1
Claude Code
を入れる
STEP 2
ツールを置いて
セットアップ
STEP 3
10本の
内容を用意
STEP 4
ログインして
自動投稿
STEP 5
反映申請で
公開
Step

手順

1
あなたの操作（初回だけ）

Claude Code を入れて起動する

Claude Code は「ターミナル」という画面から呼び出します。むずかしいのは最初だけ。落ち着いて3つ進めましょう。

  1. ターミナルを開く
    ⌘ + Space を同時に押す → 検索窓に ターミナル と入力 → Enter。黒い（または白い）文字だけの画面が開きます。これが「ターミナル」。
  2. Claude Code をインストールする
    下の1行をコピーして、ターミナルに貼り付け → Enter。
    curl -fsSL https://claude.ai/install.sh | bash
    途中でパスワードを聞かれたら Macのログインパスワード を入力（画面に文字は出ませんが、ちゃんと入力できています）。
  3. Claude Code を起動する
    ターミナルに claude と打って Enter。初回はブラウザでClaudeにログインします。
    claude
    ↓ こんな入力欄が出れば準備完了
    > ここに日本語でお願いを書きます
ここまでできれば一番の山場は越えです。次回からはターミナルを開いて claude と打つだけで始められます。
2
Claude Codeにお願い（初回だけ）

ツールを置いて、下準備してもらう

むずかしい設定はClaude Codeが全部やります。あなたは「フォルダを置く」→「言葉を貼る」だけ。

  1. ツールのフォルダをデスクトップに置く
    配布された hpb-style-poster を用意します。
    ・zip（圧縮ファイル）で届いた場合：ファイルをダブルクリックすると自動で解凍され、フォルダになります。
    ・できた hpb-style-poster フォルダを、マウスでデスクトップにドラッグ＆ドロップ（画面の何もない所に置く）。
    ※「デスクトップ」＝Macを起動して最初に見える背景画面のことです。
  2. Claude Codeに下の言葉を貼る
    STEP 1で開いた claude の入力欄に、下をコピペして Enter。
    📋 コピーして貼る

    デスクトップの hpb-style-poster を使って、ホットペッパーのスタイル自動投稿の初期セットアップをして。Python仮想環境を作って seleniumbase を入れて、Apple Siliconなら Rosetta も入れて、動く状態にして。

  3. 待つだけ
    Claude Codeが自動で下準備を進めます（数分）。「動く状態になりました」のような返事が出れば完了です。
3
あなた＋Claude Code

投稿する10本を用意する

写真を入れて、文章はClaude Codeに作ってもらいます。

  1. 写真10枚を入れる
    スタイル投稿用 フォルダに、施術写真を10枚入れます（配布フォルダのサンプル写真を差し替えるのが簡単）。
  2. 文章を作ってもらう
    「◯◯」を自分のサロン名・強みに書き換えて、Claude Codeに貼ります。
    📋 コピーして貼る（◯◯を書き換え）

    うちの美容室「◯◯」用に、ホットペッパーのスタイル投稿を10本作って。強みは「◯◯・◯◯」。ヘアカタログで伸びるワードを研究して、スタイル名（30字以内）・コメント（120字以内）・メニュー（50字以内）・ハッシュタグを、写真に合う内容で posts.json にまとめて。

  3. スタイリスト名を合わせる
    サロンボードに表示される自分のスタイリスト名に合わせます。これもClaude Codeにお願いでOK。
    📋 コピーして貼る

    スタイリスト名を、私のサロンボードの表記「◯◯」に合わせて設定して。

文字数のルール（超えると登録できません）

項目上限例
スタイル名30文字ミルクティーベージュ×ヨシンモリ艶ロング
コメント120文字魅力・悩み解決・サロンの強みを簡潔に
メニュー内容50文字カット＋ダブルカラー＋髪質改善
ハッシュタグ1個40字#ミルクティーベージュ #韓国ヘア

※ 文字数はClaude Codeが自動で守って作ってくれます。手直ししたいときは「◯本目のコメントをもっと可愛く」などと頼めばOK。

4
あなた＋Claude Code

いよいよ投稿する

まず1本だけ試して安全を確認 → 問題なければ残り全部。あなたの操作は「ログイン」だけです。

あなた
開いたChromeで
ログイン
ツール
写真アップ〜
入力〜登録を自動
完了
登録成功
を確認
  1. まず1本テストを頼む Claudeに貼る
    📋 コピーして貼る

    hpb-style-poster で、まず1本だけテスト投稿して。Chromeが開いたら私がログインします。結果を教えて。

  2. 開いたChromeでログイン あなたの操作
    少し待つと、新しいChromeの画面が自動で開きます（普段のChromeとは別のウィンドウ）。サロンボードのログイン画面が出るので、いつものID・パスワードを入力してログインしてください。
    ※ ここで入力したパスワードはツールにもAIにも渡りません。あなたのブラウザ内だけの操作です。
    ※ ログインが終わったら、あとは何も触らず見ているだけでOK。
  3. あとは自動で登録 自動
    写真アップ→スタイル名・コメント・タグなどの入力→登録ボタン、までひとりでに進みます。
    Claude Codeの画面に 「✅ 登録成功」 のような返事が出れば、1本目は完了です。
  4. 問題なければ残り全部を頼む Claudeに貼る
    📋 コピーして貼る

    うまくいったので、残り全部を投稿して、最後に反映申請までやって。

    もう一度ログインすれば、あとは自動で10本登録＋反映申請（公開）まで自動（約7〜8分）。途中で止まっても、もう一度同じお願いをすれば続きから再開します。
    ※ 写真が「混み合っています」で失敗したときは、自動で数回やり直します。それでもダメなら写真なしで登録せず安全に停止するので、少し時間をおいて同じお願いをすればOK。
5
ほぼ自動（仕上げの公開）

「反映申請」で公開する

ここが最重要ポイント！ STEP 4で登録しただけでは、まだ「下書き（未反映）」の状態です。「反映申請」 をして初めてホットペッパーに公開されます。

朗報：この反映申請も自動でできるようになりました。 STEP 4で「反映申請までやって」と頼めば、投稿の最後にツールが自動で申請します。

📋 反映申請だけ後からやる場合

反映申請して。（Chromeが開いたらログインします）

手動でやりたい／自動で押せなかった時： サロンボードの 「掲載管理」→ 一番下の「反映申請」ボタン を押すだけ。
※「未確認の掲載情報」や「NG」があるとボタンが押せません。その時は画面の指示に従って内容を確認・修正してから申請してください（Claude Codeに「反映申請できない、画面を見て」と頼めば手伝います）。

申請後、サイトに反映されるまで少し時間がかかることがあります（通常は数十分〜）。これで公開完了です🎉

Troubleshooting

困ったときは

症状対処
Rosetta が必要と出るApple Silicon Mac。Claude Codeに「Rosettaを入れて」と頼む
ログインしても進まない数分待っても動かなければ一度閉じて再実行
「認証エラー」が出るログインし直してからすぐ実行（約10分で切れます）
「30文字以内で」と出るスタイル名が長すぎ。30字以内に直す
写真が「混み合っています」で失敗自動で数回やり直します。それでもダメなら少し時間をおいて「残り全部投稿して」で再開（写真なしでは登録されません）
反映申請ボタンが押せない「未確認の掲載情報」やNGがある状態。掲載管理で内容を確認・修正してから申請
画面が変わって止まったHPBの仕様変更かも。下の「魔法の一言」を
🪄 魔法の一言（Claude Codeに貼る）

hpb-style-poster の自動投稿が途中で止まった／エラーが出た。logs フォルダのスクショとログを見て、原因を調べて post.py を直して。

Claude Codeは logs/ に残る画面キャプチャとログを自分で読み、原因の特定・修正まで行えます。

FAQ

よくある質問

Qパソコンが苦手でも本当にできますか？
できます。あなたが手でやるのは「最初に claude と打つ」「サロンボードにログイン」の2つだけ。あとはこのガイドの言葉をコピペして貼るだけです。分からなくなったら、Claude Codeにそのまま日本語で質問すれば教えてくれます。
Qターミナルの操作を覚える必要はありますか？
いりません。ターミナルは claude と打ってClaude Codeを呼び出すためだけに使います。難しいコマンドはすべてClaude Codeが代わりに実行します。
Qパスワードが盗まれたりしませんか？
ログインは必ずあなた自身がブラウザに手入力します。パスワードはツールにもAIにも渡りません。だからこそ「ログインだけは人がやる」設計になっています。
Q途中でウィンドウを閉じてしまいました。最初からやり直し？
大丈夫。どこまで投稿したかをツールが自動で記憶しています。もう一度「残り全部を投稿して」とお願いすれば、続きから再開します（同じものを二重に投稿しにくい仕組み）。
Q写真は毎回ちがうものを用意しないとダメ？
いいえ。手持ちの写真を使い回してもOKです。ただしスタイリスト本人が作った施術写真を使ってください（メーカー写真・他店の写真はNG）。
Qposts.json というファイルは自分で開いて編集するの？
開かなくて大丈夫です。「◯本目のコメントを可愛くして」などと日本語で頼めば、Claude Codeが中身を書いてくれます。自分でファイルをいじる必要はありません。
QWindowsパソコンでもできますか？
このガイドはMac向けに書かれています。Windowsでも近いことは可能ですが手順が異なります。まずはMacでの利用をおすすめします。
Q登録したのにホットペッパーに出てきません。
STEP 5「反映申請」がまだかもしれません。登録しただけでは下書き状態です。サロンボードの「掲載管理」から反映申請を押してください。反映には少し時間がかかることもあります。
Glossary

かんたん用語辞典

ターミナル

Macに最初から入っている、文字だけの黒い画面。Claude Codeを呼び出す「入口」。

Claude Code（クロードコード）

日本語でお願いすると代わりに作業してくれるAI。このツールの心臓部。

プロンプト

Claude Codeにお願いする「言葉・指示文」のこと。このガイドの📋がそれです。

コマンド

ターミナルに打つ命令文。基本はコピペするだけでOK。

サロンボード

ホットペッパービューティーの、お店側の管理画面。ここにスタイルを登録します。

スタイル投稿

ヘアスタイルの写真と説明をホットペッパーに載せること。集客につながります。

セットアップ

ツールが動くようにするための最初の準備。Claude Codeが自動でやります。

posts.json（ポスツ ジェイソン）

10本の投稿内容をまとめたファイル。中身はClaude Codeが書いてくれます。

反映申請

登録したスタイルを実際に公開するための最後のボタン操作（STEP 5）。

コピペ

「コピー（⌘+C）して貼り付け（⌘+V）」の略。手打ちより確実で安全。

Cheat Sheet

コピペ用 プロンプト早見表

🛠 初期セットアップ
デスクトップの hpb-style-poster を初期セットアップして。動く状態にして。
✍️ 10本の内容を作る
うちの美容室「店名」用にスタイル投稿10本作って。強みは◯◯。文字数制限内で posts.json に。
👤 スタイリスト名
post.py の STYLIST_NAME を私のサロンボードのスタイリスト名に合わせて直して。
🧪 1本テスト
hpb-style-poster で1本だけテスト投稿して。ログインは私がやる。
🚀 全部投稿＋公開
残り全部投稿して、最後に反映申請までやって。
📣 反映申請だけ
反映申請して。
🩹 トラブル修正
自動投稿が止まった。logs のスクショとログを見て原因を調べて直して。