ガイド

「このHTMLファイル、どうやってネットに公開するの?」への短くて実践的な答え

HTMLファイルをネットに公開する方法(一番かんたんなやり方)

index.htmlを作った、その次は? HTMLファイルをインターネットに公開するすべての方法を、最も簡単なものから順にわかりやすく解説します。

無料HTMLホスティング2026年版: 5つの選択肢を徹底比較

GitHub Pages、Netlify、Vercel、S3、それとも1ファイルホスト? HTMLを無料でホスティングする方法を正直に比較し、あなたに合う選択肢を紹介します。

サーバーなしでウェブサイトを公開する: 静的ホスティング入門

ウェブサイトの公開にVPSもNode.jsもnginxも要りません。静的ホスティングとは何か、いつそれで十分か、インフラゼロでHTMLをデプロイする方法を解説。

ChatGPTやClaudeで作ったHTMLを公開する方法

AIがウェブページを丸ごと書いてくれた——次はそれを公開しましょう。ChatGPT、Claude、GeminiのHTMLを約1分で本物のURLを持つサイトにする方法。

HTMLファイルをリンクとして共有する方法

.html添付ファイルをメールで送っても、期待どおりに開けることはまれです。確実な共有方法はURL化——1分以内でリンクを手に入れる方法を紹介します。

GitHub Pagesの代わりになる簡単ホスティング(Git不要)

GitHub Pagesは優秀——でもリポジトリやブランチ、ビルド設定なしで1ページだけ公開したいときには重すぎます。よりシンプルな代替サービスを正直に比較。

Netlify Dropの代替: クレーム手順のないドラッグ&ドロップ公開

Netlify Dropはフォルダをドラッグして公開する方式の元祖で、今も良い製品です。1ページだけのときにどこが面倒か — アカウントのクレーム、匿名サイトのパスワード、フォルダ必須 — と、代わりに何を使うかをまとめました。

Tiiny Hostの代替: 料金・無料枠・APIを比較

Tiiny Hostは「ファイルを上げてリンクを得る」を広めました。無料3MB、1プロジェクト制限、月$9の入口が合わないなら代替があります — 数字つきで、Tiinyの方が良い場合も含めて。

個人ページのためのNeocities代替(そして残るべきとき)

Neocitiesは手作りの個人サイトに最も優しい居場所で、ホストであると同時にコミュニティです。コミュニティのディレクトリに載らないページが欲しい、あるいはアカウントなしで1分でリンクを作りたいなら、代替はこう比較できます。

HTMLファイル1つのためのVercel代替(フレームワークもGitもなし)

VercelはNext.jsアプリをホストするのに最高の場所です。手書きのHTML1ページには装置が多すぎます: アカウント、リポジトリかCLI、そして商用利用を除外するHobbyプラン。代わりに何を使うか、そしてVercelが正しいままの場合。

Claudeのアーティファクトを自分のリンクでホストする方法

Claudeはアーティファクトを公開できますが、そのリンクは自分で選べないclaude.aiのアドレスで、TeamとEnterpriseアカウントはそもそも公開できず、公開取り消しは元に戻せません。同じHTMLを自分が管理するリンクに置く方法、1分ほどで。

その他のガイド(英語)

How to Track Visitors on a Static HTML Page

A static page keeps no logs you can read — so how do you know if anyone visited? Server-side counting, privacy-friendly analytics and Google Analytics, compared honestly.

How to Add a Contact Form to a Static HTML Page (No Backend)

Static pages can't process form submissions on their own — but you don't need a server to collect messages. Four approaches, working code, and how to stop the spam.

How to Make Your Link Look Good When Shared (OG Images)

When you paste your URL into a chat and it shows a blank box, Open Graph tags are missing. The four tags that matter, the image rules, and how to test before sharing.

How to Add a Favicon to Your HTML Page

The tiny icon in the browser tab. How to make one, the three lines that cover every device, and how to add it when your host serves only a single file.

How to Make a Single HTML Page Mobile-Friendly

Your page looks fine on a laptop and cramped on a phone. The handful of changes that fix it — starting with one meta tag most pages forget.

How to Build and Publish a One-Page Portfolio in HTML

You do not need a website builder or a framework to have a portfolio online. How to structure a single HTML file into a clean personal site, and put it live in minutes.

The Meta Tags Every HTML Page Should Have

Beyond the visible content, a few tags decide how your page appears in search results and shared links. The short list worth adding, and the ones you can ignore.

How to Redirect One Web Page to Another

You moved a page, or you want a short link pointing elsewhere. Every way to redirect — from a one-line meta tag to a proper 301 — and when each is the right choice.

How Static Hosting Works (and When One HTML File Is Enough)

What a static site is, why a single self-contained HTML file covers more than you expect, what a static host does for you, and the cases where static hosting is the wrong tool.