【開業医院長先生：いつでも引っ越せる、ホームページ】7️⃣「HTMLでも、残る危険」

※この記事は、パソコンが苦手な先生のために、いちばんやさしく書いています。
※むずかしい言葉は、初めて出たとき、すぐ横で、そえ書きします。

【前回はこちら】

【先に、結論をお伝えします】

5回で、こう書きました。
HTMLにすると、入口が小さくなります。
でも、ゼロにはなりません。

今回は、その残る危険の話です。
5つに絞りました。
5つは、ほとんどがHTMLの外側にあります。
怖がらせたいわけでは、ありません。
知っていれば、備えられます。

【例えると、家の鍵です】

WordPressから、HTMLに移ること。
それは、勝手口の多い家から、玄関1つの家に、引っ越すようなものです。
入口は、ぐっと減ります。

でも、玄関の鍵を、落としたら。
入口が1つでも、入られてしまいます。
残る危険は、そういう所にあります。

【HTMLそのものは、どうなのでしょう】

先に、よく聞かれる疑問に、お答えします。
HTMLそのものに、危険はあるのでしょうか。

ほとんど、ありません。
HTMLは、文字と写真の並べ方を書いた、ファイルです。
見ている人の画面に、絵を出すだけです。
サーバーの中で、何かを動かすことは、ありません。

ただ、「ゼロ」とは、言い切れません。
その前に、「動き」の話を、整理させてください。

【動きと、JavaScriptの関係】

ページの動きには、2種類あります。

1つ目は、見かけの動きです。

ふわっと出てくる。
色が変わる。
写真が、順番に切り替わる。
これは、6回で書いたCSS（見かけの指示書）だけでも、作れます。

2つ目は、押すと何かが起きる動きです。

入力された文字を使う。
計算をする。
画面の中身を、書き換える。
これは、JavaScript（ジャバスクリプト）という、別の言葉で書きます。

スライドが動くのは、どちらでも作れます。
作ってくれたAIに、こう聞けば、教えてくれます。
「この動きは、CSSですか。JavaScriptですか」

ちなみに、名前が似ている「Java（ジャバ）」とは、別のものです。

【少しだけ危険が出る、2つの場面】

危険が出るのは、動きそのものでは、ありません。
次の2つの場面です。

1つ目は、JavaScriptで、入力された文字を扱うときです。
入力された文字を、確かめずに画面に出す作りだと、悪い命令を紛れ込まされることがあります。
古い部品を入れたままだと、その部品に見つかった穴も、残ります。

見かけの動きだけなら、この心配は、ほとんどありません。
診療時間や案内を見せるだけのページなら、入力欄もありません。

2つ目は、鍵の文字が、ファイルに混ざったときです。
AIと作っていると、パスワードのような文字が、ファイルに入ることがあります。
HTMLは、誰でも中身を読めます。
公開すると、その文字も、誰でも読めてしまいます。

【はじめから、ない形で作れます】

この2つは、はじめから、ない形で作れます。
AIに作ってもらうときに、一言そえるだけです。

入力欄は、作らないでください。
よそから、部品を読み込まないでください。
動きは、なるべくCSSで作ってください。
JavaScriptを使うときは、使う理由を教えてください。
パスワードや鍵のような文字は、ファイルに入れないでください。

地図や予約ボタンが、どうしても要るときもあります。
そのときは、このあとの危険2と危険3を読んでから、決めてください。
入力欄が要るときは、危険3のGoogleフォームの形が使えます。

作ったあとは、最後に紹介する頼み方で、確かめてもらえます。

ここから先は、HTMLの外側の話です。

【危険1：鍵（ログイン）】

いちばん大事な危険です。

HTMLのページにも、鍵があります。
ログインする場所のことです。

・ページを置いている所（Cloudflareなど）
・住所を買った所（ドメイン屋さん）
・控えの棚（GitHub）

この鍵を取られると、ページを書き換えられます。
HTMLかどうかは、関係ありません。

まず、1つだけやっていただきたいことがあります。
2段階認証です。
2段階認証とは、パスワードのほかに、スマホに届く番号も入れる仕組みです。
パスワードが漏れても、スマホがなければ、入れません。

くわしい手順は、10回で、クリック単位で書きます。
住所の期限や、連絡先のメールのことも、そこで書きます。

【危険2：よそから借りる部品】

ホームページには、よそから借りた部品が入っていることがあります。
地図、動画、予約ボタン、アクセスを数える仕組みなどです。

借りた部品は、持ち主が書き換えられます。
自分のページの中で、知らないうちに、動きが変わることがあります。

実際に、起きたことがあります。
2024年6月のことです。
多くのサイトが借りていた部品がありました。
持ち主が替わったあと、その部品が書き換えられました。
10万を超えるサイトに、影響が出たと報じられています。

備え方は、1つです。
借りる部品を、増やしすぎないことです。
AIにページを作ってもらったら、こう聞いてみてください。
「よそから読み込んでいる部品は、ありますか」

【危険3：フォームと予約】

問い合わせのフォームや、予約の画面です。
ここは、入力されたものを、どこかに送ります。
送る先には、サーバーが要ります。

ここを自分で作ると、また入口が増えます。
5回で書いた、サーバーの中の話に、戻ってしまいます。

備え方です。
フォームや予約は、専門のサービスに任せます。
そして、患者さんの情報を、自分のページに置きません。
病名や、お名前を入力する画面は、とくに慎重にします。

【入力欄が要るときは、Googleフォームで】

たとえば、Googleフォームです。
Googleが用意している、無料の入力画面です。

入力を受け取るのは、Googleの側です。
先生のページには、入力欄を作らずにすみます。
自分で作るより、ずっと安全に、入力欄を用意できます。

置き方は、リンクで開く形が、おすすめです。
ページには、「お問い合わせはこちら」のボタンだけを置きます。
押すと、Googleフォームの画面が開きます。
これなら、先生のページは、よそから何も読み込みません。

気をつけることが、2つあります。

1つ目です。
集めるのは、お問い合わせや、ご意見くらいにします。
病名や症状は、集めません。

2つ目です。
回答は、フォームを作ったGoogleアカウントに入ります。
そのアカウントにも、2段階認証をかけます。
ほかの人と共有するときは、誰が見られるかを、確かめます。

【危険4：直せるのが、作った人だけ】

AIと一緒に作ったページは、先生のものです。
会社の人は、いません。
直すのも、先生です。

困ったときに、電話できる窓口がありません。
これは、自由の裏返しです。

備え方です。
控えを、残しておきます。
4回で書いた、手元のパソコンと、GitHubの棚です。
間違えても、前の状態に戻せます。

【危険5：安全かどうか、確かめにくい】

AIは、ページを上手に作ります。
でも、安全かどうかを、先生が見て判断するのは、むずかしいです。
僕も、全部は分かりません。

備え方です。
作ったAIとは、別のAIに、見てもらいます。
1つのAIの見落としを、もう1つが拾うことがあります。
大事なページは、詳しい人に、一度見てもらうと安心です。

【AIに、見直してもらう頼み方】

頼み方の、見本です。
このまま打って、すべての危険が見つかるとは、言い切れません。
先生ご自身のページで、お試しください。

ご自身のAIに相談していただけると良いと思いますが、私が行ったプロンプトを参考に書いておきます。（本当はご自身で練習してほしいので有料にしておきます。しかし、これが完全なものではない点はご了承下さい）