フロントエンドエンジニアの覚え書き

連想配列のソート

連想配列のソートでこれまで色々と苦労してきたんですが、ついさっきものすごい便利な関数を発見しました。
その名も array_multisort 。

[PHP]

// ソートしたい配列を定義
$dataArray[0]['name'] = '太郎';
$dataArray[0]['age'] = '15';
$dataArray[1]['name'] = '花子';
$dataArray[1]['age'] = '5';
$dataArray[2]['name'] = '清盛';
$dataArray[2]['age'] = '45';

// ソートしたい項目を定義
$sort = 'age';

// ソートの順序を定義
$order = 'DESC';

// ソートの開始
// マルチソートに使用する配列を生成
$arrayForSort = array();
foreach ($dataArray as $data) {
    $arrayForSort[] = $data[$sort];
}

// ソートの順序（昇順/降順）を決定
if (ereg("(desc|Desc|DESC)", $order)) {
    $order = SORT_DESC;
} else {
    $order = SORT_ASC;
}

// ソートの実行
array_multisort($forSort, $order, $dataArray);

// 結果の表示
print_r($dataArray);

結果については割愛しますが、上記の例でいくと、清盛→太郎→花子の順になります。
関数化しようとしてたせいか、なんだか間延びしたコードですが、気にせず必要な部分だけ使ってください（笑）

[参考文献]
www.akiyan.com/blog/archives/2007/10/phparray_multis.html
jp2.php.net/array_multisort

半角/全角の変換方法

「全角ひら」から「半角カナ」などの文字列変換で便利なのが、mb_convert_kana関数です。

私は、キーワード検索をサイト内に設置したときにお客様から「検索条件を収集・蓄積したい」というご要望があったときに使いました。
「テスト」と「ﾃｽﾄ」が別の単語になっちゃうのは好ましくなかったので。

使い方は簡単！というかマニュアルそのまんま。
第2引数の文字列で、どんな変換をするのかを指定しています。
詳しくは参考文献を参照してください。

[PHP]
//（半角が存在する）文字列を半角に変換
$str = mb_convert_kana($str, "rnask", "Shift_JIS");

[参考文献]
jp.php.net/mb_convert_kana

MySQLの文字列型を数値としてソート

数値をvarchar型で格納している場合、普通にORDER BYでソートすると、以下のような意図しない順序になることがあります。

number
-------------
100
1000
200
2000
...

これを「ORDER BY (number + 0)」でソートしてやると、数値としてソートされます。

number
-------------
100
200
1000
2000
...

[参考文献]
blog.tsukubasi.jp/araki/archives/135

アクセスログに情報を出力する方法

「ユーザの動向を解析したい」という要件が、最近増えているように思います。
で、アクセスログに好きな情報を出力する方法を見つけました。

[参考文献]
「apacheのログに好きな情報を出す方法（PHP編）」
neta.ywcafe.net/000607.html

簡単にいうと、
1. httpd.confのログフォーマットの箇所を修正
2. apache_note()関数でログへ出力
という感じです。

ログ系の関数といえばerror_log()関数なんかもありますよね。
意外と知らない人が多いんですが、こっちも便利ですよ。

header()の後のexit

忙しくてなかなかメモをとる（記事を書く）時間がありませんで、書きたいことだけが貯まっていってます（汗）
とりあえず、再開一発目は軽いやつから。

header()関数でリダイレクトをすることはよくあると思いますが、その後にexitを記述していなかったことが原因でDoCoMoの携帯端末で不具合が起きていました。
headerがどんどんたまってっちゃうんですかね。。。
そこらへんのことには触れず、とりあえずheader()の後はexitしときましょう！

[php]

header("Location: http://hoge.com/");
exit;

[参考文献]
www.scollabo.com/banban/php/ref/ref_header.html

DBに保存したバイナリデータをブラウザで表示する

画像をファイルとして保持するのではなくて、DBにバイナリとして保持する方法&表示する方法をメモっておきます。

まず画像をbase64_encode()でエンコードしてDBに登録します。
表示するときが少しめんどくさくて、以下のような感じでできました。

[HTML] hoge.html

<img src="view_image.php">

[PHP] view_image.php

$base64ImgData = DBから画像データを取得する処理();

header("Content-type: image/gif"); // gifの場合
echo base64_decode($base64ImgData);

imgタグのsrc属性に直接バイナリを記述する方法は、最近のブラウザでは対応してないものがあるんだそうで、上記のように画像出力用のPHPなどを用意するのが良いそうです。

大量のメール送信

メールを大量に送信したい場合、mb_send_mail() ではなくPEAR::Mail あるいは PEAR::Mail_Queueを使用した方がいいとのこと。
mb_send_mailはメール送信の際にSMTPソケットを開閉するので、タイムアウトの原因になるんだとか。

参考サイトは以下の通りです。
detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1016176975
www.drk7.jp/MT/archives/000890.html
ml.php.gr.jp/pipermail/php-users/2005-September/027438.html

あと、メールログが貯まりすぎて止まってしまうのではないか、という見解があったのでそちらも載せておきます。
oshiete1.watch.impress.co.jp/qa2507654.html okwave.jp/qa1167364.html

ちなみに、mb_send_mail()が大量のメール配信に向いていないことはドキュメントにもしっかり載ってます（笑）

MySQLで左に文字を詰める（001とか）

MySQLで左に指定の文字を詰める関数があります。

[MySQL]

lpad('123', 5, '0');

ってやると、00123になります。
この関数をどうしてメモるかって、非常に検索しづらいからですな。
「桁合わせ」とか「001」とかで検索して四苦八苦しました（笑）

正規表現で半角文字をマッチさせる方法

全角文字のみ入力可能にしたい、という要求があったので調べてみました。
はじめはゴリ押しで半角文字を全部書くのを思いついたんですが、どうもスマートじゃないと思ったわけです。

正規表現で、英文の半角空白からチルダ (~)まで( !"#$%&'()*+,-./0〜9:;<=>?@A〜Z[\]^_`a〜z{|}~ )
をマッチさせるのは、以下のように文字コードを指定して書きます。

[正規表現と使用例]

$result = ereg("[\x20-\x7E]", $string]);

うーん、こりゃ便利！
他の案件でも使おっと（笑）

--- 2007/0704 追記 -----
コメントでもご指摘のあったように、2バイト目に「￥（半角）」なんかを含む文字は結構あるようです。
で、新しく考えたのは以下の通り↓。

[ PHP ]
if (ereg("(^|[^\x81-\x9F\xE0-\xFC])[\x21-\x7f]", $_GET["name"])){
echo '半角文字を含む！';
} else {
echo '半角文字を含まない！';
}

記号がマッチした場合、その直前の文字が「文字列の先頭」か「漢字コードの1バイト目で使われるコードではない」場合、記号を含むと判断しています。
とは書いてみたものの、まだ不安だなぁ・・・文字コード関連については時間を見つけて勉強しないと。

[参考文献]
www.kent-web.com/pubc/jcode/
www.psl.ne.jp/perl/pdojo00c.html
www.psl.ne.jp/perl/pdojo00b.html
ash.jp/code/unitbl21.htm

GoogleMapの利用、IEでエラー

Webサイトに地図を載せようと思って、前からやってみたかったGoogleMapを使ってみることにしました。

まず気になったのは「商用利用可能なのか？」という点でしたが可能らしい、というか超推奨。
日本語では、
「マップ API は、非営利であればどんなウェブサイトでも無償で利用できるベータサービスです。」（http://code.google.com/intl/ja_ALL/apis/maps/ から引用）
と、ダメっぽい表現になっていますが、実際には
「一般人が無償でアクセスできるWebサイトであればOK（メインコンテンツが無償でなければならない）」
ということなんだとか。

で、実際に利用してみました。
まずは、本家サイトから登録。
code.google.com/intl/ja_ALL/apis/maps/
そうすると、キーとサンプルコードがもらえます。

サンプルコードを流用すれば地図は表示できます。
大きさは地図が表示されるDIVタグの大きさを変えればOK（CSS）。
表示の初期位置はちょっと面倒で、ジオコーディングで緯度と経度を取得する必要があります。
自分はGoogleが用意してるWebツールを使ったのですが、ぶっちゃけわかりづらいです。

この点については、『Geekなページ』に便利なツールがあったので、使わせてもらうのが良いと思います。
マーカーやコントローラの設定など、わかりやすく解説されていてとても助かりました。
www.geekpage.jp/web/google-maps-api/

というわけで、細かい設定方法などは上記のサイト様に任せて（汗）、自分はハマった点を書いておこうと思います。
とりあえずFireFoxでは問題なく動いたんですが、IE7ではダメでした。
まず、バージョンの指定を「v=2」から「v=2.x」に変更し、最新バージョンを利用するように変更しました。

それでもなんだか表示崩れがありました。
色々ためして、以下の状態だと表示が崩れることがわかりました。

[HTML]

<a name="map"></a>
<div id="map"></div>

…えーと、IEはJavaScriptのgetElementById()でname属性も見るの…？
半ば脱力しながら実装が終了しました。