Showly 第2話2026.10.15

【小学生でもわかる】ShowlyとClaude Codeをつなぐ日！登録・1行のコマンド・許可の画面で見るところ

Claude Code に作らせたページを人に見せたくて Showly を知ったものの、アカウントを作ったあとに何を打てばよいのか、ブラウザに出る許可の画面で何を確かめてから押せばよいのかがわからず、手が止まっている人へ。

アカウント作りとつなぐのはFreeで無料。つなぐだけでは残りクレジットは300 / 300のまま。Claude Codeの契約の利用枠やお金は別にかかる

Xで記事を読むシェア

どんな話？

Freeのアカウントを作り、Claude Codeに1行でShowlyを登録して、許可の画面を読んでからつなぐ回。--scope user を付けると返事は to user config、claude mcp login showly で許可すると ✔ Connected に。「詳細設定 (13)」の権限は、制作では最初から全部オンでした。確かめはサイト0件で成功、つなぐだけでは300 / 300のままです。

この記事でわかること

プラン選択の窓は年払い（17%オフ）が初めに選ばれている。Proの「$10」は年払いの1か月あたりで、月払いは「$12」。押すのは「無料で続ける」
登録は claude mcp add --scope user --transport http showly https://mcp.showly.ai/mcp の1行。返事が「to local config」なら付け忘れ
許可の画面の「Claude Code (showly)」は自称の名前。自分でコマンドを打って始めた手続きのときだけ許可する
「詳細設定 (13)」の13個の権限は、制作では site:delete も rollback:confirm も最初から全部オン。説明書の「opt-in」とは合わなかった
確かめはプロジェクトとサイトの一覧。サイト0件で成功。つなぐだけでは残りクレジットは300 / 300のまま
やめ方は2か所。接続済みエージェントの「接続解除」と、claude mcp remove showly -s user。デバイスフローの許可は90日で切れる

やることチェックリスト

0/5

記事を読みながら、できたものにチェックを付けていけます。チェックはこの端末に残ります。

「開始するプランを選択」の窓で「無料で続ける」を押す
「--scope user」付きで「claude mcp add」の1行を打つ
「claude mcp login showly」を打ち、開いた許可の画面を上から読む
「詳細設定 (13)」を開いて読み、確かめてから「許可」を押す
プロジェクトとサイトの一覧を頼み、サイト0件で返るか確かめる

くわしい手順と画面の図は、Xの記事にあります。

こんな人に

Showlyのアカウントを作ったあと、何を打てばよいのかわからない人
ブラウザに出る許可の画面で、何を確かめてから押せばよいのか迷っている人
AIに何を許したのかを、あとから見直せる形で残しておきたい人

この話のTIPS

注意「Claude Code (showly)」は、つなぎに来た側が自分で名乗っている名前です。本物の Claude Code かどうかは、この名前だけでは確かめられません。たった今、自分でコマンドを打って始めた手続きのときだけ、許可します。身に覚えのない許可の画面が開いたら、「拒否」です。
コツ別のフォルダで Showly が見えなくなったら、まず claude mcp get showly で範囲を見てください。

すべてのTIPS