WEB制作Chromeがセキュアなページ表示を強化するようです。単純に言うとhttpを読み込んでいるソース箇所はブロック(読み込まない)していくよってことですね。数年前からSSL移行を進めているGoogleですがいよいよhttpを排除していくようです。大まかに2点注目します。1https://の指定これを解消するにはhttp://xxxと記載した箇所を、https:/xxxxへ書き換えなければなりません。これは手動で人力でやる必要があります。1サイトだけであれば置換機能を使えばサクッと終わりますが、複数サイトでは結構面倒ですね。Wordpressで記事内を修正するのであればかなり根気がいります。置換プラグインがありますが複数サイトある場合はその分だけ手間がかかります。jQueryでhttpをhttpsへ書き換えられればいいのですが、スクリプトまで影響させるのは困難かもしれません。2読み込み先がSSLに対応していなければ意味がない例えばjQueryをDNSサーバーから読み込むのであれば、jQueryを配布しているサイト自体がSSLに対応しているのでhttpsで読み込めます。これが特定の古いサイトからソースや画像を読み込む場合は、そのサイトがSSLに非対応でhttpsで読み込むとエラーになる可能性があります。読み込み先がSSLに対応しているのかチェックを怠ると意味がないので注意です。そもそもソースの記述を//にしておこう何故かあまり見かけないのですが、Webページ上に読み込むソースの記述や、リンク先の記述方式を「//xxx.com/xxxxx.jpg」にすると全てが解決します。初めからhttpやhttpsを書かないってことですね。//から始めればブラウザ側なのかサーバー側なのかわかりませんが自動的にhttpsかhttpなのか判断してくれます。動きとしては「今開いているWebページがSSLなら、//の先はhttpsで開く」となります。SSL対応サイトで画像を読み込む時に「/img/gazou.jpg」と書いたことがあると思います。/はそのサイトのルートパスですが、//だとドメインから指定するというだけのことです。//xxx.com記述の利点ローカルのテストサーバーでサイト制作している時にテストサーバーをわざわざSSL化しなくてすみます。//記述でソースを書いていれば、特に何もしなくても本番サーバーへアップするとSSLとして機能するのです。httpと書いてしまっているサイト管理者の方は書き換えが大変ですが置換を駆使して修正頑張りましょう!これからサイトを作る場合は//で読み込むとソース元のSSL対応を考えなくてすみます。関連記事MacでAndroidアプリ制作をしたい。開発ツールのeclipceをインストールする。Androidエミュも使えるよMac環境にAndroid開発環境を整えたいと思います。一度環境作ったのですが、しばらく放置していたらSDKが不明です、と起動しなくなっ...記事を読むFeedWordPressというプラグインを使いアンテナサイトを作る[WordPress,RSS]アンテナサイトとは「まとめサイトのまとめサイト」というのが個人的にしっくりきます。色々なサイトの投稿記事をかき集めるのが目的のサイトです...記事を読むwgetのダウンロードとインストール。ざっくばらんに言うと、WebサイトのページとかをURL指定したりし...記事を読むMacのtomcatが起動しなくなった。現在Javaを勉強中。(1)よーしサーブレットやってみるぜ!tomcatとeclipseを入れればい...記事を読むeclipseでJavadocの文字コードをUTF-8で書き出せなくて文字化けエラーする場合の解決方法eclipeseでJavadocを生成するとき、文字のエンコードがOSのエンコードで書き出されるようです。僕はファイルの文字コードを全て...記事を読むツイッターのつぶやき投稿をフェイスブックページに連携して自動投稿させる簡単な方法だいぶ前から企業PRの場としてFacebookやTwitterが活用されていますね。僕もお仕事で何度か企業ページの作成と管理をしていました。...記事を読むWordPress高速化の基本的な考え方Wordpressを高速化する様々な工夫が行われ、色々なサイトでその方法も記載されています。簡単なことなのですがしばらく触ってないと忘れるのでメモ。意外とググっても出てこないし...。やりたいこととしてはカテゴリーページ(arc...記事を読むXサーバーでmod_pagespeedをオンにするとWordPressのパフォーマンスがだだ下がりした件いつ導入されたか忘れましたがXサーバーの管理画面から「mod_pagespeed」を利用できるようになりました。オンにするだけでGoogle...記事を読むFacebookへシェアされた情報のキャッシュを消す(リセット)する方法もう何かとつけてシェアボタンがどのサイトにも置かれるようになってきました。コメントをキャンセルメールアドレスが公開されることはありません。ハリネズミの赤ちゃん。ハリネズミの赤ちゃん。パパの出産・子育てブログ母乳をやめて完全ミルクにしてくれてホッとした。2019年9月7日よつゆびハリネズミは静かで臆病な生き物。