オープン前ブラッシュアップ:やっとひとつのサイトが完成。来週最終テストする前に、あ〜だこ〜だとブラッシュアップ。いつもする事、メモしておこう ･･･ 【サイト公開前に】
2009-11-07
やっと現在手がけているサイト構築のうちひとつが作業終了を迎えている。
いつもやることだけど、
最後に、いろいろと微調整を行う。
（中には、微調整どころか面倒な問題も
あるけれど）
JavaScript,PHP,その他 ごった煮の
内容だが、記録しておこう。
見直すこともきっとあるはずだ。
追記に ▼
※ところで、こちらは・・・
◇今日のGoogle(2009/11/07)
※結構、しつこい・・・
※結構、しつこい・・・
************************************************
◎ オープン前ブラッシュアップあ〜だこ〜だ
：サイト公開前に
************************************************
■ユーザビリティ
■フォームでの Enterキー送信調整
※ログインフォームで
Enterキー利用された場合に、
設置しているJavaScriptに主導権
＞JavaScript で対応
・テキスト入力ボックスに
onkeydown="return CkEnter(event);" onkeypress="return CkEnter(event);
・用意した
function CkEnter(evt){
evt = (evt) ? evt : event;
var charCode=(evt.charCode) ? evt.charCode :
((evt.which) ? evt.which : evt.keyCode);
if ( Number(charCode) == 13 || Number(charCode) == 3) {
GoSearch(); return false;
} else {
return true;
}
}・Enterキー打たれた場合、フォーム送信すぐに行わず
自前の「GoSearch();」呼ぶように調整。
■サイト情報
■最新のお知らせ の準備
※データベースを利用するほどのことも無く
php で配列変数利用して実装。
＞php で対応
・今後書き換える予定の「お知らせ入力用ファイル」を
<?
# サイト最新情報 #
$tempArrays_whats = Array();
$tempArrays_whats[0] = array("2009年11月**日" => "<strong>サイト名</strong> オープンいたしました！");
$tempArrays_whats[1] = array("2009年11月**日" => "○○○○○○ と、なりました。");
?>
・ハンドリングする部品を
<?
foreach (array_reverse($tempArrays_whats, true) as $value) {
foreach ($value as $key => $valueitem) {
echo "$key $valueitem<br />";
}} ?>
・array_reverse を利用して、最新情報順に表示させる。
■基礎セキュリティ対策
※ほんと、最小の必須対応
■サイト自体の設定は
php_flag register_globals off
であることを確認し、
＞php で対応
<?
function CkEscape($strVal="",$enc="utf-8"){
if (is_array($strVal)){ return array_map("CkEscape", $strVal);
} elseif ($strVal!=''){ return htmlspecialchars($strVal, ENT_QUOTES, $enc);
} else{ return false; }
} ?>
送られてきた値を、
<?
if($_GET['*****']!=''){ $***** = CkEscape($_GET['*****'],'EUC-JP'); } # や
if($_POST['*****']!=''){ $***** = CkEscape($_POST['*****'],'utf-8'); } ?>
後はとにかく
■ブラウザ互換
※基本的には
・InternetExplorer8
・Firefox3
・Chrome
で確認するけれど、それ以外のブラウザとして
・Safari
・Opera
でも確認。
さらに
・IETester
を利用して、IE6,IE7 でのチェックも行う。
■Firefox で、リンクされているところに
点線の囲みケイが表示されているのを無くす
※必須じゃないけど、デザイン的に。
＞CSS で対応
a { outline: none; }
■IE6 へのレイアウト対応
標準的な方法で、細かく微調整
※IE5のみへの設定
＞CSS で対応
* html #idname{ margin-left:20px;
/* など */
} さて、最終テストを終え、
・公開前後に行うべき作業リスト:新しくサイトを用意。SEO的に、販促を考え、ユーザビリティを考慮し、今後の運営を考えて、やるべきまとめる。結構「使える」頁になったよ ･･･ 【新規サイト構築】
などを行えば、終わりだ。
次の構築に進む。
※今後、
・サイト公開前の最終調整の情報は
ここに書き込んでゆく。
