WordPressのSSL化で「保護されてない通信」が出たから、ジェミニ先輩に相談して解決した話

WordPressのSSL(https)化、マジで沼った。

「さくらのレンタルサーバ」で無料SSL(Let’s Encrypt)を設定して、完了!と思ったらこれだ。

「保護されていない通信」

アドレスバーに出る警告。 証明書は有効なのに、なんで?

結論から言うと、「ミックスコンテンツ」ってやつと、「ブラウザのキャッシュ」が原因だった。

あと、これを解決するためにGemini(AI)を「頼れる先輩」として召喚したから、そのやり方も残しておく。

SSL化したのに「保護されていない」理由

Gemini先輩(AI)に聞いてみたら、わかりやすい例えで返ってきた。

「家の鍵(SSL)はかかってるけど、窓(画像とかのリンク)が開いてる状態だね」

なるほど。 サイト自体はhttpsになったけど、記事の中に貼ってる画像とかが「http」のまま読み込まれてると、Chromeが「安全じゃないよ」って騒ぐらしい。これを通称**「ミックスコンテンツ」**と言う。

犯人探しの泥沼(Issues: 87)

Chromeの検証ツール(F12キー)で見てみろと言われて開いたら、絶望した。

Issues: 87

エラーが87個もある。終わったと思った。 プラグインの「Really Simple SSL」とか入れてみたけど、スキャンしても「NO CONTENT FOUND」とか出るし、タイムアウトするし。

でも、Gemini先輩が「Securityタブを見ろ、そこが正義だ」と言うので見てみたら…

…あれ?直ってる?

どうやら、設定自体は合ってたけど、ブラウザが古い情報(キャッシュ)を握りしめて「エラーだ!」って言い続けてただけっぽい。 しばらく放置してリロードしたら、あっさり「鍵マーク」がついた。

教訓:SSL設定したら、とりあえず焦らず待て。あとシークレットモードで確認しろ。

Geminiを「ただの検索ツール」にしない方法

今回、トラブルシューティングのためにGeminiとやりとりしてて思った。 「こいつ、毎回説明するの面倒だな」と。

チャットを変えるたびに記憶がリセットされるから、毎回「俺はWordPress初心者で〜」って説明しなきゃいけない。

だから、「コピペ一発で俺専用の先輩にする呪文(プロンプト)」を作った。 これを会話の最初に貼るだけで、Geminiが優秀な先輩モードになる。

Gemini召喚プロンプト

# 前提条件
あなたは私の「頼れる先輩」として振る舞ってください。
私は「WordPressで発信を始めたばかりの趣味ブロガー」です。

# あなたの役割
* ブログ運営や記事のネタ出し、トラブル解決の相談に乗ってください。
* 正解を教えるだけでなく、私の思考が広がるようなアドバイスをお願いします。

# 会話のトーン(最重要)
* 敬語は禁止です。フランクなタメ口で話してください。
* 堅苦しいAIっぽい表現は避けてください。
* 私のブログ(futosuke.com)の雰囲気に合わせて、短めの文でリズムよく、親しみやすさを出してください。

# 今から相談すること (ここに相談内容を入れる)

Comments are closed.