はてなブログでHTMLを公開する場合との違い

はてなブログが得意なこと

はてなブログは記事を書いて公開し、読者に読んでもらうためのブログプラットフォームです。コミュニティやはてなブックマークとの連動があり、継続的に文章を発信して読者を増やしたい人に向いています。

記事には一定のHTMLを書き込めますが、これはあくまで本文の表現を補うためのものです。ブログの強みは長期運用される記事メディアであることにあります。

記事内HTMLの制約

ブログの記事編集でHTMLを書く場合、プラットフォーム側で一部のタグやスクリプトがサニタイズされたり、テーマのCSSと干渉して表示が崩れたりすることがあります。完成したHTMLをそのままの見た目で見せたい用途には不向きな場面があります。

また記事は基本的に公開ページなので、関係者だけに限定して確認してもらう、といったアクセス制御には向きません。下書きのURL共有はできても、本格的な認証は前提になっていません。

結論：この用途ならどちらを選ぶべきか

はてなブログ HTMLで迷うときは、まず「本番公開したい」のか「確認用に短期間だけ見せたい」のかを分けます。前者はホスティングや開発基盤の比較、後者は認証・期限・差し替え・相手の開きやすさの比較になります。

はてなブログでHTMLを公開する場合との判断では、機能名だけでなく、レビュー相手がアカウント作成なしで開けるか、共有後に古いURLが残らないか、修正後も同じURLで確認してもらえるかを見ます。比較して迷う場合は、まずレビュー用途か本番公開用途かを分けます。確認用なら、認証・期限・同じURLでの差し替えをまとめて扱える共有サービスで小さく試すのが安全です。

• 本番公開向き: 独自ドメイン、CI/CD、ソース管理、長期運用を重視する
• レビュー共有向き: 認証、期限、差し替え、非エンジニアへの渡しやすさを重視する
• 避けたいケース: 機密情報を含むHTMLを、認証なしの公開URLに置く
• 確認すること: 料金、公開範囲、URLの寿命、削除・差し替え手順、相手側の閲覧条件

ギガサイト便が得意なこと

ギガサイト便は、HTMLファイルやCSS・JS・画像を含むZIPを独立した1ページとして公開します。テーマや他のCSSと干渉せず、作ったままの見た目で表示できます。

発行されるURLは 〇〇.giga-site.com 形式のサブドメイン。HTTPSは自動、CDN配信で速く、認証方式と公開期限で見せる範囲をコントロールできます。確認・レビュー・一時共有に向いた位置づけです。

崩れないHTMLページを公開する手順

記事に埋め込むのではなく、独立したページとしてHTMLを見せる手順です。

1. 公開したいHTMLファイル、または関連アセットをZIPにまとめる
2. ギガサイト便のトップページにドロップする
3. 発行された共有URLを開いて表示を確認する
4. 見せる相手に応じて認証方式を選ぶ
5. 公開期限を設定する（無料プランは最長7日）
6. URLまたはQRコードで共有する

はてなブログとギガサイト便の使い分け

発信か確認かで振り分けます。

• 文章記事を継続発信して読者を増やしたい → はてなブログ
• 完成したHTMLを崩さずそのまま見せたい → ギガサイト便
• 公開記事として広く読んでもらいたい → はてなブログ
• 関係者だけに限定して確認してもらいたい → ギガサイト便（認証）
• 確認後に古いURLを残したくない → ギガサイト便（公開期限）

両者を補い合う使い方

ブログ記事の中でデモを見せたいとき、複雑なHTMLは記事に直接埋め込まず、ギガサイト便で公開したページにリンクする方法があります。記事側はサニタイズの影響を受けず、デモは作ったままの見た目で見せられます。

ギガサイト便は同じURLのままファイルを差し替えられるため、デモを更新しても記事のリンクはそのまま使えます。発信ははてなブログ、見せたいHTMLはギガサイト便、という分担が無理なく成り立ちます。