2015年　9月13日　日曜日　新月

◆　今日は・・新月・・朝・３時起き・・・

熊崎先生　と　平井先生の　WEBサイトの入れ替えの為・・・。

WEBサイトの一般閲覧者からサイトが見えない時間を短くする為に

下準備は十分にしてある・・・。

計算上は実際にサイトが見えなくなるのは10分程度で済む予定だった。

入れ替え後の裏の作業は90分程度を見込んでいたので

１サイトにつき・・・２時間以内には終わる予定でいた。

・・・・はずだったが・・・。

思わぬトラブルで・・・終了したのは　10時30分だった。

 
◆　スピードを優先してしまったが為に・・・

細川先生のサイトの入れ替えをした時に踏んだ手順を・・・

一つ変えてしまった為に・・・大変なことになってしまった。

『　急がばまわれ　』・・・と云う言葉を思いだした・・・。

反省の意味も込めて・・・ここに記録しておく・・・。

 

◆　細川先生のサイトの入れ替えをした時の手順を振り返る

１・　WordPressで作った　試作サイト　のアップデートなどを全て完了させておく。

２・　BackWPup　で　試作サイト　のバックアップを取る

３・　バックアップデータから　データベース　を取り出してデータベースを新設する。

４・　バックアップデータから　wp-config.php　を取り出して新設したデータベース用に書き換える。

５・　http://hosokawa.tegaki-japan.com/　の現在のアナログデータのバックアップを取る。

６・　アナログデータを削除する。

７・　BackWPupでバックアップを取った　.zip データを　サーバーにアップする。

８・　ZIPファイル解凍プログラム で　.zip データを　解凍する。

９・　wp-config.php　を　新しいのに入れ替える。

10・　このままではデータベースの中身は古いままで・・サイトは崩れたままで正しく表示されない・・・

Search-Replace-DB-master　で　データベースの中身を書き換える。

試作サイトのドメインを　hosokawa.tegaki-japan.com　に書き換える。

・・・・これで完了・・・。

 

◆　・・・で失敗のポイントは　・・・

３・でデータベースを新設しないで、

前のデータベースを利用して古いサイトを削除したほうが早いのでは？？

・・・と云う悪魔の囁きに負けてしまう。

・・・この時点で・・朝の3時20分・・・

悪魔の囁きに負けたままで・・・

予定通りに初期作業は10分以内に完了した。

サイト表示チェックも終わり・・・

アクセス解析の動作チェックも終わり・・・。

プラグインの調整を終えた・・・。

気を良くしながら・・・平井先生のサイトも同様に作業完了・・・。

・・・この時点で6時20分・・・・。

平井先生と熊崎先生に　作業完了のメールを送信・・・。

悪魔の囁きのおかげで・・・作業は３時間で完了した。

 

◆　・・・はずだった・・・。

少し寝ようかな・・・と思うも・・・

PageSpeed Insights　が　気になって仕方が無い。

PageSpeed Insights　を計測・・・。

・・・・むむむ・・・サイトが崩れている・・・。

データベースを正確に読み込めていないみたいだ・・・。

Firefox　では正しく表示されている・・・が・・・。

SeaMonkey では　完全に崩れている・・・。

Internet Explorer　も　完全に崩れている・・・。

 

◆　ここから１時間・・・

半パニック状態でいろいろやってみたが・・改善されない・・・。

7時30分・・・ついに諦めて・・・サイトを元の状態に一旦戻した。

平井先生と熊崎先生に・・お詫びのメール・・・。

 
◆　ここで最悪な状態に気づく・・・。

試作サイトのほうは、悪魔の囁きの導く通りに削除したので、もうそこには無い・・。

試作サイトを・・バックアップデータから・・作り直して・・・

もう一度・・作り直した試作サイトからバックアップを取らないといけない。

 

◆　今日は　9月13日　新月　だから・・・今日中にやりたい・・・。

眠気を抑えて・・・作業を再開・・・。

失敗したポイントが判っているし・・・

さっきの作業で手順も頭に入っているので今度はさっきより早い。

結局・・・作業が完了したのが・・10時30分・・・。

ここまでパソコンに張り付いて　７時間・・・。

全部・・悪魔の囁きに負けた自分のせいなので仕方ない・・・。

熊崎先生のサイトにタップポイントの修正箇所を見つけたので・・・

75ページ分・・修正・・・これにあと１時間かかってしまった。

12時になった・・・。

 
◆　お昼ごはんにラーメンを食べたとたんに眠気が襲い・・・

さっき・・起きてこのブログを書いている。

平井先生　と　熊崎先生　・・・御迷惑かけましたが・・やっと完了しました。

 
手描きイラスト・手描きパース・を紹介するWEBサイト　てがきじゃぱん.com

 

念願のレスポンシブWEBデザイン化

◆　てがきじゃぱん.com　を開設したのは、東北の震災のあった2011年の夏。

その頃、もうすでに　iPhone４　は発売されていたが、スマートフォンやタブレットを意識したWEBサイトは、まだ普及していなかった。

当時、パソコン用のWEBサイトとは別にスマートフォン用のWEBサイトを製作して切り替える方法は、確立されていたが、２つを別々に更新する必要があり、とても面倒な方法でもあった。

どうにかしなければいけないが、確信がもてないまま、ここから、長い長い試行錯誤がはじまった。

 

◆　WEBの世界の変化と対応は、とても早くて、『レスポンシブWEBデザイン』と呼ばれる方法が確率されてきた。

『レスポンシブWEBデザイン』とは一つのサイトで、パソコン・スマホ・タブレット・それぞれの端末のサイズに合わせてカラムの段組を可変スライドさせて最適な表示をする手法だ。

約２年前・・・『レスポンシブWEBデザイン』の存在を知った時から、この方法が最適であり、必ず必要になるとの確信から、ずっとその勉強をしてきた。

今までのように手作業で『レスポンシブWEBデザイン』のサイトを製作するのは無理があるので、新しいツールを学ぶ必要に迫られた。

 

◆　色々と調べた結果・・２つのCMS（コンテンツマネジメントシステム）に絞り込んだ。
一つは・・・・concrete5（コンクリート・ファイブ）
もう一つは・・WordPress （ワードプレス）

てがきじゃぱん.com　は、本サイトだけでなく、会員様のサイトも『レスポンシブWEBデザイン』にする必要がある為、やり直しは出来ない。

両方を使いこなせるまで徹底的に勉強して、その機能と特徴を調べて結論を出すまでに、２年かかった。

サイトの試作も何度も繰り返した。

 

◆　今後、WEBサイトの表示スピードが、検索順位の決定に大きな影響を与える事を予測していたので、WEBサイトの表示スピードを上げる為の、WEBサイト軽量化の勉強も並行していた。

この、WEBサイト軽量化の調査・・に長い時間を費やしてしまった。

全ては・・毎月の維持費はお支払い頂いている会員様の受注の為に・・必要な事だ。

 

◆　最終的に決めたのは、WordPress （ワードプレス）

結局　『 WEBサイト軽量化 』の利点の多さから、WordPress　に決めた。

勉強に２年もかけたのだから、いろんな意味で、完璧な知識を得てからの今回のリニューアルだ。

てがきじゃぱん.com・・・念願のレスポンシブWEBデザイン化・・

7月5日・・ようやく完成だ。

 

◆　会員様のサイトは、これから会員様と相談しながら、『レスポンシブWEBデザイン』に変更して行く。

時間のかかる作業だが・・・会員様の期待に応えるためにも、やるしかない。

 

 

てがきじゃぱん.com　代表　高野