はてなブログで人気のテーマ20種類のHTTPS化対応状況を調べてみる

先日はてなブログがHTTPS化に対応した事により、私のテストブログの1つもHTTPS化することができました。以前HTTPS化が発表された時に「はてなブログの人気テーマはHTTPS化に対応しているのか?(混在コンテンツに引っかからないか?)」と調べたのですが、それから時間も経ち、実際にHTTPS化できるようになったので、改めて調べてみました。

なお、これは2018年2月28日現在での状況であり、順番は適当です。また、スクリーンショット画像はPC版の全文形式ですが、一覧形式にしても変わりません。スマホ版はチェックしていません。

  • 2018.06.17 現在は、はてな側でテーマ内のコードを一部書き換えたのでほとんどのテーマで対応済みになっています。この記事のリスの中では「Material」のみが、非対応となっています。
  • 2018.04.17 はてなが提供しているドメインを使用した全てのブログがHTTPSで配信できるようになった(→参考)ので非対応だったものについて再調査しました。結果、「Minimalism」と「Blank」については対応済みとなっていました。
  • 2018.04.17 ついでに追加で5つのテーマについても調べてみました。4勝1敗でした。

1. Life…◯

f:id:c-miya:20180228213201j:plain

まずははてな公式のデフォルトテーマであるLifeです。これはさすが公式だけあって全く問題なしでした。

2. ZENO-TEAL…◯

f:id:c-miya:20180228213401j:plain

私の公開しているZENO-TEALも大丈夫です。

3. Brooklyn…◯

f:id:c-miya:20180228213519j:plain

Brooklynは以前調べたときは×だったのですが、修正されたようで問題なくなっています。

4. Innocent…◯

f:id:c-miya:20180228213901j:plain

Innocentも問題なしです。

5. DUDE…×

f:id:c-miya:20180228213816j:plain

DUDEはダメでした。混在コンテンツに引っかかります。

6. Minimalism…×→◯

f:id:c-miya:20180228214049j:plain

Minimalismはダメでした。混在コンテンツに引っかかります。

2018.04.18追記:再調査して、対応されているのを確認しました。問題なしです。

7. Blank…×→◯

f:id:c-miya:20180228214310j:plain

Blankはダメでした。混在コンテンツに引っかかります。

2018.04.18追記:再調査して、対応されているのを確認しました。問題なしです。

8. Naked…×

f:id:c-miya:20180228214408j:plain

Nakedはダメでした。混在コンテンツに引っかかります。

9. SOHO…◯

f:id:c-miya:20180228214508j:plain

SOHOは以前調べたときは×だったのですが、修正されたようで問題なくなっています。

10. Codomisu Flat…×

f:id:c-miya:20180228214601j:plain

Codomisu Flatはダメでした。混在コンテンツに引っかかります。

11. Minimal Green…◯

f:id:c-miya:20180228214852j:plain

Minimal Greenは問題なしです。

12. Written…◯

f:id:c-miya:20180228214939j:plain

Writtenは以前調べたときは×だったのですが、修正されたようで問題なくなっています。

13. CONTENTS…×

f:id:c-miya:20180228215440j:plain

CONTENTS - テーマ ストア

CONTENTSはダメでした。混在コンテンツに引っかかります。

14. Material…×

f:id:c-miya:20180228215508j:plain

Material - テーマ ストア

Materialはダメでした。混在コンテンツに引っかかります。

15. 510…◯

f:id:c-miya:20180228215624j:plain
510 - テーマ ストア

510は問題なしです。

16. UnderShirt…◯

f:id:c-miya:20180228220927j:plain
UnderShirt - テーマ ストア

UnderShirtは問題なしです。

17. Coffee Break…◯

f:id:c-miya:20180228220942j:plain
Coffee Break - テーマ ストア

Coffee Breakは問題なしです。

18, Creativity…×

f:id:c-miya:20180228220951j:plain
Creativity - テーマ ストア

Creativityはダメでした。混在コンテンツに引っかかります。

19, murmur - babypink…×

f:id:c-miya:20180228221002j:plain
murmur - babypink - テーマ ストア

murmur - babypinkはダメでした。混在コンテンツに引っかかります。

20. クリスタブルー~CrystalBlue~…×

f:id:c-miya:20180228221015j:plain
クリスタブルー~CrystalBlue~ - テーマ ストア

クリスタブルー~CrystalBlue~はダメでした。混在コンテンツに引っかかります。

※以下5種類は2018年4月17日追加

21. Haruni…◯

Haruni - テーマ ストア

Haruniは問題なしです。

22. Spirea…×

Spirea - テーマ ストア

Spireaはダメでした。混在コンテンツに引っかかります。

23. soboku…◯

soboku - テーマ ストア

sobokuは問題なしです。

24. Writer…◯

Writer - テーマ ストア

Writerは問題なしです。

25. ZEN for Hatena Blog…◯

ZEN for Hatena Blog - テーマ ストア

ZEN for Hatena Blogは問題なしです。

まとめ

ここまで見てきた20種類をまとめます。
※2018年4月17日 5種類追加

Life
ZENO-TEAL
Brooklyn
Innocent
DUDE×
Minimalism×→◯
Blank×→◯
Naked×
SOHO
Codomisu Flat×
Minimal Green
Written
CONTENTS×
Material×
510
UnderShirt
Coffee Break
Creativity×
murmur - babypink×
クリスタブルー~CrystalBlue~×
Haruni
Spirea×
soboku
Writer
ZEN for Hatena Blog

比較的新しいテーマはちゃんと対応している気がします。現在対応されていないものでも、そのうち対応してくれるかもしれません。必要なら作者の方にコンタクトを取ってみるのもいいかもしれませんね。

ちなみに、×だったテーマでも、自分で修正することはできます。ようはテーマ(css)で混在コンテンツを使っている箇所を自分で修正(上書き)してあげればいいのです。どこで混在コンテンツが有るかはテーマにもよりますが…。例えばCodomisu Flatの場合は、以下のコードをデザインcssに加えると混在コンテンツが解消され「保護された通信」と表示されるようになります。

.hatena-module-search-box .search-module-button{background:transparent url(//blog.hatena.ne.jp/images/theme/search.png)no-repeat right center;}
.header-img{background-image:none}

まぁ、上で×になっているテーマはほとんどがhttp://blog.hatena.ne.jp/images/theme/search.pngの画像を使っているからで、これの最初のhttp:を消して//blog.hatena.ne.jp/images/theme/search.pngにしてあげればOKというわけです。たぶんこれで大丈夫。

いやぁ、疲れた疲れた。

f:id:c-miya:20180228224325p:plain
↑今回の画像まとめ。このサイズで見分けのつくテーマはかなり特徴的ですね。