Qiita・ZennでHTMLを見せられない理由と使い分け

QiitaやZennでHTMLが自由に動かせない理由

QiitaやZennは、Markdownで書いた技術記事を共有するためのプラットフォームです。記事の本文に任意のHTMLやJavaScriptを書いても、そのまま実行されるわけではありません。これはセキュリティ上の理由が大きいです。

もし任意のスクリプトが動いてしまうと、閲覧者のブラウザで悪意あるコードが実行されたり、他の利用者に被害が及んだりする恐れがあります。そのため、これらのサービスは投稿内容をサニタイズし、危険なタグやスクリプトを無効化しています。

結果として、コードはコードブロックとして「テキストで表示する」ことはできても、その場で「動くページとして描画する」ことは基本的にできません。

記事としての共有が得意なこと

QiitaやZennは、解説・知見・チュートリアルを文章とコードブロックで構造的に共有するのに優れています。検索からの流入も期待でき、多くの読者に知識を届けるのに向いています。

コードの説明、設計の意図、つまずきポイントの共有といった「読んで理解してもらう」用途では、これらのプラットフォームが最適です。コミュニティからのフィードバックも得やすいです。

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

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

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

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

実物のHTMLを動かして見せたい場合

一方で、記事の補足として「実際に動くデモ」を見せたい、あるいは制作したHTMLそのものの挙動を関係者に確認してもらいたい場面があります。ここで必要なのは、テキストではなく描画され実行された状態のページです。

外部のデモ用サービスやサンドボックスを使う手もありますが、関係者以外に見せたくない場合や、確認が終わったら閉じたい場合には、認証と公開期限のある共有が便利です。記事はQiitaやZennに置き、動くデモは別途リンクで見せる、という分業ができます。

ギガサイト便で動くデモを共有する手順

ギガサイト便は、HTMLやZIPをそのまま描画された状態で公開し、認証と期限を付けられます。記事の補足デモや限定共有に向いた流れは以下の通りです。

1. 見せたいデモのHTMLまたはZIPをトップページにドロップする
2. 発行された共有URLを取得する（HTTPSは自動）
3. 公開範囲に応じて認証方式を選ぶ（広く見せるならURLのみも可）
4. 必要なら公開期限を設定する
5. 記事中や関係者へのリンクとして共有する

使い分けの指針

解説や知見をテキストとコードで広く届けるなら、QiitaやZennが最適です。検索流入やコミュニティの反応を活かしやすく、記事としての資産になります。

実物のHTMLを動かして見せたい、特に関係者だけに認証付き・期限付きで確認してもらいたい場合は、ギガサイト便が向いています。記事は記事プラットフォームに、動くデモは限定共有に、と役割を分けると無理がありません。