泥縄でhttps化対応中

今回は言い訳です（キッパリ

このエントリを見落としていた。

このエントリのツイートを見てhttps配信が開始されていることに気付いた。

昨年9月のエントリ以来、気にはしていたのだが。

このブログのヘッダーにも書いている通り、https化に伴い表示できないエントリが出ている。たとえばこんな感じ。

編集(編集 見たまま)にしてもどのエントリを貼ったかわからない。

そこで、HTML編集に切り替える。

最初はここで編集をしてちまちまhttp://をhttps://に書き換えていたのだが、ここでの[Ctrl]＋[F]では改行ポイントによっては検索から漏れることもあり、作業時間が掛かっていた。

そこで、Visual Studio Codeでブランクページを開いておき、置換を起動しっぱなしにすることで簡単に対応できるようにした。

まずブログの編集画面で[Ctrl]＋[A]で全文選択した後、

[Ctrl]＋[X]でカットし、VS Codeに[Ctrl]＋[V]でペースト。対象件数が出る。

置換した後、

[Ctrl]＋[X]でカットし、ブログ編集画面に[Ctrl]＋[V]でペースト。これをセーブすれば修正完了である。

一応これでリンク先が非表示でただ白くなってしまう問題は解決。これは順次新しいエントリから古いエントリに向かって修正中。たまにこのサイト以外のはてなブログもリンクしているので、それは存在しそうなエントリで個別対応。抜けはあるかもしれない。

まだ問題はある。各エントリを表示させるとChromeでは問題ありとなる。

本来はこのようにならなければいけない。

Mixed Content問題である。Chromeの開発者ツールで見るといくつか引っ掛かっている。とりあえず、サイドバーのはてなブックマークとはてなハイクは外したが、デザインテーマを変えるとか、まだなにか変更は必要そう。

お手本のようなに泥縄(ダメじゃんｗ)である。トータルで1,800弱のエントリ数なので時間が掛かる(冒頭で宣誓した通り言い訳)。

フロントエンドエンジニアのための現在とこれからの必須知識