Webアプリを公開する:書き出しから独自アドレスまで
Webアプリを公開するまで:内容を確認し、名前と説明を入力して公開し、公開ページを確かめます。コピーできるコマンドつきで、手順ごとに説明します。
内容を確認する
Geckify内- すべてのページをPCとスマホで開き、ボタン、フォーム、ナビゲーションを訪問者の目線で試します。
文章とURLを入力する
Geckify内- 名前、説明、そして決まり次第、公開用のhttpsアドレスを入力します。
Geckifyで公開する
Geckify内- ホスティングで保存済みのWebアプリをビルドし、公開したいバージョンを選んで公開します。
または自分のプロバイダーで
提供元で所要時間: 初回は約15分費用: Cloudflare Pages:無料プランで始められます
- WindowsWebコードをダウンロードし、ZIPファイルを右クリック →「すべて展開」を選びます。
- MacWebコードをダウンロードし、ZIPファイルをダブルクリックして展開します。
- Node.js(LTS)を一度だけインストールします。
- Windows展開したフォルダを開き、上部のアドレスバーに「cmd」と入力してEnterキーを押します。
- MacFinderでフォルダを右クリック →「フォルダに新規ターミナル」を選びます。
- 下の2つのコマンドを貼り付け、それぞれEnterキーで実行します。フォルダ内にdistフォルダができます。
- Cloudflare Pagesで「直接アップロード」のプロジェクトを作成し、distフォルダをドラッグします。すぐにアドレスが発行されます。
コピーできるコマンドnpm install npm run buildすぐに開く: Node.jsをダウンロードガイド:直接アップロードCloudflare PagesVercelNetlify
公開ページを確認する
提供元で- 実際のURLをプライベートウィンドウで、PCとスマホの両方から開きます。リンク、フォーム、法的ページを確認します。
信頼できる3社 — 選ぶのはあなた
- Cloudflare Pages
無料: 静的サイトはリクエスト無制限、ビルド月500回
その後: 動的コードが多い場合のみ月5ドル
Cloudflareで取得したドメインはそのまま接続 - Netlify
無料: 月300クレジット(例:デプロイ4回・11GB・10万リクエスト)
その後: Personal 月9ドル
クレジットが尽きると、次のサイクルまで全プロジェクトが停止 - Vercel
無料: Hobby:個人利用のみ(商用サイト不可)
その後: Pro 月20ドル
販売や広告があるサイトにはProが必要
ほかのガイド
- OpenAI・Anthropic・GeminiのAPIキーを取得する方法
- アプリやWebサイト用の独自ドメインを取得する方法
- iPhoneアプリをApp Storeで公開する方法(Capacitor)
- AndroidアプリをGoogle Playで公開する方法(Capacitor)