HTMLをリンクにする仕組み

1. これは何？

パソコンの中にある HTMLファイル を、インターネット上の Webページ（URLリンク） に変えてくれる仕組みです。

イメージとしては：

• いままで：HTMLファイルをメール添付で送る → 相手はファイルをダウンロードして開く必要がある
• これから：URLを送るだけ → 相手はクリックするだけで見られる（スマホでもOK）

2. どんなときに使う？

• お客様向けのご案内ページ（旅程・お知らせ）をリンクで送りたいとき
• 社内マニュアルやチェックリストをブラウザで見られるようにしたいとき
• 提案資料を「PDFじゃなくてWebページとして」渡したいとき
• とりあえずネット上に置いて、URLで共有したいとき

3. 使い方（エルフィへの頼み方）

エルフィに、次のどれかの形で頼むだけです：

1. ファイルを渡す →「このHTMLをリンクにして」
2. 中身を貼る → HTMLのコードを貼って「これを公開して」
3. ざっくり依頼 →「○○のページを作ってリンクにして」（中身から作ってもらう）

合言葉は、

「HTMLを公開して」

「Webページにして」

「リンクにして」

「ネットに上げて」

このどれかを言えば、エルフィが反応します。

4. 何が返ってくる？

こんな形のURLが返ってきます：

最後の「○○○」の部分は、内容に合わせてエルフィが名前を決めます（「お客様向けが分かる名前にして」と頼めば、希望の名前にもできます）。

このURLは、社内の人にも、社外のお客様にも、そのまま送れます。
スマホで開けます。ログインも不要です。

5. よくある質問

Q. 公開したページは、あとから直せる？

はい。「あのページの○○を直して」と頼めば、同じURLのまま中身が更新されます。

Q. 公開したページを消したい

「○○のページを削除して」とエルフィに言えばOKです。

Q. パスワードはかけられる？

この仕組みは「URLを知っている人なら誰でも見られる」公開ページ向けです。社外秘のものは載せないでください。

Q. 何ページでも作れる？

はい。ページごとに別のURLが発行されます。

6. 注意点

7. 裏側の仕組み（Cloudflare編）

まず、Cloudflareってなに？

世界中で使われている インターネットのインフラ屋さん です。
ざっくり言うと「世界中にサーバーを置いていて、誰かがWebページにアクセスすると一番近いサーバーから配信してくれる会社」。

• Discord、Shopify、Netflixなど、有名なサービスがみんな裏で使っている
• 北海トラベルでも、お客様向けLPなどで利用検討されているレベルの王道サービス
• 無料プランがある（minakoさんの枠は無料プラン内で運用中）

どのサービスを使ってる？「Cloudflare Pages」

Cloudflareにはいろんなサービスがあるけど、今回使っているのは Cloudflare Pages（クラウドフレア ペイジス）。

これは「HTMLファイルを置いとくと、勝手にWebページとして公開してくれる」サービスです。似たもので言うと、GoogleドライブやDropboxで「共有リンク」を発行するのに近い感覚。違いは、ちゃんとした"Webサイト"として配信されるところ。

流れを絵にすると

なぜCloudflareなのか

選んだ理由はシンプルに 「速い・無料・安定」。世界中のCloudflareサーバーから配信されるので、北海道のお客様にも東京のお客様にも一瞬で表示されます。

「html-share-8tp」って何？

URLの中の html-share-8tp.pages.dev の部分。

• html-share … minakoさんがCloudflareに作った プロジェクト名（「HTML共有」の意味で命名）
• 8tp … Cloudflareが自動でつけてる識別子（被らないようにするための文字列）
• pages.dev … Cloudflare Pagesが提供するドメイン

つまり、minakoさん専用の入れ物が1つCloudflare上にあって、その中にページがどんどん溜まっていくイメージです。

どこにファイルがあるの？

2か所に同じものがあります。

1. minakoさんのMacの中（マスター）
   ~/html-share/site/ フォルダ。ここを書き換えてから「公開」コマンドを実行すると、
2. Cloudflareのサーバー（公開用コピー）
   世界中のサーバーに自動的にコピーされる。

Macの中のファイルを消しても、Cloudflare側には残ります（だから「ページを消したい時はCloudflareにも反映する作業が必要」）。

お金は？

Cloudflare Pagesの無料プランで運用中。無料枠の上限：

• 月50万リクエストまで（普通の社内利用なら絶対超えない）
• 容量無制限
• 独自ドメインも無料でつけられる

将来、もし「hokkaitravel.com」のサブドメインで配信したくなったら（例：info.hokkaitravel.com/案内ページ）、設定変更だけでできます。

セキュリティ面

• HTTPS（鍵マーク付きの安全な通信）は 自動でかかってる
• Cloudflareは世界トップクラスのセキュリティ会社（DDoS攻撃を防ぐサービスでも有名）
• ただし、URLを知っている人は誰でも見られる仕様
  → パスワード保護や限定公開が必要なら、別の仕組み（Google Driveの限定共有など）を使ってください

誰のアカウントで動いてる？

minakoさんのCloudflareアカウント（個人契約）。
公開コマンドを実行するときは、Macに保存されているログイン情報（トークン）が自動で使われるので、毎回パスワードを打つ必要はありません。