いやぁ、ここまで見事な場違い感ははじめてかもしれないな。

まぁ、それはそれとして淡々と講義を受け続けましたけどね。

全体的な感想を言えば、やはりビギナーズということで基本の再確認という感じでした。XHTMLとCSSの基本的な使い方や現場に即した使い方。半日で９セッションやるのだから時間は足りなかったとは思うけど、個人的にはもう少し詳しく知りたいとこもあった。

ただ、鷹野さんのセミナーは良かった。ものすごくいい！
説明にメリハリがあるし、参加者のレベルに合わせて言い回しを変えてくる。この辺の臨機応変な対応は場慣れだと思うけど、それだけじゃないようにも思う。

なんていうんだろう。大袈裟な言い方をすれば熱意と愛を感じた。自分が話すことを、より多くの人に理解してもらえるように気持ちが参加者のほうを向いている。自分が話していないときでも会場の雰囲気を感じ取り、そこで不足していると思ったことは他のスピーカーへ自分の疑問として投げかける。

これを当たり前にできるってすごいことだと思う。
今回のセミナーで最大の収穫はこれかな。
自分がプレゼンするときには注意していきたいし、そういう気持ちを後輩なんかにも伝えていかなければと感じた。

ちなみに、鷹野さんの会社のサイトはMovableTypeのようです。
株式会社スイッチ

試みた最適化の中には、一部ロリポップ(LOLIPOP)だからできる手法が含まれているので、その点は注意して読んでいただきたいと思う。

まずサーバー環境の最適化だが、これはロリポップ(LOLIPOP)だからできると考えていただいていいと思う。わたしがレンタルしているさくらとコアサーバーでは指定できなかった。指定の仕方があるのかもしれないが、今のところ改善の必要がないのでそれ以上調べていない。

サーバーチューニングといっても大した内容ではなく、ようするに再読み込みされる時にローカルパソコン側のキャッシュを使う指定と、FileETagの比較を行わないようにするだけだ。
ExpiresActive on
ExpiresByType image/gif  “access plus 7 days”
ExpiresByType image/jpeg “access plus 7 days”
ExpiresByType image/png “access plus 7 days”
ExpiresByType application/x-javascript “access plus 7 days”
ExpiresByType text/css “access plus 3 day”
FileETag none

これで画像ファイルとJavaScriptは１週間、CSSは３日間キャッシュを使うことになるので、再読み込み時の表示を高速化することができる。
とはいえ、ローカルパソコン側のインターネットキャッシュ（インターネット一時ファイル）を毎回クリアされれば、これらの設定は何も意味を持たないことになる。そういう点では見せかけの高速化策といえなくもない。

本当の意味での最適化はここからの手法であり、これはどこのサーバでも同じような効果を得ることができる。また、XOOPSだろうがWordPressだろうがMovableTypeだろうが、同じことがいえる手法なので覚えておいて損はないと思う。

・画像はできる限りGIFを使う
・CSSとJavaScriptを圧縮する

画像に関しては個人の好みもあるし、サイトの表現になるのでGIFだけで構成できないかもしれない。
しかし、できる限りGIFを使ったほうが画像サイズは小さくできるメリットがある。GIFに置き換えることができるなら、積極的にGIFを使うほうが表示速度向上には役立つ。

次にCSSとJavaScriptの圧縮だが、頻繁にメンテナンスしないものならば圧縮するほうがいい。
圧縮といってもGUNZIPなどを使った圧縮ではなく、テキストの余計な制御文字を取り去るだけの方法で、次のサイトなどを使えば簡単に圧縮することができる。
Compress javascript and css.

上のサイトでは数回のコピー＆ペーストが必要になる。
他にローカルパソコンのファイルをアップロードして圧縮してくれるサイトもあるようなので、コピー＆ペーストが面倒な場合はそちらを探すといいでしょう。

サイト表示のどこに問題がありそうか調べるにはここが便利です。
Pagetest web page performance test

初期読み込みと再読み込みにかかる時間を細かく分析してくれます。

それにしても、ある程度最適化しても表示開始まで約３秒かかるとは、ロリポップ(LOLIPOP)でXOOPSを動かすのは厳しいかもしれない。おそらくMySQLの処理時間に取られていると思われます。WordPressの場合はここまで性能が悪くなかったので、データベースのテーブル数の違いだと思われます。

アフィリエイターもウェブサイトやブログなどのデザインが重要ですので、こういう基礎を学んでおくのも重要ではないかと思います。

セミナーの詳細はこちらのサイトからご覧ください。
すでに事前申し込みは終了していますが当日受付けがあるようです。もし都合がつくなら参加してみてはいかがでしょうか？
CSS Nite in SENDAI

そういうわたしは今までこの手のセミナーを受けたことがありません。＾＾；
ということで、今回はこの「CSS Niteビギナーズ」を受けてこようと申し込みました。
よく見ると推奨書籍が使われるようなので、よく使っているブックオフオンラインから申し込みました。

それだけにすればいいものを、新しいタメシ買いがはじまっているのを見つけてしまった。
第一弾のタメシ買いではいま一歩という感じだったので、次は買わないと決めていたのですが、どうやら今回はジャンルの指定ができるらしい。それならハズレを買う可能性は低くなる？

さすがに６０巻も届くメガタメシ買いはやめときましたが、普通に７７７円のタメシ買いを一緒に注文してしまいました。初日に１３１件の注文があったらしいので、そういう点で前回のタメシ買い同様関心の高さがうかがえます。

初日の注文件数が分かったのは、仕掛け人の河野さんがブログに書いてたからです。
新タメシ買い、初日の販売実績 | smashmedia

ちなみに、わたしと同じように新タメシ買いを注文しちゃった人。
つーか、タメシ買い２セットって・・・。
タメシ買いを早速購入:ブックオフな週末

ほんで、新タメシ買いどころかメガタメシ買いしちゃった人。
正月はコミック漬け！漫画60冊でなんと「2,902円」の“メガランダムセット”とは？

アフィリエイト界の有名人がそろいもそろって・・・。
んー、来年はいい年になりそうだ。（ホントか？）

でも、こういう人たちがいるからアフィリエイトって楽しいんだよな。