常時SSL対応でも常時SSL非対応の外部画像を表示できる？

（要約）
Yahoo!ブログの公式ブログで、2017/03/17(金) 15:26に
『Yahoo!ブログは常時SSL（AOSSL）に対応いたします』との公表がありました。
常時SSLはすでに知恵袋でも計画が進んでおり、
ページのアドレスこそ今までと同じhttp://が使われていますけど、
画像だけでなく、スクリプトなどもhttps://が使われているようで、
相当にパソコン側への負担となっています。

ブログ／記事の閲覧者総数　：　　人

閲覧者接続情報

Yahoo!ブログの公式ブログで、2017/03/17(金) 15:26の記事に、
『Yahoo!ブログは常時SSL（AOSSL）に対応いたします』との公表がありました。

常時SSL化するとYahoo!サイト内のページへのアクセスには、すべて https:// のプロトコルが使われることになります。
そのためYahoo!ブログの記事へ掲載している画像や動画、音声等も、すべて https:// のプロトコルとなります。

記事投稿と同時にアップする画像については、今後は 'https:// 'のプロトコルになり、過去記事に掲載した画像は、http:// を https:// に変換して拾ってもらえるからいいのですが、動画、音声等は外部サイトへ置いて呼び出しますので、その外部サイトが常時SSLに対応していない場合は、そのままですとYahoo!ブログが常時SSLになりません。

そこでYahoo!としては苦肉の策として、常時SSLに対応していない外部サイトの画像は、強引にリンク扱いにしてしまうようなのです。

Yahoo!ブログは常時SSL（AOSSL）に対応いたします

■常時SSL化に伴う仕様変更について
Yahoo!ブログに貼付された外部サイトの画像や動画などが、
https:// から始まるURLに対応していない場合、Yahoo!ブログ内では正常に表示されなくなります。
その場合、画像や動画は貼付された状態ではなく、外部サイトへリンクする形式に置きかわります。

◆サムネールを見る

---

これでは大量の過去記事を抱えているユーザーに、
『古い記事の見栄えはすべて諦めて欲しい』と言っているようにも見えますね。

毎日記事を書き、それが３年も続けば１０００記事を超えるのですから
今更、過去記事すべてを修正して廻るなんて、全く無理な話です。

それは仕方ないので諦めるとしても、外部サイトのツール画像までリンク化されたら、アクティブ性を持つ、IPアドレス表示や訪問者数カウンタ、訪問者マップなど、それらが全部役立たずになります。

そこで、わたしのブログで利用している記事テンプレートに含まれる画像を調べてみました。

まずは記事上部ですけど、ここはブログ内の別記事にアップしてある画像とアクセスカウンタ、ならびに訪問者様のアクセス環境を示す画像があります。

◆サムネールを見る

別記事にアップしてある画像については、まだ常時SSL対応前ですけど、アドレスを https:// から始まるURLに変更しても表示できましたから、今後の記事テンプレートで https:// から始まるURLにすれば十分です。

問題はフッター側で起こりました。

訪問者マップはそのまま https:// から始まるURLにしても表示できますけど、女の子がホワイトボードを持ってIPアドレスを表示するツールは、https:// の有効期限切れが出てしまい、そのままでは https:// にできませんでした。

◆サムネールを見る

でも、この画像のアドレスはhttps:// から始まるURLにしてあります。
簡単に説明すると短縮アドレスサービス『bit.ly』は、http:// でも https:// でも、どちらでも使えるサービスなのですから、外部サイトが提供しているツール画像アドレスを短縮アドレスサービス『bit.ly』で短縮化して、https:// を利用したのです。

さらにはWikiで画像横並べを実現するためには、imgタグを使わずに画像の拡張子をアドレスに含める裏ワザを使わなくてはなりません。

『bit.ly』で短縮化すると拡張子を含むアドレスでさえも拡張子が付かなくなります。
しかし、短縮化されたアドレスにそのまま拡張子『.png』を付けると、もとの画像アドレスを呼び出せなくなるジレンマまで抱え込んでいるのです。

そこで一計を案じてみました。

これまでは、オリジナルのアドレスに画像の拡張子を付して、こんなアドレスで使っていました。

http://api.checkingtools.com/getsignimage.php?id=4&font_color=#ff0000.png

それを拡張子『.png』が付かない本則に戻して、http://の短縮アドレスを得ました。

http://bit.ly/2nC2TIi

このままでは常時SSLではありませんので、『bit.ly』は https:// でも使えることを利用し、さらには拡張子を付けるためには、ページ内位置を示す#を付けた後に拡張子の『.png』を付けてみたのです。

https://bit.ly/2nC2TIi#.png

これなら https:// ですので常時SSLに対応する条件が揃いますし、『#.png』の部分は『bit.ly』がページ内位置とみなして、オリジナルの画像アドレスに変換します。

もっとも、これまでに利用していた大量の http:// 外部画像ツールは、修正しないかぎりアドレスにしか表示されませんので機能を失った状態になってしまいます。
またYahoo!ブログで常時SSLがスタートしているわけではありませんので、本番環境でそのまま通じるかどうかまでは保証できません。

しかし使えるツールを全く失うよりも、このような裏手法であったとしても、機能を温存できる道だけは残しておきたいと思い、このようなテストをしてみました。

こちらに携帯向けページを準備しています。
Messaage Box 書庫

スパム対策に関するお知らせ

　　　 記事と無関係な連続コメント、複数トラックバックは無条件削除します　　　　　　　
　　　 アダルト業者によるコメントはＩＤを削除させていただきます

IP Information - Flag Counter (Map,Flag) - Country List - utrace