2017-05-23

【二冠達成！！２ジャンル同時１位　ワードプレスの本】

書籍

f:id:wp-lesson:20170421090218j:plain

先月のことですが、

ついにWebデザインとWeb構築・管理の
２ジャンルで二冠を達成しました。
　
Amazonの全ての本の中で総合661位でした。
　
f:id:wp-lesson:20170421090224j:plain

最近は、マンツーマンレッスンでも私の本を
使ってくださっている生徒さんがおられます。
　
もちろん購入していただいていること自体も
ありがたいと感じているのですが、
　
何よりも生徒さんの前向きな自己学習に
お役立ていただけていることが嬉しく思います。

PR

CODEMYのマンツーマンレッスンでは、WordPressや
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
　
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
　
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
　
『WordPressのツボとコツがゼッタイにわかる本』
　
▼Amazonで概要を見る
http://amzn.to/2nd7Ia5
　
『ホームページ作成のツボとコツがゼッタイにわかる本』
　
▼Amazonで概要を見る
http://amzn.to/2bXJkbs
　
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
　
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
　
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
　
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓無料体験はこちら
http://bit.ly/2hw7mIy

2017-05-22

【フロントエンジニアがサーバーエラーに挑む】

サイト制作実務の話

f:id:wp-lesson:20170421085911j:plain

ものすごいアクセス数を集めている
メディアサイトで頻繁にサーバーエラーが
発生して見れなくなり、困っているという
ご相談をいただきました。
　
レンタルサーバーのログ解析ページを見て、
サイトに大きな負荷をかけているページの
ランキングを割り出すところまでご本人が
頑張ってくださいました。
　
　
問題はそこからです。
　
　
■＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝■
　　　　　　　ステップ１
■＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝■
　
　
admin-ajax というプログラムファイルへの
アクセスで一番負荷がかかっていることは
読み取れるのですが、
　
誰が admin-ajax にアクセスしているのか？
　
を突き止めるないことには話が進みません。
　
いろいろ調べた結果、
以下のことが分かりました。
　
↓ものすごく簡単に言うとこういうこと。
　
～～～～～～～～～～～～～～～～～～～～
　
プラグインの中には、ワードプレスの力を
借りて動作するものがあって、
　
「ワードプレスさん、ちょっと手伝って」
　
とお願いをするときに、admin-ajax という
プログラムに依頼内容を伝える。
　
～～～～～～～～～～～～～～～～～～～～
　
↓プログラマーっぽく言うとこういうこと。

～～～～～～～～～～～～～～～～～～～～
　
非同期処理を使って動作するプラグインが、
ワードプレスに備わっている非同期通信を
利用するためにリクエストを投げる宛先が
admin-ajax.php である。
　
～～～～～～～～～～～～～～～～～～～～
　
　
■＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝■
　　　　　　　ステップ２
■＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝■
　
　
非同期通信っていうのは、簡単に言うと、
ブラウザの画面を再読み込みしなくても
裏で通信ができる方式のことです。
　
通常、ウェブで別のページに移動するときは
ブラウザの画面が再読み込み（リロード）
されますよね？
　
あれはこういうことなんです。
　
ブラウザ「新しいページのデータちょうだい」
↓
サーバー「はい、これだよ。読み込んでね」
↓
ブラウザ「受け取りました。画面を再表示！」
　
いったんサーバーに要求を丸投げして、
サーバーから応答をキャッチするわけです。
　
これが一般的な「同期通信」です。
　
非同期通信の方式だと、
画面を再読み込みしなくてもサーバーから
新しいデータを受け取ったり、
サーバーに何らかの処理をしてもらう
ことができます。
　
　
■＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝■
　　　　　　　ステップ３
■＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝■
　
　
となると、次の着眼点は、
　
「画面を再読み込みしなくても
　サーバーに何かの処理をしてもらう
　必要があるプラグインって何だろう？」
　
を考えることになります。
　
ここは想像力と経験がモノを言うのですが、
サーバーエラーが起こっているのがブログ
だということから、
　
「このブログで使っているプラグインに、
　そういう動作を必要とするものがある」
　
と考えます。
　
すると、
　
「アクセスランキングを自動表示する
　プラグインが怪しいんじゃないかな？」
　
という勘がはたらきます。
　
プラグインの名前を知るには、そのブログを
ブラウザのディベロッパーツールで開き、
HTMLタグに付けられたclass名を見ます。
　
ブラウザに何かを表示するプラグインは、
見栄えを整えるためにプラグインの作者が
HTMLタグにclass名を付けています。
　
そして、多くの場合プラグインの略名が
接頭辞についたclass名になっています。
　
そこから判断すると、
　
とある有名プラグインが浮かび上がります。
　
　
■＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝■
　　　　　　　ステップ４
■＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝■　
　
　
次に、ステップ３でアタリをつけた
プラグインが本当に admin-ajax.php に
アクセスしているかどうかを確認します。
　
どうやって確認するのか？
　
検索です。
　
Google検索とかじゃないです。
　
ディベロッパーツールで、そのブログの
表示に使われている javascriptのコードに
注目します。
　
非同期通信を使うということは、
ブラウザ側で動作するjavascriptを使って
admin-ajax.phpを呼び出すコードが
記述されているはずだからです。
　
案の定、ありました。
　
これで、犯人がどのプラグインなのかが
確定しました。
　
　
■＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝■
　　　　　　　ステップ５
■＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝■　
　
　
サーバーエラーの一番の原因である
プラグインが判明したので、
次は対処方針を考えます。
　
　
１．プラグインをやめる（削除する）
２．プラグインを変更する（別のを使う）
　
　
さあ、どっち！？
　
　
迷いましたが、アクセスランキングの
表示がなくなっては困るので１は却下。
　
でも２も、代替プラグインを探すのが
手間です。
　
　
そこで、短絡的に結論を出すのではなく
原理原則にもどって考えてみました。
　
　
「ようするに、このプラグインが
　admin-ajax にアクセスする頻度を
　少なくできればいいんだ・・・」
　
　
言い換えると、
　
　
「アクセス数をデータベースに更新する
　頻度を少なくできればいいんだ・・・」
　
　
そういうのって、
プラグインの動作に関することなので、
　
　
「プラグインの画面で設定変更できる
　ようになっていないかな～～～」
　
　
と期待しつつ、プラグインの画面を見ると
　
ありました。
　
アクセス数を毎回カウントするのではなく、
一定数のアクセスをサンプリングする
モードがありました。
　
　
■＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝■
　　　　　　　ステップ６
■＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝■
　
　
ご本人にアドバイスをお伝えしました。
　
「このプラグインの設定をこのように
　変えてみると改善しますよ」
　
「なぜなら、これがこうでこうだからです」
　
ここまでのステップについて、
　
何に着目して、
何を推定し、
何をどのようにして確かめ、
何を結論付けたのか？
　
を、全てお伝えしました。
　
　
長かったけど、あてずっぽうではなく
筋道を立てて論理的に考えて結論を導く。
　
　
これがエンジニアのスタンス。
　

PR

2017-05-21

【仕事でワードプレスが必要な方へ】

WordPress/プログラミングレッスン

f:id:wp-lesson:20170421085610j:plain

勤務先のホームページをワードプレスに
載せ替えることになった生徒さん。
　
今まで有名なオンラインスクールや、
訪問レッスンを受けて、
多額の自己投資をされてきたそうです。
　
でも、残念ながら仕事で必要なレベルまで
スキルアップすることはできませんでした。
　
そこで、インターネット検索でCODEMYの
マンツーマンレッスンを見つけて、
　
「ここならピンポイントで解決できそう」
　
と確信して相談フォームからご連絡を
下さったそうです。
　
今日のレッスンでは、
　
既存のホームページをワードプレスに載せ替える
具体的な作業の流れをアドバイスしました。
　
・サーバー契約の状況確認
・セキュリティの対策
・職場と自宅のPCをどう使い分けるか
・ワードプレスのエラーを解決
　
こういった問題は、ウェブに詳しい人でないと
全てを正しく判断していくのは難しいことです。
　
仕事でワードプレスが必要になったけれど、
何をどんな順番でやっていけばいいのかが
分からなくてお困りの方は、
　
CODEMYのマンツーマンレッスンまで
お気軽にご相談ください。
　
初回３０分はスカイプで無料相談を承ります。

PR

2017-05-20

【ワードプレス以外でも使えるアンケートフォーム】

WordPress/プログラミングレッスン

f:id:wp-lesson:20170421085410p:plain

アンケートフォームやお問い合わせフォームなど、
ウェブの画面上で入力や選択した内容をメールで
送信できるものがありますよね。
　
ワードプレスなら、
プラグインとして配布されているものがあるので、
プラグインのインストールと設定のやり方さえ
ネットで調べれば専門知識がなくても使えます。
　
しかし、
　
ある程度は自分でHTMLやCSSのコードを読み書き
できるスキルがなければ、カッコイイデザインの
フォームにすることはできませんし、
　
お問い合わせではなくアンケートフォームとして
使いたいと思ったときに、カスタマイズの方法を
どうやって探したらよいかもわかりません。
　
そこで、
　
今日のレッスンでは、ワードプレスはもちろん、
ワードプレスではないホームページでも使える
　
「CGIで作られた、無料のメールフォーム」
　
を使う方法をお教えしました。
　
レッスンでご紹介したメールフォームなら、
フォームの見栄えはHTMLとCSSで自由に変更が
できるので、自由度が高いです。
　
また、CGIは完全にHTMLと切り離されているので、
HTMLのタグを学んでCGIとの連携のやり方を知れば、
　
ワードプレスだろうとネットショップだろうと、
かなり広い場面で使うことができます。
　
もう、「どのプラグインがいいですか？」なんて
質問はさせません。

PR

2017-05-19

【Googleアナリティクスとサーチコンソールを設定しよう】

WordPress/プログラミングレッスン

f:id:wp-lesson:20170416214827p:plain

ワードプレスでサイトを作っている生徒さん。
　
今日は、ワードプレスに２つの重要ツール
　
・Googleアナリティクス
・サーチコンソール
　
を連携する具体的な設定方法と、
　
この２つのツールを
　
・どんなときに
・何のために
・どの画面で
・何を見れば
・どんな情報がわかるのか
　
をお教えさせていただきました。