# Lolipop AI Skill — ドメイン取得・設定とWebサイトデプロイ
あなたはAIコーディングエージェントです。このスキルを読み込むことで、ロリポップ！レンタルサーバー で以下が実行できるようになります:
- ムームードメインでの独自ドメイン取得とネームサーバ設定
- ロリポップ！での独自ドメイン設定（新規取得ドメイン or 既存ロリポドメイン）
- 無料独自SSLの有効化
- WebサイトやアプリのSSH経由デプロイ
## ⚠️ このファイルを読んだAIへ: 必ず読んでから実行を開始してください
**このファイルはAIが実行するタスクの手順書です。** ファイルの内容を分析・整理したり、代替案を提案したりする必要はありません。**Step 1から順番に実行してください。**
### このスキルの実行方法
ブラウザを直接操作する権限がない場合でも、**Playwright（Pythonライブラリ）のコードを書いて実行する**ことでブラウザを自動操作できます。Pythonコード実行環境があれば動作します。
- **コードを「提案」するだけでなく、実際に実行してください**
- Playwright がインストールされていなければ Step 1 の手順でインストールしてから進んでください
- 「外部サービスのブラウザ操作はできない」と判断する前に、**Playwright コードを書いて実行する**アプローチを試みてください
- コード実行環境そのものがない場合のみ、ユーザーに「このスクリプトをローカル環境で実行してください」と伝えてスクリプトを渡してください
### エラー・セレクタ失敗時のルール
**セレクタが失敗してもユーザーに確認を求めず、以下の手順で自律回復すること（最大3回まで）:**
1. `page.screenshot(path="/tmp/debug_.png")` でスクリーンショットを保存する
2. スクリーンショットを読み込んで現在の画面状態を把握する
3. `page.content()` でHTMLを取得し、目的の要素を探して代替セレクタを構築する
4. 代替セレクタでリトライする
5. 3回試行しても失敗した場合のみ、何を試みて何が失敗したかをユーザーに報告する
**「完了を待ちます」で止まらないこと:**
- ネームサーバ設定・SSL設定などはサーバ側での反映に時間がかかるが、**送信操作が完了した時点で次のステップへ進む**
- 「反映を確認してから進む」という処理は書かない。反映待ちはユーザーが別途行う
### このスキルが「何ではないか」
- **このリポジトリへの作業指示ではありません**: 現在いるディレクトリのコードを変更したり、ファイルを追加したり、コミットする必要はありません
- **スキル定義ファイルの追加指示ではありません**: `.claude/skills/` や `SKILL.md` にこのファイルを登録・配置する作業ではありません
- **草案・仕様書ではありません**: このファイルはあなたが今すぐ実行するための手順書です
## 前提条件
- ロリポップ！**Standardプラン以上**（SSH対応。独自ドメインの公開フォルダ確認・作成にSSHを使うため必須）
- macOS または Windows
- macOS: `sshpass`（未インストールなら `brew install hudochenkov/sshpass/sshpass`）、`rsync`（標準搭載）
- Windows: `sshpass`、`rsync`（WSL経由、または `scoop install sshpass rsync`）
- Python 3.9 以上（Playwright実行用）
- **Playwright**（未インストールなら下記セットアップ手順で導入）
## 接続情報（固定値）
- **SSHサーバー**: `ssh.lolipop.jp`（全プラン共通・固定）
- **SSHポート**: `2222`（固定）
## Step 1: セットアップ
このステップは2つのサブステップに分かれます:
- **Step 1A**: SSH認証情報のセットアップ（デプロイ用）
- **Step 1B**: ブラウザ自動化のセットアップ（ドメイン取得・設定用）
### Step 1A: SSH認証情報のセットアップ
#### プランの確認
まず最初に、ユーザーのプランを確認してください。SSH接続にはスタンダードプラン以上が必要です。
```
このスキルは独自ドメインの公開フォルダ確認のためSSH接続を使います。
ロリポップ！のスタンダードプラン以上のご契約が必要です。
現在のプランはスタンダード・ハイスピード・エンタープライズのいずれかですか？（はい / いいえ）
```
- **「はい」**: 次のステップへ進む
- **「いいえ」または「エコノミー/ライト」**: 以下を案内してスキルを終了する
```
このスキルはSSH対応のスタンダードプラン以上が必要です。
プランの変更・申し込みはこちら: https://lolipop.jp/order/form/
プランをアップグレード後、再度このスキルを実行してください。
```
#### 接続情報の取得
ユーザーに以下の情報を1つずつ順番に聞いてください。各質問には案内文を添えること。
1. **SSHアカウント**
```
SSHアカウント名を入力してください。
ロリポップの管理画面に表示されています: https://user.lolipop.jp/?mode=ssh
「main.jp-taro」のような形式です。
```
2. **SSHパスワード**
```
SSHパスワードを入力してください。
同じ画面で確認・設定できます: https://user.lolipop.jp/?mode=ssh
※ 入力内容はPCに暗号化保存され、画面には表示されません。
```
#### 認証情報の保存（OSセキュアストレージ）
**重要: パスワードは絶対に平文ファイルに保存しないこと。OSのセキュアストレージを使用する。**
##### macOS（Keychain）
```bash
security delete-generic-password -s "lolipop-ssh" 2>/dev/null || true
security add-generic-password -a "" -s "lolipop-ssh" -w "" -l "Lolipop SSH"
```
##### Windows（Credential Manager）
```powershell
cmdkey /delete:lolipop-ssh 2>$null
cmdkey /generic:lolipop-ssh /user: /pass:
```
#### 接続テスト
```bash
sshpass -p "" ssh -o StrictHostKeyChecking=accept-new -p 2222 @ssh.lolipop.jp "echo 'SSH接続成功' && pwd"
```
成功すると `/home/users/N/` のようにホームディレクトリが返る。このパスは後のステップで `web/` 以下の存在チェックに使う。
### Step 1B: ブラウザ自動化のセットアップ（Playwright）
**重要: 実行前に必ず Playwright と Chromium がインストールされているか確認し、なければインストールすること。**
#### Python（推奨）
```bash
# インストール確認
python3 -c "import playwright" 2>/dev/null && echo "playwright: OK" || echo "playwright: MISSING"
# 未インストールなら下記を実行
python3 -c "import playwright" 2>/dev/null || pip install --user playwright
python3 -m playwright install chromium # 既にインストール済みならスキップされる
```
インストールが完了するまでユーザーに進捗を伝え、完了後に次のステップへ進む。
#### Playwright の起動方針
- ブラウザは **`headless=True`**（ヘッドレス）で起動し、自動操作中はモニタにウィンドウを表示しない
- ユーザーに操作を委ねる場面（決済・2FA・CAPTCHA）のみ、Cookieを引き継いで **表示ブラウザ（`headless=False`）を別途起動** する
- ユーザー操作が完了したら Cookieをヘッドレスコンテキストに戻して閉じ、ヘッドレスで処理を継続する
#### 起動スニペット（Python）
```python
from playwright.sync_api import sync_playwright
p = sync_playwright().start()
browser = p.chromium.launch(headless=True)
ctx = browser.new_context(locale="ja-JP", viewport={"width": 1440, "height": 900})
page = ctx.new_page()
```
#### ユーザー引き継ぎ用ヘルパー
ユーザーへの引き継ぎは **`storage_state`（cookies + localStorage 全体）をサブプロセスに渡して非ヘッドレスブラウザを起動する**方式とする。
- `ctx.cookies()` だけでは LocalStorage の認証状態が欠落してセッションが無効になる
- `ctx.storage_state()` を使うことで cookies + localStorage を完全に引き継げる（実証済み）
- サブプロセスは `start_new_session=True` で親プロセスの終了・例外の影響を受けない
```python
import json, subprocess, sys, os, time
STORAGE_FILE = "/tmp/muumuu_storage_state.json"
DONE_FILE = "/tmp/muumuu_handoff_done"
VIS_LOG = "/tmp/muumuu_vis.log"
VIS_LAUNCHER = "/tmp/muumuu_vis_launcher.py"
def handoff_to_user(ctx, target_url):
"""
storage_state を保存し、別プロセスで非ヘッドレスブラウザを起動する。
storage_state には cookies + localStorage が含まれ、完全なセッションを引き継ぐ。
"""
# 前回の実行で残ったランチャープロセスをkill（2つ起動防止）
# 自分のユーザーのプロセスのみ対象
subprocess.run(["pkill", "-u", str(os.getuid()), "-f", VIS_LAUNCHER], capture_output=True)
time.sleep(0.5)
json.dump(ctx.storage_state(), open(STORAGE_FILE, "w"), ensure_ascii=False)
launcher_code = f"""
import json, time, os
from playwright.sync_api import sync_playwright
storage_state = json.load(open("{STORAGE_FILE}"))
with sync_playwright() as p:
browser = p.chromium.launch(headless=False)
ctx = browser.new_context(
locale="ja-JP",
viewport={{"width": 1440, "height": 900}},
storage_state=storage_state,
)
page = ctx.new_page()
page.goto("{target_url}", wait_until="networkidle", timeout=30000)
page.bring_to_front()
while not os.path.exists("{DONE_FILE}"):
time.sleep(2)
# ユーザー操作完了後のセッション状態を保存
json.dump(ctx.storage_state(), open("{STORAGE_FILE}", "w"), ensure_ascii=False)
browser.close()
"""
with open(VIS_LAUNCHER, "w") as f:
f.write(launcher_code)
if os.path.exists(DONE_FILE):
os.remove(DONE_FILE)
proc = subprocess.Popen(
[sys.executable, VIS_LAUNCHER],
start_new_session=True,
stdout=open(VIS_LOG, "w"),
stderr=subprocess.STDOUT,
)
print(f"[HANDOFF] ブラウザ起動 PID={proc.pid} URL={target_url}")
return proc
def resume_headless(proc):
"""ユーザー完了後にサブプロセスを終了し、機微ファイルをクリーンアップする。"""
open(DONE_FILE, "w").close()
time.sleep(1)
try:
proc.terminate()
except Exception:
pass
# 機微ファイルのクリーンアップ
for f in [DONE_FILE, STORAGE_FILE, VIS_LAUNCHER, VIS_LOG]:
if os.path.exists(f):
os.remove(f)
```
#### スクリプト実行モデル
各ステップは AI がコードブロック単位で順次実行する。ユーザー操作が必要な箇所では `handoff_to_user()` でブラウザを開いてチャットで指示し、完了を確認してから次のコードブロックを実行する。長時間実行が必要なブロックはバックグラウンド実行する。
```bash
# ステップ単位で実行（ユーザー操作が不要なステップ）
python3 /tmp/muumuu_step.py
# 進捗確認が必要な場合
nohup python3 /tmp/muumuu_step.py > /tmp/muumuu.log 2>&1 &
tail -f /tmp/muumuu.log
```
ユーザー操作完了後（AIがチャットで確認したら実行）:
```bash
touch /tmp/muumuu_handoff_done
```
### 2段階認証について
2段階認証を有効にしている場合、ログイン後の認証コード入力画面で AI は停止します。ユーザーがコードを入力してください（「ユーザーに操作を委ねるときの共通ルール」に従ってウィンドウを前面に出す）。
## Step 2: ドメイン選択（独自ドメイン or ロリポドメイン）
ユーザーに以下を質問してください:
```
このスキルでは、以下の2つの方法でドメインを設定できます:
1. 独自ドメインを新規取得して設定する（ムームードメインで取得）
2. 既存のロリポドメインを使う（例: example.boy.jp）
どちらを使用しますか？（1 / 2）
```
- **ユーザーが「1」を選択**: Step 3〜7 を実行（独自ドメイン取得・設定・SSL設定）
- **ユーザーが「2」を選択**: Step 3〜7 をスキップして Step 8 へ進む（サイトのイメージヒアリング）
## Step 3: ムームードメインの認証情報取得（独自ドメイン取得時のみ）
ユーザーに以下を1つずつ順番に聞いてください:
1. **ムームーID**
```
ムームードメインのムームーIDを入力してください。
ムームードメインのログイン画面 で使っているIDです。
```
2. **ムームードメインのパスワード**
```
ムームードメインのパスワードを入力してください。
※ 入力内容はこのチャットセッション内のみで使用され、画面には表示されません。セッション終了後は保持されません。
```
**重要: ムームーID/パスワードはスクリプト実行中のメモリ上の変数としてのみ保持し、終了後は破棄する。**
- **Keychain/Credential Managerには保存しない**（SSHパスワードと異なり、ドメイン取得は1回きりの操作のため永続化不要）
- **平文ファイルへの保存も禁止**
## Step 4: ロリポップ！ユーザー専用ページの認証情報取得（独自ドメイン取得時のみ）
ユーザー専用ページへのブラウザログイン用に以下を聞きます。各質問には案内文を添えること。
1. **ロリポップ！のドメイン**
```
ロリポップ！のユーザー専用ページにログインするためのドメインを入力してください。
「boy.jp」「main.jp」「chu.jp」など、契約時に選んだ初期ドメインです。
```
2. **ロリポップ！のアカウント**
```
ロリポップ！のアカウントを入力してください。
ユーザー専用ページのログイン画面 で「アカウント」と表示される項目です。
```
3. **ロリポップ！のパスワード**
```
ロリポップ！のパスワードを入力してください。
※ 入力内容はこのチャットセッション内のみで使用され、画面には表示されません。セッション終了後は保持されません。
```
**重要: ロリポップ！のパスワードはスクリプト実行中のメモリ上の変数としてのみ保持し、終了後は破棄する。**
- **Keychain/Credential Managerには保存しない**（ムームーパスワードと同様、ドメイン設定は1回きりの操作のため永続化不要）
- **平文ファイルへの保存も禁止**
## Step 5: ドメイン取得とネームサーバ設定（独自ドメイン取得時のみ）
### Step 5-1: 取得したいドメインのヒアリング
```
取得したいドメイン名を教えてください。
例: my-cafe-tokyo.com
my-portfolio-2026.fun
tanaka-design.tokyo
ドメインはあとで変更できません。慎重に決めてください。
```
### Step 5-2: ムームードメインへのログイン
使用セレクタ（DOM確認済み）:
- ムームーID: `#session_muu_id`
- パスワード: `#session_password`
- ログイン送信: `#form-login button[type="submit"]`
```python
page.goto("https://muumuu-domain.com/checkout/login", wait_until="domcontentloaded")
page.wait_for_timeout(1500)
page.fill("#session_muu_id", MUUMUU_ID)
page.fill("#session_password", MUUMUU_PASSWORD)
page.click('#form-login button[type="submit"]')
page.wait_for_load_state("networkidle")
page.wait_for_timeout(1000)
# ログイン成功判定: URL が /checkout/login でなければ成功
# 成功時は https://muumuu-domain.com/?mode=conpane に遷移する
login_ok = "checkout/login" not in page.url
```
- `login_ok == True` → 次の Step 5-3 へ進む
- `login_ok == False` → CAPTCHA または2段階認証が表示されている可能性がある。`handoff_to_user(ctx, page.url)` で非ヘッドレスブラウザを起動してユーザーに委ねる。完了を確認後 `resume_headless(proc)` で終了し、ヘッドレス側で再ログインして次へ進む
### Step 5-3: ドメイン検索
**重要: 検索ボックスには TLD を含むフルドメイン名を入力すること（例: `example.fun`）。**
TLD なしで入力すると `.jp` がトップカードに表示され、目的の TLD の行が取得可能状態にならない場合がある。
```python
page.goto("https://muumuu-domain.com/domain/search")
page.wait_for_load_state("domcontentloaded")
page.wait_for_timeout(1500)
# DOMAIN = f"{DOMAIN_BASE}.{TLD}" 例: "example.fun"
# 表示中の検索ボックスに入力（複数あるので visible なものを選ぶ）
visible_box = next(b for b in page.locator('input[type="search"]').all() if b.is_visible())
visible_box.fill(DOMAIN)
# 検索ボタン: 可視の button[type="submit"] の最初のもの
next(b for b in page.locator('button[type="submit"]').all() if b.is_visible()).click()
page.wait_for_load_state("networkidle") # Vue描画なので networkidle で待つ
page.wait_for_timeout(2000)
```
### Step 5-4: ドメインの取得
TLD込みで検索すると、対象ドメインがページ上部のトップカード（`.muu-result-container__top`）に表示される。
**検索結果画面のDOM構造（確認済み）**:
- トップカード: `.muu-result-container__top`
- トップカード内のドメイン行: `.muu-result-container__top .muu-domain-row`
- 価格: `.price-area`（例: `53円`）
- カートに追加ボタン: `button.muu-button--expanded.muu-button--primary`（`class` に `muu-button--primary` を含む）
#### 価格の確認（必須・クリック前）
**重要: ボタンをクリックする前に、必ず取得金額と更新金額の両方をユーザーに提示して確認を取ること。**
取得金額が安く設定されていても更新料が極端に高いドメインが存在する（例: 初年度 53円 / 更新 数千円）。ユーザーが意図せず高額契約を結ぶリスクを避けるため、価格確認を省略してはならない。
```python
# トップカードの price-area から取得金額を取得
top_row = page.locator(".muu-result-container__top .muu-domain-row").first
acquire_price = top_row.locator('.price-area').inner_text().strip() # 例: "53円"
```
更新金額は検索結果画面には表示されない。`https://muumuu-domain.com/domain/prices` を別タブで開いて該当TLDの更新料金を確認する。取得できない場合は、ユーザーに「更新料金はムームードメインの料金表ページで確認してから進めてください」と案内する。
```
取得するドメインの価格を確認してください。
ドメイン: {{DOMAIN}}
取得金額: {{acquire_price}}（初年度）
更新金額: ¥{{更新金額}}（2年目以降・年額）
⚠️ 更新金額は毎年発生し続ける費用です。
⚠️ 上記金額に加え、別途一定割合の「サービス維持調整費」が発生します。
この金額で取得を進めてよろしいですか？（はい / いいえ）
```
更新金額が取得金額の10倍以上の場合は追加警告する。ユーザーの明示的な「はい」が得られた場合のみ次へ進む。
#### 「カートに追加」→ モーダル内「お申し込みへ」クリック
「カートに追加」をクリックすると **「カートに追加しました」モーダル**（`#modal.muu-modal.is-visible`）が出現する。
「お申し込みへ」ボタンはこのモーダル**内**にある。モーダル外のボタンはモーダルにブロックされてクリックできない。
```python
# トップカードの「カートに追加」ボタンをクリック
top_row = page.locator(".muu-result-container__top .muu-domain-row").first
top_row.locator("button.muu-button--primary").first.wait_for(state="visible", timeout=10000)
top_row.locator("button.muu-button--primary").first.click()
page.wait_for_timeout(1500)
# 「カートに追加しました」モーダルが出現するのを待つ
modal = page.locator("#modal.muu-modal.is-visible")
modal.wait_for(state="visible", timeout=10000)
# モーダル内の「お申し込みへ」ボタンをクリック（モーダル外のボタンは不可）
modal.locator("button.muu-button--large.muu-button--cta").wait_for(state="visible", timeout=5000)
modal.locator("button.muu-button--large.muu-button--cta").click()
page.wait_for_load_state("networkidle")
page.wait_for_timeout(2000)
# 遷移先: https://muumuu-domain.com/?mode=order&state=domain_config
```
お申し込みページ（`?mode=order&state=domain_config`）に遷移後、アップセルモーダル（Google Workspace等、最大3回）が出る。ここからはユーザーに操作を委ねる。
```python
# お申し込みフロー以降はユーザーが操作する
# storage_state を引き継いで非ヘッドレスブラウザを起動
proc = handoff_to_user(ctx, page.url)
print(f"[HANDOFF] ブラウザで購入を完了してください: {page.url}")
print("[HANDOFF] 完了したらチャットで「完了しました」と伝えてください。")
# ユーザーから完了の合図を受けたら resume_headless(proc) を呼ぶ
```
### Step 5-5: ネームサーバをロリポップ！に向ける（ムームー側）
※ DNS一覧・設定画面はログイン必須（未ログイン時は `/checkout/login?redirect_url_after_logged_in=...` に302）。Step 5-2 のログインセッションが有効な同一 `page`/`ctx` で実行すること。
```python
DOMAIN = f"{DOMAIN_BASE}.{TLD}"
# DNS一覧
page.goto("https://muumuu-domain.com/?mode=conpane&state=dns_list")
page.wait_for_load_state("domcontentloaded")
page.wait_for_timeout(1000)
# 1000件表示に変更（20件以上ドメインを持っている場合に新規取得ドメインが見えない問題を回避）
page.select_option('#select_perpage', value='1000')
page.wait_for_load_state("domcontentloaded")
page.wait_for_timeout(1000)
# ドメイン名セルを探す（class="dns_list_row"で実データ行に絞り込む）
domain_row = page.locator(f'tr.dns_list_row:has(td.wordBreak:text-is("{DOMAIN}"))')
if domain_row.count() == 0:
page.screenshot(path='/tmp/muumuu_dns_notfound.png')
raise Exception(f"ドメイン {DOMAIN} がDNS一覧に見つかりません。スクリーンショット: /tmp/muumuu_dns_notfound.png")
domain_row.first.locator('img[alt="ネームサーバ設定変更"]').click()
page.wait_for_load_state("domcontentloaded")
page.wait_for_timeout(1000)
# 遷移先: https://muumuu-domain.com/?mode=conpane&state=dns
# ロリポップ！レンタルサーバーのラジオボタンをクリック
#
page.click('#lolipop')
# 確認ダイアログを自動OK（「ネームサーバの設定変更を行ってもよろしいですか。」）
page.once("dialog", lambda d: d.accept())
# 「ネームサーバ設定変更」リンクをクリック
# ネームサーバ設定変更
page.click('a.button-blue-v2.button-middle:has-text("ネームサーバ設定変更")')
page.wait_for_load_state("domcontentloaded")
# ネームサーバの反映を「待つ」必要はない。送信完了時点で次へ進む。
```
ユーザーへ案内:
```
ムームードメイン側のネームサーバ設定を完了しました。
DNSの反映には最大72時間かかる場合があります。
続いてロリポップ！側の独自ドメイン設定に進みます。
```
## Step 6: ロリポップ！ユーザー専用ページで独自ドメインを設定する（独自ドメイン取得時のみ）
### Step 6-1: ユーザー専用ページにログイン
Step 5 までで使ってきた Playwright の同一 `ctx` で新規タブを開き、ロリポップ！ユーザー専用ページにログインする。
```python
lolipop_page = ctx.new_page()
lolipop_page.goto("https://user.lolipop.jp/?mode=login")
lolipop_page.wait_for_load_state("domcontentloaded")
# アカウント入力
#
lolipop_page.fill('input[name="account"]', LOLIPOP_ACCOUNT)
# ドメイン選択（セレクトボックスからテキストで選ぶ）
#