バイクスタイル・リニューアル
昨年から手をつけ始め、ダラダラとやり続けてきた「バイクスタイル」のリニュ
ーアル作業が完了しました。
まぁ、本業が忙しかったり、メインPCのディスクが逝くというトラブルがあった
ということを言い訳にし本題です（笑）
リニューアルをするに当たってやりたかったことは、デザインの一新とユーザ
ビリティの向上です。毎回そんな感じなのですが、今回は色々と手を出して
みたので備忘録として書いていきます。
Ajaxなメールフォーム
そろそろサイトが出来上がるかなと思った時に、これを機にMT4.0から4.1に
アップグレードしたのですが、やり方が悪かったのか mailformのプラグイン
が動作しなくなったんです。（ついてにコメントフォームも･･･）
多分必要なファイルを消しただけと思い、バックアップファイルを見ても
どれがどうなんだかサッパシわからないので、、色々とスクリプトを探した
結果、結局postmailに落ち着きました。
しかしただ設置するだけなら簡単、何か一工夫したいと思って過去に買った
Webdesiningという雑誌を再読すると、「ユーザの心に響くAjax」なる特集を
再認識し、javascriptファイルをダウンロードし、CGIを呼び出すページに
組み込み検証すると、これまたなかなかの仕上がりです。（今までよりは）
果たしてユーザに優しいのかと言われれば、限りなくグレーなのですが、
勉強を兼ねるため、自己満足のため、そこは追求せずでございます。
ただ一つ残念なのは、Ajaxそのものは別に問題ないのですが、postmailの
文字コードがShift_jisにつき、MTのテンプレートに組み込めない点。MTの
デフォルト文字コードをUTF-8と設定しているため、metaでShift_jisを
指定すると文字化けしてしまうのです。
まぁ、何なりとやりようはあるのですが、重要度も低く意図しないところ
でトラブルに見舞われるとリニューアルが遅れて、悪循環を生みそうなの
でここはスルーしました。
Ajaxなサイト内検索
Ajaxばっかりですが、重いMTのサイト内検索を使ってサーバ負荷→実行数
制限・リソース制限などされると困るので、ここはjavascript に頼りま
す（笑）
それまで使っていたのがgoogleのサイト内検索だったんですけど、何か
もっと違うヤツがあるでしょうよと思い、色々探してみるとgoogle-coop
に着地（結局googleから離れず）
設置方法もシンプルでテストページでは問題なく動作していた･･･はず
なのに、なぜか検索結果が指定のページに反映されずハマってしまい
ました。（こういうのもあって、時間がかかってしまったのです）
ハマっている最中に、www watchさんの記事で紹介されていた暴想さん
のblog_ajax_json_searchという検索機能を拝見。そのスクリプトを
wwwwatch さんのとこで改良したものを拝借し、設置してみることに
しました。
正直、僕javascriptって全くわからないんですけど、どこが検索結果
を出力するとこなのかぐらいはわかりましたので、設置しいざ検索を
してみると、一回目はやっぱり時間がかかるものの、二回目はすごい
早いですね。
やー、こういうの作る人ってホントすごいですね。サポートの仕事
じゃ当然ですけど、トラブルシューティングはやっても何かを作る
ってのはやらないので、こういう発想ができる人ってマジで尊敬
します。（そして感謝）
fetch_rssを使って他サイトの更新情報取得
バイクスタイルのコンテンツに、最新バイクニュースっていう項目
があるんですが、手動でやっており段々メンドクサクなって更新
しなくなりました。ゆえにリニューアル前に乗せているニュースは
2006年のものだったりしてました（我ながらヒドイ話です）
せっかくメインページの拡張子を.phpにしているわけですから、
phpで自動取得する方法をググッて見ると、あっさり発見。
動作に必要なファイルをアップして動かすタイプのようで、ウチ
の環境で動くのかしらと思いながら試してみると、動作はするよう
なので第一段階クリア。
あとは、特定の文字列だけ抽出したかったので、mb_strimwidthを
使って難なく抽出。しかし、HONDA・SUZUKIのサイトはそれでうまく
いきましたが、YAMAHAはバイク以外の情報もRSSに含まれており、
KAWASAKIにいたってはRSSなしと来たため、ここは泣く泣く手動で
対処することに。
YAMAHAのケースは対処方法がありそうな気がするので、後々の
宿題とし次に進みました。（宿題にしすぎている傾向も宿題とします）
しかし、プログラムの設置となると100%近い確率でエラーが出る
のに、今回はほとんどノーミスです。仕事でプログラムの設置とか
をしまくったせいなのか、妙にサクサク進むなぁと思わずにいられ
ませんでした。
FLASHアクセスカウンター
元々そこまでこだわりのなかったアクセスカウンター。というのも
僕自身があまりカウンターの数値を気にしていないからなのですが、
この際ビジュアル面で一躍かっていただこうと思い、見つけたのが
FLASHカウンター。（eternity designさん提供）
個人的には結構気に入っているのですが、ポインタを合わせると
「ピッ」という音がなります。これ何とかしたいのですが、どうも
よくわかりません･･･。ユーザさんがびっくりするんじゃないかと
ヒヤヒヤものです。
あとその上に配置した「サイトのお値段」ですが、これも何となく
ビジュアルがよかったので設置しました。というか、前々からどこ
かにブログパーツを置きたいと思ってたんですよ^^; まぁ、SEO的
に何らかの問題があれば即外しますけど（笑）
（sitestock提供です。）
･･･文章長くなりすぎたので、サイトデザインとかのメモは次の
記事にて書きます。上記機能の設定についてはまた別途記事に
します。
|
次 ：
サイト設計備忘録
前 ： FP学習ガイド・リニューアル
|
