Learning site for website creation

作成したアプリを手軽に公開する

公開日:2026年03月26日

時間限定で公開する

テスト等、時間限定で公開する方法。

制作したフォルダを「Netlify」サイトにドラッグ&ドロップします。
※トップページファイルを「index.html」にしましょう。

https://app.netlify.com/drop

自動的にURLが割り振られて1時間限定で公開されます。

パスワードを入力して表示確認しましょう。

もし長期間公開したい場合はアカウントを作成して無料公開します。

長期間公開する

こちらの方法はパスワードによる限定公開ではなくサイトが公開されます。

HTML・CSS・JSは第三者がコードを確認できますので、コード内に個人情報や流出してはいけないキーワード(APIキー等)がないことを確認してください。

パスワードをかけて公開するには有料契約が必要になります。

アカウントを作成・ログイン

アカウントを作成してログインするか、Google等のアカウントを利用してログインします。

https://app.netlify.com

プロジェクトをアップロード

管理画面内にプロジェクトフォルダをドラッグ&ドロップするエリアがあるので、こちらを利用してアップロードします。

プロジェクトのURLを変更

対象のプロジェクトを選択します。

「Quick setup」を選択します。

URLに利用する「Project name」を入力します。

利用可能であれば「Update project name」ボタンを押下して変更できます。

プロジェクトを再アップロード

プロジェクトを選択します。

「Deploys」を選択します。

管理画面内にプロジェクトフォルダをドラッグ&ドロップするエリアがあるので、こちらを利用してアップロードします。

プロジェクトを停止・削除

管理画面から対象のプロジェクトを選択します。

左メニューから「Project configuration」を選択します。

ページ下部に「Disable project(停止)」「Delete this project」のボタンがあるので、選択して「停止」「削除」します。