小学生でもわかる AI図鑑
  1. ホーム
  2. ネットに公開する
  3. 小学生でもわかるShowly

連載中ネットに公開する目で確かめる公式サイト

小学生でもわかる Showly AIが作って、あなたが幕を上げる。

Showly(ショウリー)は、AIが作ったページを舞台に運びこみ、幕を下ろしたまま下見して、よければ自分で幕を上げる「幕つき劇場」。Claude Codeに作らせたページが localhost:3000 のままパソコンから出ていかない、でも本番の鍵をAIに渡すのは怖い、という最後の一歩を1か所で引き受けます。失敗に気づいたら前の舞台に戻せます。無料の線を先に知り、1本の公演を最後まで出すところまでを1話ずつやっていきます。

小学生でもわかるShowlyのイメージ

Map

Showlyでできること

このシリーズの「見取り図」。1話で1つの部屋を開けていきます。

Showlyでできることマップ
  • 01AIエージェントからつなぐ(MCP)
  • 02登録せずに試す(一時リンク)
  • 03幕の裏で下見(プレビュー・合言葉)
  • 04幕を上げる(本番公開)
  • 05独自ドメインと、前の版に戻す
  • 06チームで回す(役割・操作の記録)

Episodes

エピソード一覧

第1話から順に読むのがおすすめ。途中の話から読んでも、1話で完結します。

  1. 01

    第1話 NEW

    Showly始め方ガイド!AIが作ったページに幕を上げる「幕つき劇場」の歩き方

    Claude Codeに「イベントの案内ページを作って」と頼むと、それらしいページがすぐにできる。困るのはそのあと。住所は localhost:3000 で、友だちに送っても開けない。自分でネットに出すのは設定が多いし、AIに本番の鍵まで渡すのは少し怖い。その最後の一歩を1か所でやる、と名乗っているのがShowlyです。

    • 無料プランあり(月300クレジット・本番公開1回15)。Pro 月$12から
    • Showly
    • ホスティング
    • AIエージェント

これから開く部屋

  1. 02劇場の鍵を開ける(アカウント・つなぐ・登録せずに試す)
  2. 03最初の幕を上げる(HTML1枚を公開)
  3. 04幕の裏の合言葉(プレビューの見せ方)
  4. 05セットの持ちこみ方(テンプレート・GitHub・showly.json)
  5. 06入口の看板(独自ドメイン)
  6. 07舞台袖の棚(版の記録・巻き戻し・削除)
  7. 08裏方を増やす(Codex・Cursor・OpenClaw・Hermes・鍵の管理)
  8. 09劇団にする(チーム・ロール・承認・お金)
  9. 10卒業制作(1本の公演を、最後まで)

Follow

新しい話は、Xでお知らせします

公開したら告知ポストを出します。記事の感想は引用リポストで全部読みます。

Xでフォロー