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

連載中ネットに公開する触って確かめる公式サイト

小学生でもわかる Vercel 作ったページの、ちゃんとした置き場

Cursorで作る、GitHubで保存する、の次は「出す」。押すだけで本番のURLができて、直すたびに自動で反映される置き場・Vercelの部屋を1つずつ開けていきます。

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

Map

Vercelでできること

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

Vercelでできることマップ
  • 01本番URL
  • 02自動で反映
  • 03下書きURL
  • 04秘密の鍵
  • 05裏側のプログラム

Episodes

エピソード一覧

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

  1. 01

    第1話 NEW

    Vercel始め方ガイド!AIに作らせたフォルダを、ドラッグするだけで世界に出す

    AIに「自己紹介のページを作って」と頼むと、かなりきれいなページが出てきます。困るのは人に見せようとしたとき。できあがったのはパソコンの中の index.html。LINEで送ってもQRコードにしても、相手の画面では開けない。作ることと公開することは、別の作業です。

    • 無料プランあり(個人の非商用のみ)
    • Vercel
    • ホスティング
    • Web公開

これから開く部屋

  1. 02直すたびにURLが変わる問題を終わらせる
  2. 03自分の名前のURLにする
  3. 04本番を壊さずに試す「下書きURL」
  4. 05秘密の鍵をコードに書かない
  5. 06画面の裏で動くプログラムを置く
  6. 07データを置く場所をつなぐ
  7. 08速さと、見られ方を測る
  8. 09守りを固める
  9. 10AIに作らせて、AIに出させる/公開前チェック

Follow

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

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

Xでフォロー