2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【0円・1分で完了】HTMLとCSSで作ったサイトを無料で今すぐ公開する方法

2
Last updated at Posted at 2026-05-13

1分で終わるウェブサイト公開の方法

1分で作業は終わるので、1分で読み終わる記事にします。

手元にHTML/CSSで作ったウェブサイトを用意しましょう。JavaScriptが含まれていても大丈夫です。

ここでは「my-website」という名前のフォルダの中に、下図のように3つのファイルが入っているものとします。

img1.jpg

img2.jpg


次に下記URLを開いてください。

https://app.netlify.com/drop


img3.jpg


この中心部に、index.htmlなどの入った先ほどのフォルダをドラッグ & ドロップします。


img4.jpg


アップロードが完了すると次のように表示されます。


img5.jpg


上図の赤枠のURLをクリックすると、ウェブサイトが公開されているのが確認できます。

これで1分、0円でウェブサイトの公開が完了です。


なおひとつ注意点は、URLの下に「Your site will be live for 1 hour(このウェブサイトの有効期限は1時間です)」とあるように、いま公開したウェブサイトが1時間後に削除されてしまうことです。

これを防ぐには、このNetlifyというサービスのアカウントを作る必要があります。

メールアドレスがあれば簡単にできるので、サイト永続化の場合にはアカウントを作りましょう。


ウェブサイトを公開できたら、次のステップはアプリ開発です。

HTMLとCSSの知識だけで、最新のフロントエンド開発ツール「Next.js」を3分で体験できる無料ガイドを配布しています。

「作れる」の幅がぐっと広がります。

first-study-guide.png

monotein.com/present


react-ts-master-video-square-ad-click.png

monotein.base.shop/p/00005



2
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?