導入日の前に・5分
1使えるMacか確かめる
Mac の中を調べて、結果を表示するだけのコマンドです。ターミナルに1回貼り付けます。
- キーボードの command と スペース を一緒に押し、「ターミナル」と入力して return
- 下のコマンドを「コピー」して、ターミナルに貼り付け(command+V)、return
- 「== 使えるMacかの診断 ==」から「== ここまでをコピー ==」までをコピーして、下の欄に貼ります
(
echo "== 使えるMacかの診断(AIサイトビルダー・2026年11月版)=="
echo "(Mac の中を調べて、結果を表示するだけのコマンドです)"
x=0; y=0
ok(){ echo "○ $*"; }; ireru(){ echo "△ $*"; y=$((y+1)); }; ng(){ echo "× $*"; x=$((x+1)); }
v=$(sw_vers -productVersion 2>/dev/null)
if [ -z "$v" ]; then ng "Mac ではありません。この商品は Mac 専用です"
else mj=${v%%.*}; r=${v#*.}; mn=${r%%.*}; [ "$r" = "$v" ] && mn=0
if [ "$mj" -gt 13 ] || { [ "$mj" -eq 13 ] && [ "$mn" -ge 5 ]; }; then ok "macOS $v"
else ng "macOS ${v}(13.5 以上が必要。りんごマーク→システム設定→一般→ソフトウェアアップデート)"; fi; fi
case "$(uname -m)" in arm64) ok "Apple シリコンの Mac";; x86_64) ok "Intel の Mac";; *) ng "Mac の種類が分かりません($(uname -m))";; esac
g=$(df -k "$HOME" | awk 'NR==2{print int($4/1048576)}')
if [ "$g" -ge 10 ]; then ok "空き容量 ${g}GB"; elif [ "$g" -ge 5 ]; then ok "空き容量 ${g}GB(ぎりぎり。10GB あると安心)"; else ng "空き容量 ${g}GB(5GB 以上が必要)"; fi
if id -Gn | tr ' ' '\n' | grep -qx admin; then ok "管理者のユーザー"; else ng "管理者ではないユーザー(道具を入れるのに Mac の管理者のパスワードが要る)"; fi
if xcode-select -p >/dev/null 2>&1; then clt=1; ok "Command Line Tools あり"; else clt=0; ireru "Command Line Tools なし → 入れる(手順は『必要なものと手続き』の2)"; fi
p=$(command -v python3)
if [ -n "$p" ] && { [ "$clt" = 1 ] || [ "$p" != /usr/bin/python3 ]; }; then
pv=$(python3 -c 'import sys;print("%d.%d.%d"%sys.version_info[:3])' 2>/dev/null)
if python3 -c 'import sys;sys.exit(0 if sys.version_info>=(3,9) else 1)' 2>/dev/null; then ok "Python $pv"; else ireru "Python ${pv:-不明}(3.9 以上が要る → Command Line Tools を入れ直す)"; fi
else ireru "Python なし(Command Line Tools を入れると一緒に入る)"; fi
if command -v node >/dev/null 2>&1; then nv=$(node -v); n=${nv#v}; if [ "${n%%.*}" -ge 22 ]; then ok "Node.js $nv"; else ireru "Node.js ${nv}(22 以上に入れ直す)"; fi; else ireru "Node.js なし → 入れる(手順は3)"; fi
if command -v claude >/dev/null 2>&1; then ok "Claude Code $(claude --version 2>/dev/null | head -1)"
elif [ -x "$HOME/.local/bin/claude" ]; then ireru "Claude Code は入っているが、ターミナルに登録されていない(はじめにの手順書の4)"
else ireru "Claude Code なし → 買ったあと、はじめにの手順書で入れる"; fi
if [ -d "/Applications/Google Chrome.app" ] || [ -d "$HOME/Applications/Google Chrome.app" ]; then ok "Google Chrome あり"; else ireru "Google Chrome なし → 入れるのがおすすめ(手順は4)"; fi
ok "シェル ${SHELL##*/}"
for h in claude.ai dash.cloudflare.com registry.npmjs.org nodejs.org; do c=$(curl -s -o /dev/null -m 10 -w '%{http_code}' "https://$h"); if [ "$c" = 000 ]; then ng "$h につながらない(会社や学校のネットで止められていないか確かめる)"; else ok "$h につながる"; fi; done
echo "(ここから3行は、追加機能のヒーローデザイナーを使う人だけ。結果の数には入れない)"
for h in pypi.org cdn.playwright.dev; do c=$(curl -s -o /dev/null -m 10 -w '%{http_code}' "https://$h"); if [ "$c" = 000 ]; then echo "・ $h につながらない(ヒーローデザイナーの準備ができない)"; else echo "・ $h につながる"; fi; done
echo "・ ヒーローデザイナーの準備で、あと約0.7GB 使う"
echo "---"
if [ "$x" -eq 0 ]; then echo "結果: 使えます(× 0・△ ${y})。△ は、手順のとおりに入れれば使えます"; else echo "結果: このままでは使えません(× ${x}・△ ${y})。× を先に解決してください"; fi
echo "== ここまでをコピー =="
)
○ は合格、△ は道具を入れれば使える、× はこのままでは使えない、です。× が 0 なら次の段へ進めます。
この段は済んでいます
導入日の前に・20〜40分
2道具をそろえる
診断で △ になった道具を、上から順に入れます。道具を入れるときに、Mac の管理者のパスワードをご自分で入れます。
Command Line Tools(Python が一緒に入る)
- ターミナルに次の1行を入れて return
xcode-select --install
- 出てきた窓で「インストール」を押し、使用許諾を読んで「同意する」を押す
- 終わるまで数分〜20分ほど待つ(電源につないでおく)。「すでにインストールされています」と出たら、入っています
Node.js(22 以上)
- ブラウザで nodejs.org/ja/download を開く
- LTS(推奨版)の macOS インストーラー(.pkg)をダウンロードして、ダブルクリック
- 「続ける」「インストール」を押し、Mac のパスワードをご自分で入れる
Google Chrome(おすすめ)
google.com/chrome からダウンロードして、「アプリケーション」フォルダに入れます。
もう一度診断する
ターミナルを開き直し、1の段の診断のコマンドをもう一度動かして、結果を貼ります。
この段は済んでいます
導入日の前に・3分
3Claude の契約を確かめる
claude.ai にログインし、「設定」→「プラン」で、Pro・Max などの有料のプランかを確かめます。無料のプランでは Claude Code は使えません。プランと料金は Claude の公式サイトで確かめてください。
この段は済んでいます
導入日に・Meet で一緒に
4Claude Code を入れる
Anthropic(Claude の会社)の公式の入れ方です(2026年11月時点)。
- 下の1行をコピーして、ターミナルに貼り付け、return。進み具合は表示されないので、次の行に入力できる状態に戻るまで待ちます
curl -fsSL https://claude.ai/install.sh | bash
- ターミナルをいったん閉じて、開き直します
- 下の1行を入れて return。出てきた行を下の欄に貼ります
claude --version
「command not found: claude」と出たとき
Claude Code の場所が、まだターミナルに登録されていません。下の2行を1行ずつ入れて return を押し、もう一度 claude --version を試します。ターミナルの窓の上に「bash」と出ている Mac では、2行とも ~/.zshrc を ~/.bash_profile に替えます。
echo 'export PATH="$HOME/.local/bin:$PATH"' >> ~/.zshrc
source ~/.zshrc
何かおかしいとき
ターミナルで次の1行を入れると、入り方と設定を点検して直し方を表示します。結果をサポートに送るときは、下の欄に貼ってから「サポートに送る文をコピー」を押します。
claude doctor
この段は済んでいます
導入日に・Meet で一緒に
5AIサイトビルダーを入れて、ログインする
zip の受け取り方: 購入のあとのメールにあるリンクからダウンロードします
- zip をダブルクリックで開くと、フォルダ(「ai-site-skill」)になります
- ターミナルに
cdと入力し、半角スペースを1つ入れます(まだ return は押しません) - Finder で開いたフォルダを、ターミナルの窓にドラッグして離し、return
- 下の1行を入れて return。「入れました」と出れば完了です
bash install.sh
- ターミナルに
claudeと入れて return。ブラウザが開くので、Claude の契約に使っているアカウントでログインし、許可します - ターミナルに「Login successful」と出たら return。最初の質問は、表示に沿って選びます(迷ったら、はじめから選ばれているもので大丈夫です)
この段は済んでいます
導入日に・Meet で一緒に
6ホームページの置き場所を作る
Claude Code の入力欄に、次のように入れて return。ここから先は Claude が1つずつ案内します。
Cloudflare導入スキルを始めて
Cloudflare のアカウントは、無料のプラン・メールアドレスで作ります。パスワードは Claude には入力せず、ブラウザの画面でご自分で入れます。
最後に試しの1枚が公開されます。そのアドレス(https://○○.workers.dev)を下の欄に貼ります。
この段は済んでいます
導入日に・Meet で一緒に
7最初の1枚を作って公開する
Claude Code の入力欄に、次のように入れて return。
AIサイトビルダーで作って
- 入力欄で、店名・メニュー・営業時間・住所・ボタンの行き先・写真を送ります
- 見本の目次から、業種の4案のどれかを選び、ページの右上の「デザインを変える」で見た目を決めて「この形に決めてClaude Codeに送る」
- Claude が組み立てて検査したページを、パソコンとスマホの幅で一緒に見ます
- 何をどこに出すかを確かめて OK を出すと、公開します
公開されたお店のアドレスを、下の欄に貼ります。
この段は済んでいます
導入日から
8このあと
直したいことは、Claude Code に日本語で頼みます。区画を押して直す「ここ直して」も使えます。
「AIサイトビルダーで、お知らせを足して」
「〇〇のここ直してを開いて」
「〇〇のデザインを変えるを開いて」
「台帳を見せて」
台帳(~/Documents/ホームページ/AIサイトビルダー台帳.html)には、サイトとページ・Cloudflare・訪問数・残した版と、見本・作成・運営の3つのパネルが並びます。
困ったとき
導入日から1か月、ポポコムの LINE(@987oiism)でご相談を受けます。画面の「サポートに送る文をコピー」を押して、そのまま LINE に貼って送ってください。
会員特典:AI相談(45分)を毎月1回無料で受けられます。日程は LINE のトークで決めます。
この段は済んでいます