作る
アイデアの可能性を、もっと WEB · iOS · ANDROID
ガイド

Webアプリを公開する:書き出しから独自アドレスまで

Webアプリを公開するまで:内容を確認し、名前と説明を入力して公開し、公開ページを確かめます。コピーできるコマンドつきで、手順ごとに説明します。

  1. 内容を確認する

    Geckify内
    1. すべてのページをPCとスマホで開き、ボタン、フォーム、ナビゲーションを訪問者の目線で試します。
  2. 文章とURLを入力する

    Geckify内
    1. 名前、説明、そして決まり次第、公開用のhttpsアドレスを入力します。
  3. Geckifyで公開する

    Geckify内
    1. ホスティングで保存済みのWebアプリをビルドし、公開したいバージョンを選んで公開します。
  4. または自分のプロバイダーで

    提供元で

    所要時間: 初回は約15分費用: Cloudflare Pages:無料プランで始められます

    1. WindowsWebコードをダウンロードし、ZIPファイルを右クリック →「すべて展開」を選びます。
    2. MacWebコードをダウンロードし、ZIPファイルをダブルクリックして展開します。
    3. Node.js(LTS)を一度だけインストールします。
    4. Windows展開したフォルダを開き、上部のアドレスバーに「cmd」と入力してEnterキーを押します。
    5. MacFinderでフォルダを右クリック →「フォルダに新規ターミナル」を選びます。
    6. 下の2つのコマンドを貼り付け、それぞれEnterキーで実行します。フォルダ内にdistフォルダができます。
    7. Cloudflare Pagesで「直接アップロード」のプロジェクトを作成し、distフォルダをドラッグします。すぐにアドレスが発行されます。
    コピーできるコマンド
    npm install
    npm run build
  5. 公開ページを確認する

    提供元で
    1. 実際のURLをプライベートウィンドウで、PCとスマホの両方から開きます。リンク、フォーム、法的ページを確認します。

信頼できる3社 — 選ぶのはあなた

  • Cloudflare Pages

    無料: 静的サイトはリクエスト無制限、ビルド月500回

    その後: 動的コードが多い場合のみ月5ドル

    Cloudflareで取得したドメインはそのまま接続
  • Netlify

    無料: 月300クレジット(例:デプロイ4回・11GB・10万リクエスト)

    その後: Personal 月9ドル

    クレジットが尽きると、次のサイクルまで全プロジェクトが停止
  • Vercel

    無料: Hobby:個人利用のみ(商用サイト不可)

    その後: Pro 月20ドル

    販売や広告があるサイトにはProが必要
2026年9月23日時点。価格は変わることがあります。Geckifyはどの紹介からも報酬を受け取りません。

ほかのガイド

すべてのガイド

お問い合わせ

プラン、チーム、プロジェクトについての質問はありますか?ぜひお寄せください。すべてのメッセージに目を通し、2営業日以内にお返事します。