スマホで表示されない！11月3日〜5日まで対処に追われる！xserverとAffinger

2017年11月3日からの障害で、
使用していたデザインのテンプレート（テーマ）が使用できなくなりました。

他ブログではほぼ同じ環境なのに問題ありませんので
原因がつかめておりません。

運営しているこのブログを含めた2ブログで
スマホで閲覧できなくなり、大変なアクセス損害が生じました。

この事があり急遽1から修正しなくてはならなくなり
ついでにブログの内容を変更することにしました。

障害について

11月3日早朝に何の気なしにスマホでこのブログにアクセスしました。

何と言うことでしょう！

画面が真っ白で全く中身が見られません。
しかも何のアラートもなく本当に真っ白。

連休が始まろうとしているこのような日は
早朝から撮影地に関するページへのアクセスが集まります。

あら、もったいない！

時間は朝の6時のことでした。

障害の確認

朝っぱらからなんという事だ！

パソコンで通常の記事を見ると通常通り表示されます。
まずブログの管理画面へとログインします。

全くいつも通りです。

これではスマホで見る限り気づかない。

こんな現象は初めてですので、契約しているサーバーを疑いました。
サーバーの障害ニュースを見ると…

なんと契約サーバーがDos攻撃を受けているではありませんか！

関係があるのかもしれない？

障害への対処

たとえ契約サーバーの問題であろうともできる事があるかもしれない。

一旦、考えられる機能（プラグイン）を外しました。

それでも変わりがありませんので、
デザインのテンプレート（テーマ）を別のものに入れ替えました。

スマホで確認すると表示された！

え？使用しているテーマが何かとひっかかているの？
そんな事は考えられないのですが…

まぁいいや！
兎にも角にも表示してくれれば良い。

スマホとPCで確認した上でブログへのアクセスを確認。

ブログへのアクセス確認はgoogleのサービスを利用しますが
その画面を見ると…

６時台はアクセスがゼロ。
平日でも早朝のアクセスはありますので「ゼロ」ということはありません。

一時的に修正できた7時台のアクセスは、
数百になりましたので障害であった事が確認できます。

5時台でも数十のアクセスがありましたので、
6時台のアクセス数が「0」というのはありえないという事です。

あ〜ごめんなさい！

この連休を利用して、出かけようとしている方達への情報が遮断された！
厳密に言うと他のサイトへ流れた…

アクセスは可能になったけど、
ブログ自体は何の装飾もなく写真と文字だけになり機能が半減。

という事で、チェックしていたテンプレート（テーマ）に
変更した上で通常のデザインに近づけるためにデザインを修正。

ここからが戦い！

ブログデザインの修正

まずは機能を元どおりにしなければならない。

一つづつチェックしながら機能を復活！

ブログへのアクセスに問題がないかを確認しますが、
ここでさらなる問題が発生しました。

ブログ記事へのアクセススピードが著しく低下。

スマホからのアクセススピードは20秒前後となり離脱率が増します。

デザインを変えるだけでこんなに違うとマズい！

行った処置

処置に関してはブログでword[ad-midle]essを利用している方以外には
全く要らない情報かもしれませんのでごめんなさい。

キャッシュ・確認は都度、何度も施行。

ある程度の処置を行いスピードが遅いながらもシステム側の変更は一旦放置。

半日に渡りスマホの表示は揺れまくっていましたが、
表示されているので、このまま様子を見る事にしました。

ここまでいじると、止まらなくなってきたので、
デザインを新テーマに合わせて変更を開始。

変更を行ったけど本当は前のテーマが利便性が良く、
本当は前のテーマに戻したかったが、戻すとやっぱりスマホで非表示になります。

というわけでブログの見直しを決行。

フォーマットの変更

当ブログを見直してみました。

当ブログは撮影者のために役立つ内容を目指しておりましたが
観光を目的とした閲覧者がかなり多くなっている傾向が見られます。

これは大変ありがたいことではありますが、
観光に関した内容が記載されていないこともありますので
ご覧になった方の役には立たなかったかもしれません。

ということで、
コンテンツの一部修正を追加したり修正する事にしました。

例えばこんな事！

ロケ地の情報
最寄り駅	JR東京駅
バス停の有無	あり（東京駅）
最寄りIC	首都高宝町IC他
駐車場の有無	多数あり
トイレの有無	いくらでもあり
食堂の有無	迷うほどあり
備考：東京駅へのアクセスは非常に容易で電車・バス・タクシーが便利で、マイカーの場合は公共の駐車場がおススメですが、実は１時間程度なら無料になる駐車場もあったり夜間なら路駐でも良い場所がたくさんあります。

このような事以外に、撮影に関する情報も表化しました。

スマホでも見れる表なので、できるだけ簡素化していますが
見やすくする事でいい事もあります。

ついでにトップページも、以前からやろうと思っていたので変更しました。

トップページは、新着記事が並んでいたので、
新しい記事がアップされると変化しますので変化しないように設定。

画像を用意して対応しました。

半日でやった割には、まずまずですがPCとスマホでの表示で不都合もありますので
今後少し変更を加えます。

[トップーページのデザイン]

ついでに各ページもデザイン変更しました。

集計が若干重くなりパフォーマンスが悪くなりますが、
タイトルの上に記事のビュー数を表示させました。

ついでにタイトルの上に検索窓を表示。
ブログ内を検索する事ができますが、ほとんど使用しないでしょう。

PCで見ている方は中にはじっくり検索して見てくれる方もいるので
あった方が良さそうです。

当ブログはスマホからのアクセスが60％ですので
スマホ対応が主な課題ですが、写真ブログということもあり
PCでご覧になる方も多いようです。

特に撮影情報に関する方はPCでご覧になるでしょう。

文字数は多い方が良いのですが、
あえて減らして必要な事柄を掲載する事にします。
この記事は別ですけど…

あとがき

2017年11月3日から5日までの障害は、核となるのは「Xserver」でしょうが、
このブログ以外は関係なく表示されており問題ありません。

あとひとつ障害があったのは「Wpx」でのブログになり、
Xserverとは同じ運営ですが障害が出ていないはずです。

それでも同じ障害が確認できています。

障害があったブログでの使用テーマは「Affinger4」になり
同様に「Affinger4」を使用しているブログは全く問題がありません。

運営しているブログの内二つだけが障害にあった原因は現在不明です。

実は運営しているブログの中で比較的アクセスが多い
二つのブログが障害の対象になっています。

しばらくしたら「Affinger4」に戻したいのですが
「Simplicity2」も触れてみて興味はあります。

しばらくはこのままにしてみますが、落ち着いたら検証と調査してみます。

この連休でアクセスの多い記事は

絶景地や月を撮りたい人が多いんですね。

フライトレーダーも多いですね、
トランプ大統領来日でエアフォースワンを探したいのかな？
フライトレーダーでは見れませんよ！

本日の記事は役に立たないものでした…

今後とも宜しくお願いします。