キテレツ荘で暗部を担当しております、かしこい風なだけのかしこです。

新メンバー"けんちき"の入居祝いを兼ねて一本記事を書きやした。その内容とは・・・？

さて、昨今気付いているか気付かぬ内なのかはわかりませんが

URL短縮サービス、もしくはURL短縮システムというのを多く見かけます。

なんじゃいそりゃ？

いえいえ、ご存知のハズです。

例えば、Twitterで写真をtwitpectやInstantgramへアップロードしたときや、URL貼り付けた時。

気付かぬ内に短縮されたURLになっていることが多々あるはずです。

firestrageにも短縮URL発行とかって機能もありましたね。

あと、pixivの[p.tl]とか。

今回はそのあたりの仕組みを作りながらお勉強したいと思います。

まずは…短縮URLサンプル。

そしてたった数ステップだけでこのサービスが作られていたことに思わず真似したくなるでしょう。

まずこのURL短縮の目的と仕組みですが以下のようになっていると思います。（たぶん）

■目的

長いURLだと煩わしい、もしくは文字制限のあるツールに貼り付けるには長すぎる。

こういったものを解消するために考えられたものだと思います。

故にこのサービスを展開するには極力短いドメインが必要になってきます。

上記記載のpixivのドメイン名は[p.tl]ですから。

※今回はドメインは用意していないのでドメイン関連箇所は各自考慮して頂きたい！

■仕組み

webサーバーにおいて現在のページから他のURLに転送できる仕組みがいくつかあります。

この中で「.htaccess」と呼ばれるwebサーバーの設定ファイルのようなものを利用して転送させます。

この.htaccessに短縮前のURLと短縮後のURLを所定の記載ルールにのっとって記載してやると転送します。

短縮URLというぐらいですからドメイン以降のURLも短く、且つランダムに設定してあげましょう。

1．ユーザーが短縮前URLを入力

2．短縮後ランダムURLを生成

3．短縮前URLと短縮後URLを所定の形に成型して.htaccessファイルに追記していく。

以上になります。

論ずるより触るがよろし！

ということでこちらにサンプルをご用意しました。

短縮URLサンプル

さて、お勉強です。

1については割愛しても問題ないでしょうかね。

formメゾットをpostにして書き込みルーチンにデータを送ってます。（getでも構いませんがサービスとしてならpostでしょうか。）

2についてはややこしい部分ではありましたが、幸いランダム生成の記事を書いてくださっていた方がいらっしゃったので利用させていただきました。

1.     function getRandomString($nLengthRequired = 6){
2.         $sCharList = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_";
3.         mt_srand();
4.         $sRes = "";
5.         for($i = 0;$i<$nLengthRequired;$i++)
6.             $sRes .=$sCharList{mt_rand(0,strlen($sCharList)-1)};
7.         return $sRes;
8.     }
9.    
10.     $rand = getRandomString();

まぁ、みたまんまです。

3については書き込みとリダイレクトの構文を一気に解説します。

1. $shorten = $_POST['shorten'];
2. $file = '.htaccess';
3.  
4. $write = "Redirect permanent /kashiko_work/shorten/$rand $shorten\n";
5. $text = "http://www.kiteretsu-so.com/kashiko_work/shorten/$rand";
6. print "発行された短縮URLは【".$text."】です。";
7. print "<br /><br /><br />";
8. file_put_contents($file, $write, FILE_APPEND | LOCK_EX);

Redirect permanent A B　と記載することでAのURLにアクセスがあればBへ転送しなさいという意味になります。

Aというのは2でランダムに生成したサーバーのルートからのURLになります。

Bというのはpostで飛ばされてきたデータそのままです。

若干解説をすると1行目で入力画面からのPOSTデータを変数$shortenに入力

２行目で書き込むファイルを指定

4行目で書き込む形に整形して、５行目は見た目の整形

8行目でファイル書き込み指示です。

この形で.htaccessファイルに追記できればいいので

file_put_contents($file, $write, FILE_APPEND | LOCK_EX);

で追記しましょうね。と指示されています。

file_put_contents関数の第一引数は追記するファイル名、第二引数は追記する内容、第三引数は書き込みモードです。

今回の"FILE_APPEND | LOCK_EX"というのは追記します。そしてファイルにアクセスしているので他のアクセスは禁止しますという記載方法です。

詳しくは別途Google先生に聞いてみてください。

さぁ、いかがでしたでしょうか。簡単でしょｗ

実際のところphp10行くらいでできちゃってるんですから。

これを勉強するメリットは2つあります。

まず、既存のサービスは結構簡単に作られているんだよ。ということを理解できる。要するにアイディアなわけです。

次にphpという言語の見せ場のひとつ、ファイルにデータを書き込むということを理解できる。

実際にこれをサービス化するのであればセキュリティー対策とランダム発行のURLに重複がないかどうかをチェックする仕組みを入れてやらなければいけませんが・・・

それでもここまでできれば余裕じゃないでしょうか。

今回は既存サービスの仕組みを分解・理解・再構築のステップを踏まえたphpのお勉強でした。

ちなみにタイトルは以前のもーりーの記事「本当に読んでほしいならタイトルにこだわるべき」から参考にしました。

かしこ。

やたらと忙しく最終回の5回目をなかなか更新できなかった、かしこです。

【５、条件による検索結果の表示（完成）】

・検索結果の表示。

というルーチンの概要説明となります。

指定した条件に対してdata.phpの中身を表示。前回の検索数で作った変数$banbanを利用してチャラット完成させましょう。

実際の完成形はこちら⇒「キテ荘的検索ってみよ」

スターターキットはこちら。

さて、前述の通り$banbanを利用します。

？・・・$banbanってなにって？

ふむ、$banbanは前回の検索数表示ルーチンの中に、仕組んだ変数ですが、この変数の中には表示されるべき内容のみが値のみが配列として格納されています。

これはですね、data.phpの全データを$listとして読み出して、これを元に条件に該当するものを絞って、結果その件数＝検索数というルーチンを用意しました。

その際に、該当する時点の変数だけを$banbanに格納するということなのです。

わかりにくれば検索数のfor文の手前で「print_r($list)」とすると全件表示されますが、for文後に「print_r($banban)」とすると該当するデータのみの表示となります。

これこそが本日、表示すべきデータそのものということなのです。

ではデータを書き出してみましょう。

for($i= ０;$i<検索数;$i++){

print $banban[i]["id"];

print $banban[i]["price"];

print $banban[i]["comment"];

}

こうすると該当i番目の連想配列のkeyを呼び出しめでたく表示されます。

あとは表示させたい形にphpを書き出すようにしてあげればOKです。

htmlの形成は完成ファイルを参照してください。

ポイントは前回の検索数を表示するルーチンに$banban（変数はなんでもいい）を仕組んでおく。あとはそれを表示するという”よい意味での手抜き”です。

今日のデータはこちらからダウンロードできます。

さてさて、検索シリーズは今回で完成ということで、終了です。

ただし、ページングの解説は飛ばしてますし、実際は並べ替えも必要になるでしょうが・・・今回のシリーズはあくまでも検索ルーチンの構築なのでまた違う機会にでも紹介・解説できればなーっと。

というわけで無駄に記事の更新を続けた検索システムをつくってみようぜ！はいかがでしたでしょうか。

難易度は☆☆★★★・・・こんなもんでしょうか。

初見でわかるアナタはステキです。わかないアナタも完成形のソースからきっかけをつかんでもらえばOKです。

ということでバイババーイ！

韓国の友人に荷物を送ったら韓国の税関で検疫をうけたと連絡を受けたかしこです。

【４、条件による検索結果数の表示】

・検索条件に何件ヒットとしたか。

というルーチンの概要説明となります。

指定した条件に対してdata.phpの中身を精査して何件該当するのか。ここをクリアすれば検索は余裕です。

実際の完成形はこちら⇒「キテ荘的検索ってみよ」

スターターキットはこちら。

では、ルーチンを考えてみます。

Getで受信した変数とdata.phpに連想配列として格納されている商品データをif文で選別する。

？なのことだ・・・とお思いのアナタ。

このシリーズの一回目にやった”print_r($list);”でデータを確認してみてください。

[cat]=>”1″ とかという表記があったはず。それとGetで受信した変数（$cat）を付きあわせて該当するファイルをカウントする。

それを条件の数だけチェックしていけば残った配列数が該当件数、しいては該当ファイルということになります。

あとはそのルーチンをプログラムしてやればOK！

ということで下をご覧ください。
=========================================

<?
include ‘data.php’;

if($_GET["cat"]){
$cat = $_GET["cat"];
}else{
$cat = “” ;
}
if($_GET["catd"]){
$catd = $_GET["catd"];
}else{
$catd = “” ;
}
if($_GET["new"]){
$new = $_GET["new"];
}else{
$new = “” ;
}
$snum = $cat.”-”.$catd.”-”.$new;
?>

<?

$num = count($list);
$searchnum = 0;
if($list){
for($i= 0;$i<$num;$i++){
if($cat){
$a = $list[$i]["cat"];
}
if($catd){
$b = $list[$i]["cat_detail"];
}
if($new){
$c = $list[$i]["new"];
}
$dnum = $a.”-”.$b.”-”.$c;
if($snum == $dnum){
$searchnum++;
$banban[] = $list[$i];
}
}
}

?>

<?=$searchnum?>
=========================================

前半ブロックでGetで受信した変数を付きあわせしやすくするために”$snum”という変数にまとめています。

さてさて、本日のメイン解説となる後半ブロックです。

まずdata.phpから読み込んだデータをcount関数で何件（何個の配列数が）あるかどうかを調べて$numに格納します。

これはその下のfor文を何回まわすのかという数を調べているわけです。そう、$numの数だけまわします。

$searchnumは検索該当数をカウントするために用意。forでまわる度にカウントが１つずつ増えていきます。これが「○○ヒット」の数になるわけです。

ただし、このままですと$listが全部表示されてしまいますのでfor文の中で精査していきます。

$a=$list[$i]["cat"]・・・＄listの中のforのi番目の連想配列キーcat　を変数$aに格納

$b = $list[$i]["cat_detail"]・・・＄listの中のforのi番目の連想配列キーcat_detail　を変数$bに格納

$ｃ = $list[$i]["new"]・・・＄listの中のforのi番目の連想配列キーnew　を変数$cに格納

これを変数$dnumにまとめて格納・・・そう、これが所謂、精査の条件になります。

あとはGetした$snumとforの中の$dnumのイコールのときだけ$searchnumにプラス１してやります。

これで検索数がはじき出されます。

ここからは補足ですが・・・

$banban[] = $list[$i];は次回、実際のデータを吐き出す際に使用する項目です。これは該当したi番目の配列を$banbanに配列として格納してゆけよ！という命令です。

ここは次回に使うのでまた改めて解説しますが、要はヒットした配列だけを$banbanに入れるということなのです。

ということで本日はここまでです。（どんどん複雑になっていくなぁ・・・）

今日のデータはこちらからダウンロードできます。

さてさて、次回は最終回です。実際にデータを吐き出すルーチンをやりますが、ポイントは$banbanですｗ

【予定】

・５、条件による検索結果の表示（完成）

さてさて、そろそろ脱力し始めそうな気配がプンプンしているかしこです。

【３、Getによるform内のphp化】

・Getで受信するルーチン

・Getで受信した内容をフォームに反映させる

この2つで参ります。が、えー、恐らくこのシリーズのキーポイント１です。

そのため、ボリュームもヤバイかも。

実際の完成形はこちら⇒「キテ荘的検索ってみよ」

スターターキットはこちら。

まずはGet、Postや書き方などをこちらで予習することをオススメします。

■Getで受信するルーチン

フォームのメゾットをGetとして送信するとURLが「index.php?cat=1」のような形になります。

これを受信するには「$_GET["cat"];」と書いてあげれば受信できます。

ではでは、今回のシステムもcatを受信するので次のようにします。

=========================================

if($_GET["cat"]){
$cat = $_GET["cat"];
}else{
$cat = “” ;
}

=========================================

なにをしているのかといえば『$_GET["cat"]』があれば変数$catに代入。

なければNull（空に）という処理をしています。

今回のシステムではcat、catd、price、new、typeの5つを受信しますが、type以外は上のルーチンで対応可能です。

typeについてはﾁｪｯｸボックスを利用しているので扱いが少し異なります。

=========================================

if($_GET["type"]){
$type = $_GET['type'];
}else{
$type = array(1,2,3,4,5,6);
}

=========================================

$_GETがあれば変数$typeへ、なければ$typeに配列として1,2,3,4,5,6を代入しています。

何故、ここだけ処理が違うのか・・・といいますと、

受信した際のURLが「index.php?type[]=1&type[]=2&type[]=3」というように受信して変数typeに配列として格納しています。

で、チェックボックスが全て空で検索するという矛盾対策のために空で受信した場合は全てにチェックを入れて受信するという処理を行っています。

ま、このあたりの処理はあまり深く追求しなくてもよいと思います。配列の受信はこんなものだ！的でよいでしょう。

■Getで受信した内容をフォームに反映させる

なんのことかといいますと、form内のselectbox等で検索をしますわね。

結果が呼びだされた時にこの処理をしないとイチイチselectbox達が初期状態に戻ります。

そうなると自分が何を検索したのかがわからなくなるという事態が発生します。またその状態で再度検索をすると先の条件がどこかにいってしまいます。これはユーザービリティ云々の前に検索システムとしては致命的な欠陥といってもいいでしょう。

ここからはそうならない処理を行ってみたいと思います。

では、具体的にどうするのか？

要はselectの中身に”checked”をつけてやれればよいのです。

下は新着か否かという項目をいじってみた例です。

=========================================
<select name=”new” style=”width:160px;”>
<option value=”0″
<?
if($new == 0){
print “selected”;
}
?>
>こだわらない</option>
<option value=”1″
<?
if($new == 1){
print “selected”;
}
?>
>新着で探す</option>
</select>
=========================================
この例でいくとGetで$newを取得していれば０か１の値が入っているのでselectの間にphpをねじ込んでいます。で、 もし０（null）なら「こだわらない」に”checked”が、１なら「新着で探す」に”checked”が入るので、めでたく選択項目がキープされるわけです。

他の項目もこれと同じルーチンでOKですがやはりチェックボックスの項目だけは別になります。
=========================================

<input type=”checkbox” id=”type1″ name=”type[]” value=”1″
<?
if($type[0]==1){
print “checked”;
}
?>
/>

<input type=”checkbox” id=”type2″ name=”type[]” value=”2″
<?
if($type[0]==2||$type[1]==2){
print “checked”;
}
?>
/>

<input type=”checkbox” id=”type3″ name=”type[]” value=”3″
<?
if($type[0]==3||$type[1]==3||$type[2]==3){
print “checked”;
}
?>
/>

=========================================
これも理屈は同じで”checked”をつけるかつけないかっていう処理なのですがif文の条件が少し複雑で$typeの配列の何番目に格納されているかが送信時のチェックボックスのチェック数によってことなるので想定される配列の順番だけ条件を用意しておるわけです。

このあたりは少し複雑で、基礎的な知識がないと苦しいです。勉強会があるようなので、解説してもいいかと思っています。

詳しくは今日の完成データを参照してくだることを期待しています。

ということで本日はここまでです。（だいぶ長くなりましたよ・・・）

今日のデータはこちらからダウンロードできます。

さてさて、次回は実際の検索ルーチンが絡んでくる検索結果数の表示にチャンレンジしましょう。

【予定】

・４、条件による検索結果数の表示

・５、条件による検索結果の表示（完成）

superflyの「恋する瞳は美しい」をやたらリピートしているかしこです。

さてさて、テンションが続く内に連投しときます。
【２、初期解説とデータ読み込み】

・ｈｔｍｌの補助的解説

・htmlのｐｈｐ化

・データの読み込みと確認方法

この2つで参ります。

実際の完成形はこちら⇒「キテ荘的検索ってみよ」

スターターキットはこちら。

・ｈｔｍｌの補助的解説

カテゴリーとカテゴリー詳細の連動はJavaScriptでおこなっております。

元ネタはこちら。

ポイントはｈｔｍｌの94行目、「 new Option(newOptions[i],newValues[i],false,false); 」

ここに第3引数をflaseです。

これはphp化した際にtrueを設定するためにあえて宣言しています。詳細はその時に解説します。

あとは皆さんチャラっと流せますよｗ

・htmlのｐｈｐ化

大層な事をいっていますが新規でphpファイルを作成して便宜上index.phpとします。

さて、sakuraサーバーのPHPのデフォルトcharsetはEUC-JPということなので、エンコードEUC-JPとしてペーストしてください。

以上

・データの読み込みと確認方法

今回の本題、スターターキットに同梱されているdata.phpを読み込んで検索するアイテムを読み込めるようにします。

data.phpにはあらかじめ商品データを$listという変数に連想配列で格納してあります。興味があれば覗いてみてください。

では、1行目にｐｈｐの宣言をしてdata.phpをincludeします。

======================================

<?

include ‘data.php’;

?>

======================================

はい、これで読み込み完了です。

？、実感がない。

はい、そうですか・・・ではではinclude’data.php’;の一行下に次のコードを。

======================================

print_r($list);

======================================

これは予めdata.phpで設定してある変数$listを確認するための一行です。

これで、配列の中身が一目瞭然となります。

ということで本日はここまでです。

今日のデータはこちらからダウンロードできます。

さてさて、次回は検索をGetで送信するようにしていきましょう。

【予定】

・３、Getによるform内のphp化

・４、条件による検索結果数の表示

・５、条件による検索結果の表示（完成）

腱鞘炎中のかしこです。

夏休みっーことと、キテレツ荘ってTips系の記事少ないので試しにこういうのやってみようと。

検索システムをつくろう！

・実用に耐えれるレベルの検索システムをシリーズで作っていく。

・phpの開発の流れを同時に学ぶ。

・自分用のまとめ

という3本のテーゼを持ってすすめてみます。

実際の完成形はこちら⇒「キテ荘的検索ってみよう」

■１、概要、準備編■

さて、まず架空の雑貨メーカー「Brancbranc」を設定しています。

その上で、スペックを決めていきます。

・雑貨メーカーなのでカテゴリー、カテゴリー詳細は必須。また新着アイテムなんてあるとステキだろうから用意。あと金額設定もいるでしょう。その上でﾁｪｯｸボックス込みの検索があれば汎用性と実用性も増す・・・ということで完成形のような形で準備。

・商品単位で検索して、ブックマークもする可能性もあるので送信方式はGetで。

・あくまでも検索システムがメインなので登録、更新のプロセスは省く。

ということでデザイン⇒コーディング済みのhtmlと必要なImgと商品用の画像をパーケージにしたスターターキットをダウンロードして始めていきましょう。

■スターターキット

これを「XAMPP」等の環境に定義するか、サーバー環境に準備するかしていよいよ次回よりphp化して機能を追加していきます。

【予定】

・２、初期解説とデータ読み込み

・３、Getによるform内のphp化

・４、条件による検索結果数の表示

・５、条件による検索結果の表示（完成）

さてさて、企画倒れにならないように間をあけずにリリースしていく予定です・・・よ？

先日の「第1回　キテレツ巡業　キテレツ春場所」で発表したモバイルサービス『マチコ』の全貌です。
今回の開発にあたって、モバイルの現状、技術的な部分、その他知りたい情報など共有できれば良いし、アウトプットしたいので見たいところだけ見てください。

結局『マチコ』の全体構成って？

▲この記事の先頭に戻る

GPSやら位置情報がどうのこうの言ってるけど何？

携帯電話で位置情報を取得する方法は２つあります。
・基地局を使った位置情報
・GPSを使った位置情報
の２つです。今回は主に、後者のGPSを使った位置情報の取得の仕方を利用しています。
それでは両者のちがいを簡単に説明します。

[基地局を使った位置情報]

　基地局の位置情報を利用した場合は各キャリア（docomo,au,softbankなど）のアンテナとなる基地局を利用することになります。
メリットはGPS対応機種でなくても利用できるところです。しかし、自分が今いる位置を正確に表してくれるとは限りません。
だいぶズレます。数kmずれるのなんかざらにあります。そういう面で、かなりアバウトなところがデメリットですね。

[GPSを使った位置情報]

　GPSを利用した場合、衛星使っているのでかなり正確な位置情報を取得することができます。みなさんご存知のカーナビとかに使われているシステムですね！
ただ、位置を取得す場所によって測位レベルが低いとやはりズレちゃいます。それでも、基地局のアンテナを利用するよりも遥かに正確に位置を取得することができるのがメリットです。
　デメリットは、まだGPSに対応している携帯の機種をもっている人が少ないというところです。
ただ、総務省が今年度４月から携帯電話にはGPS搭載を義務づけることが決まっています。今後必ずGPS対応のサービスが普及してくるでしょう。

ちなみにGPSがどれくらい精度が高いかというと、この写真（Google Earth）を見て頂ければわかると思います。

これは、先日の5月10日の発表会の後にデジハリ大阪校の前の道路で、実験で位置情報を取得した位置です。
右の黄色のピンの位置が実際に取得された位置です。
多少ずれてはいますが、ほぼあっています。おそらく誤差は数メートルといったところでしょう！やはり衛星のシステムを使うと精度が高いんですね～

▲この記事の先頭に戻る

実際の位置情報を取得するのって難しい？

　実際に位置情報を取得する方法はメチャ簡単です。

『DoCoMOの場合』

<a href="http://www.example.com/index.php?" lcs>GPSで位置情報を取得</a>

『auの場合』

<a href="device:gpsone?url=http://www.example.com/index.php?ver=1&ver=1&datum=0&unit=0">GPSで位置情報を取得</a>

『softbankの場合』

<a href="location:auto?url=http://www.example.com/index.php?">GPSで位置情報を取得</a>

softbankの場合「location:auto」で簡易位置情報（基地局で取得する方）「location:cell」とGPSで取得する「location:gps」の優先度の高い方に自動的に選択されるので、GPSに非対応の機種でも簡易位置で取得できます。

設置するソースは簡単です。
ただ、設置しても今度レスポンスされたときの返される戻り値がまたキャリアによって変わってくるのです。3キャリアとも単純に「緯度」と「経度」が10進数で返ってこりゃ一番楽なのですが、そういうわけにはいかないです。
また、キャリアごとに設置するa要素のhref属性が違うので、振り分ける必要が出てきます。
よって、結果的に結構めんどくさいです。

▲この記事の先頭に戻る

このサービスの核になるPEARのNet_UserAgent_Mobile_GPS

　ここはPHPの話になります。
各キャリアごとにアクセスしてきたユーザーエージェントを判別して、GETで取得するための（「3.実際の位置情報を取得するのって難しい？」）の記述を3つ書いて、更にまた、各キャリアごとのレスポンスのパラメータを分解させて・・・
みたいなことを１からやろうとすると、それだけで１ヶ月かかっちゃいます。

そこでPEARというところから提供されているPHPで有名なライブラリを使います。
使うライブラリ名はNet_UserAgent_Mobile_GPSです。

例えば、GPSで位置情報を取得するためのa要素（リンク）を設置するのと、それをクリックした後のレスポンスで緯度・経度を取得するソースは以下のような感じです。

[リンクの設置](PEARでNet_UserAgent_Mobile_GPSをインストールしていることを前提としています)

<?php
require 'Net/UserAgent/Mobile/GPS.php';

try {
    $g = Net_UserAgent_Mobile_GPS::factory();
} catch (Net_UserAgent_Mobile_GPS_Exception $e) {
    var_dump($e->getMessage());
    exit();
}
$url = "http://machiko.kiteretsu-so.com/form.php";
$str = "GPS対応機種かどうかﾁｪｯｸ";
$glink = $g->getGPSLink($url, $str);
?>

[返り値の緯度と経度を取得]

<?php
require 'Net/UserAgent/Mobile/GPS.php';

try {
    $g = Net_UserAgent_Mobile_GPS::factory();
} catch (Net_UserAgent_Mobile_GPS_Exception $e) {
    var_dump($e->getMessage());
    exit();
}
$res = $g->getGPSResponse();
//array(2) { ["lat"]=>  string(13) "+35.40.58.968" ["lon"]=>  string(14) "+139.41.12.966" }
?>

めちゃくちゃ簡単です。
60進数で緯度と経度が配列で返ってくるので、超扱いやすいです。
これだけで、3キャリア統一したかたちで動かすことができるのだから、やはり先人に感謝せんといけませんね(^^)

僕の個人のブログにも詳細あります。

▲この記事の先頭に戻る

電話がかかってきたり、他の人からメールがきたらどうするの？

　ユーザーを特定させる方法、つまりセッション管理の話です。
『マチコ』の使用中に電話がかかってきたり、他の人からメールがきたらどうするの？という問題です。
　結論からいうと受信メールにユーザーを特定するアクセスURLを残しておくことでいったんサイトを離れたとしても、特定できるようにしました。
基本idは使い捨てにしていますので、再びちがう人と距離を感じたい場合はまた新たなIDが発行され、アクセス用URLが受信メールに残る仕組みです。

ここからはその、ユーザーを特定させるセッション管理の話です。

　PCでログインを維持するために、あらかじめログイン名やパスワードを入力させるという方法をとります。かしこさんの得意なヤツですね！！
モバイルはPCとはちがって、文字の入力やボタン操作がしにくいのが特徴です。
いちいちモバイルサイトに訪問したときに、ログイン名やパスワードを入力させようとすると「うわ、めんどくせー」と思っちゃいユーザーは離れていきます。

　モバイルのセッション管理の有効な方法は大きく３つあります。
・クッキーを利用
・URLにセッションIDを付与していく方法
・かんたんログイン（個体識別情報）を利用する

[クッキーを利用する]

上の表のように各キャリアがそれぞれcookieに対応しているわけではありません。
なので、cookieを利用したセッション管理は現状では３キャリア統一させた管理は難しいと思います。

[URLにセッションIDを付与していく方法]
　URLにセッションIDを付与していく方法は、セッション ID という、各ユーザー固有の ID を保存し、各ページ間で共有することによって、同一のユーザからのアクセスかどうかを判断することによって実現されています。

URLに付与されるセッションIDの例
http://www.example.com/index.php?PHPSESSID=957e1ace99b2e12f36f295529e57d8aa

　このように、[PHPSESSID=セッションID」というフォーマットでURLに付与されるようになります。
PHPSESSIDというのはデフォルトのセッション ID名になりますので変更することができます。

例えばユーザー管理の情報が
・名前：棟居
・住所：大阪
・年齢:25
の場合

[１ページ目]

<?php
	ini_set('session.use_trans_sid', '1');
	session_start();
?>
<html>
<body>
<p>session.phpのページ</p>

<?php
　$_SESSION["name"] = "棟居";
　$_SESSION["pref"] = "大阪";
　$_SESSION["age"] = 25;
?>

<a href="session2.php">確認画面へ</a>
</body>
</html>

[2ページ目]

<?php
	ini_set('session.use_trans_sid', '1');
	session_start();
?>

<html>
<body>
<p>session2.phpのページ</p>

<?php
　print htmlspecialchars($_SESSION["name"]) . "<BR>";
　print htmlspecialchars($_SESSION["age"]) . "<BR>";
　print htmlspecialchars($_SESSION["pref"]) . "<BR>";
?>

<a href="session3.php">session3.phpへ</a>

</body>
</html>

これは１ページ目にセットされたユーザー情報を2ページ目に持っていってブラウザに出力させるといことができます。
このようにしていくと、ページの遷移の際にURLにセッションIDが付与されながらユーザーの情報をいくらでも他のページに持ち回すことができます。

１行目の

ini_set('session.use_trans_sid', '1');

はphp.iniの設定を変えていることになります。
「’session.use_trans_sid’」はURLに自動的にセッションIDを埋め込むかどうかの設定になります。する場合「1」しない場合「0」です。

この設定はphp.iniに書くのが一般的ですが、全体が変更されてしまうため、セッションIDを利用するファイル数が少ないときなどはこのように直接phpファイルの先頭に書いやることもできます。

今回『マチコ』では一部この方法をとっています。
ただ、URLにセッションIDを付与していく方法はセキュリティ上よくありません。
URLにセッションIDが丸見えだからです。特にdocomo。
この辺はセキュリティ対策を考えながら利用する必要があります。

[かんたんログイン（個体識別情報）を利用する]

　かんたんログインはセッション管理が必要なモバイルサイトで非常によく利用されています。
これは携帯電話端末の個体識別情報を利用しています。

携帯端末には一台一台「個体識別番号」という番号が割り振られていて、この番号を取得することによってユーザーがアクセスしてきた時に認証の判断を行ないます。
個体識別番号のパラメータの取得方法は各キャリアによってこれも違ってきます。

メリットはやはり、ID、パスワードを入力しなくてもクリック１回でログインでき、ユーザーにスムーズにコンテンツに入り込むんでもらうことができます。

デメリットはユーザ本人が個体識別番号を送信するかしないか選択するこができるようになっているところです。

[docomo]

　僕はdocomoを使っているのですが、このようにdocomoでは１回目「FOMAカードの製造番号を送信しますか？」というダイアログのようなものがでてきます。
初めの１回だけですが、普通の人なら少し警戒してしまうこともあると思います。

[au]
　auは端末を購入して最初の設定のときに、「EZ番号を送りますか？」とユーザに問いかけられていて、たいていのユーザは「はい」と答えていると思います。

[softbank]
　softbankは端末を購入したままの設定で、「個体識別番号を送らない」という設定になっている機種があります。特に3G端末からなっているみたいです。

　携帯の端末情報を送信しているだけなので、携帯電話番号、メールアドレス、住所、氏名が送信されているわけではないです。
その辺を安心してユーザーに利用してもらえるようにすればかなり便利な機能だと僕は思います。

▲この記事の先頭に戻る

取得した【緯度】【経度】【距離】【タイムスタンプ】をCSVで保存

　取得した、【緯度】【経度】【距離】【タイムスタンプ】はCSV（カンマ区切り）データとして保存していきます。
先日とんかさんがAさんとBさんの距離を求める式の記事を公開してくれました。
最新のAさんとBさんの距離を求める場合、それぞれの最新の緯度と経度の値が必要になります。
そこで、CSVに保存していくことによって、CSVから相手の最新のデータをひっぱってきています。

IDがa45さんの人が「♪バイブで距離を感じる♪」ボタンを押すと、IDがb45さんのcsvデータの最新の緯度・経度を取り出して計算するという方法をとりました。

▲この記事の先頭に戻る

現在人気モバイルサイトの傾向

　どんなモバイルサイトを作ろうかという打ち合わせをしたときに作った資料です。
僕はモバイルの知識が全くの0だったために、どういうサイトがあるのかも知らなかったです。今でも頻繁にモバイルサイトを利用しているわけではないですが・・・。

現状、モバイルのヘビーユーザーのほとんどが学生であるために、学生ぐらいをターゲットにしたコンテンツがやっぱり多いみたいですね。

傾向としては「自分をアピールできるサービス」がヒットしています。

最近は小学生や中学生でも「魔法のiらんど」や「mobilespace」などの有名な無料ホムペ開設サイトでホームページで自分のサイトを持ち「前略プロフィール」でプロフを公開し、自分をアピールしていっています。
アピールの仕方は開設した、ホムペやミニブログなどで写真をUPさせたり記事を書いたりしています。
特に、クリスマス、誕生日、夏休み、土曜日、日曜日などのモブログのＵＰ率は非常高いらしいです。これは、学生が休みやイベント日に投稿している人がやはりたくさん多いということなんでしょうな～。

コミュニティ系はなんだかんだで結局mixiにたどりつく人が多いみたいです。

あと女子学生をターゲットにしている「@peps」はすごいです！
ユーザビリティもクソもありません！とにかくギラギラしたもん勝ち！
最近、小中高生の保護者が子供に携帯電話をどういうふうに持たせるかという社会問題がありますが、割かし「モバゲータウン」や「GREE」などはCM広告も打っているだけに保護者自身もアクセスしたことがあるみたいですが、@pepsは最強です！
「@peps」保護者は知りません！とにかく女子学生の利用数がすごいみたい！！

▲この記事の先頭に戻る

でも、緯度経度から距離を算出するってよく分からなかったのでいろいろ調べてたところ、

轍　〜自転車的なる日記〜 緯度・経度から距離を求める方法

なるサイト様の情報が簡易でかつ実用的っぽいので
この式で計算してみることにしました。

ただ、自分的にちょっと理解が追いつかなかったので
備忘録として行程を一個いっこ追いながら、phpおよびas3にまで落とし込むまでを記しておきます。

※取得した緯度経度が「度分秒の60進法」の場合、「10進法」にあらかじめ直してください。直し方は以下リンク参照
　経度・緯度を60進法から10進法へ変換 – F.Ko-Jiの「一秒後は未来」

では始めます。

A点、大阪（緯度 = aIdoとします：34.701909, 経度 = aKeidoとします：135.494977）と
B点、東京（緯度 = bIdoとします：35.681382, 経度 = bKeidoとします：139.766084）の
２点間の距離（dとします・単位km）を求めます。

距離を求める場合は、東京と大阪を結ぶ線を引いて、その線の長さが分かればよいのです。

その線の長さを求めるために、
大阪と東京の東西の距離差と南北の距離差が分かれば
ピタゴラスの定理
xの2乗 + yの2乗 = 求める距離の2乗
により距離が計算できます！

ではどうやって東西の距離（touzaiKyoriとします）、南北の距離（nanbokuKyoriとします）を求めればよいのか。

その前に緯度経度って概念がごっちゃになりやすいので簡単に緯度経度についてのおさらいです。

●緯度（横ライン）：
赤道が緯度0度、北極が90度、南極が-90度とする
「地球の中心（核）」を起点とした角度。
世界地図（メルカトル図法時）では水平方向に線が引かれます。
当然、赤道で一番円周が大きくなり（つまり地球の直径）
赤道から距離が離れるたびに緯度ラインの直径は小さくなっていきます。

●経度（縦ライン）：
ロンドンのグリニッジ天文台を通る大円が経度0度
（大円：ある地点と北極と南極を通る大きな円）
「地球の地軸」を起点とした角度。
世界地図（メルカトル図法時）では垂直方向に線が引かれます。
円周は常に同じです（常に地球の直径）。

ポイント
・緯度は場所によって円周の長さ、半径が違う！※経度は常に円周の長さ常には同じ。
・緯度経度は座標のxyだと思うとこんがらがるので、あくまで地球の基準点からの角度と考える！

地球は丸いので東京と大阪の東西の距離、南北の距離は
地球の円周上にそっています。
よって円弧の長さを求めることになります。

●円弧の長さの求め方
小学校で習った式は
円弧の長さ =直径×π×円弧の角度／360
だったと思いますが、もっと簡単にする方法があります。
ラジアンという角度の単位を使う方法です。
円弧の長さ = 半径×円弧の角度をラジアンに変換した値

一般的な角度をラジアンという角度に変換するには
1度 = π / 180 = 約0.017ラジアン
1ラジアン = 180 / π = 約52.3度
で計算すればよいです。
※phpならわざわざ計算しなくても角度をラジアンに変換する関数があります。

ちなみにラジアンとは：
・角度の単位。
・1ラジアン (約57度)のとき半径と弧の長さが等しい。
・360度 = 2πラジアン
・弧の長さを計算するのにめっちゃ分かりやすい。

では東西の距離（touzaiKyori）、南北の距離（nanbokuKyori）を求めてみます。
計算には円弧の角度の他に地球の半径が必要となるのでwikipediaで地球の半径を調べてみました。
●地球の半径（earth_rとします ）：約6378.137km

●で、緯度経度にそった円弧の角度
大阪東京の緯度の差（idoSaとします）： bIdo – aIdo
大阪東京の経度の差（keidoSaとします）： bKeido – aKeido

この緯度の角度差、経度の角度差をラジアンに変換した値と地球の半径を利用して
円弧の長さを求めます。

ただし、南北の距離を計算するための半径は、すなわち地球の半径ですが、
東西方向の距離を計算するための半径は、測定値の緯度により、異なります。
（日本は赤道ラインよりずいぶん上に位置していますので
その緯度の半径は赤道の半径より当然小さくなります）

測定位置の緯度ラインの半径は三角関数の計算により求められます。
直角三角形は角度が一定であれば3辺の長さの比も一定という性質を利用します。

コサインθとは比率に基づく値にすぎません。
三角形の角度がθ（ここではすなわちaIdo）度のときの
底辺（ここでいう測定地の緯度の半径） ÷ 斜辺（ここでいう地球の中心から測定値の距離） の値のことです。
斜辺（地球の中心から測定値の距離） = 地球の半径（earth_r）なので
底辺（測定地の緯度の半径）= cosθ × earth_r
となります。
※phpやactionscriptだとコサインを計算してくれる関数があります。
ただし求めたい角度θの単位を一度ラジアンに変換する必要があります。

これで式が揃いました。

東西の距離（touzaiKyori）= 測定値（大阪）の緯度の半径 × 大阪東京の緯度の差（idoSa）
= コサインaIdo × 地球の半径（earth_r）× 大阪東京の緯度の差（idoSa）

南北の距離（nanbokuKyori）= 地球の半径（earth_r） × 大阪東京の経度の差（keidoSa）

この二つが求まれば
xの2乗 + yの2乗 = 求める距離の2乗
となり、その平方根をもとめることで距離dが求まります。

よってPHPで書くと以下の通り

<?php
$aIdo = 34.701909;					//  A点（大阪）の緯度
$aKeido = 135.4949770;		 //  A点（大阪）の経度

$bIdo = 35.681382;				//  B点（東京）の緯度
$bKeido = 139.766084;		//  B点（東京）の経度

$earth_r = 6378.137;		//	地球の半径

$idoSa = deg2rad($bIdo - $aIdo);	//緯度差をラジアンに
$keidoSa = deg2rad($bKeido - $aKeido);	//経度差をラジアンに

$nanbokuKyori =  $earth_r * $idoSa;		//南北の距離
$touzaiKyori = cos(deg2rad($aIdo)) * $earth_r * $keidoSa;		//東西の距離

$d = sqrt(pow($touzaiKyori,2) + pow( $nanbokuKyori,2));			//三平方の定理でdを求める
?>

またactionscript3.0で書くと

var aIdo:Number = 34.701909; // A点（大阪）の緯度
var aKeido:Number = 135.4949770; // A点（大阪）の経度

var bIdo:Number = 35.681382; // B点（東京）の緯度
var bKeido:Number = 139.766084; // B点（東京）の経度

const earth_r:Number = 6378.137; // 地球の半径

var idoSa:Number = Math.PI / 180 * (bIdo – aIdo); //緯度差をラジアンに
var keidoSa:Number = Math.PI / 180 * (bKeido – aKeido); //経度差をラジアンに

var nanbokuKyori:Number = earth_r * idoSa; //南北の距離
var touzaiKyori:Number = Math.cos( Math.PI / 180 * aIdo) * earth_r * keidoSa; //東西の距離

var d:Number = Math.sqrt(Math.pow(touzaiKyori,2) + Math.pow(nanbokuKyori,2)); //三平方の定理でdを求める

となります。
ちなみに求められる値dは405.807810663 kmとなります。
検証のために以下のサイトで大阪駅東京駅間を測ってみましたが、ほぼほぼ同じ値でした。
LatLng2Distance:::緯度経度から距離算出API:

はい、では本題。最近勉強し始めた「CakePHP」について雑記＆書籍紹介。

そもそもフレームワークってなんじゃらほい。

最近フレームワークって言葉をよく聞きますよね。
CSSなら「yui」、
Flashなら「Progression」、
Rubyなら「Ruby on Rails」、
PHPなら「symfony」「Zend Framework」そして「CakePHP」 。

そもそもフレームワークってどういうものかと言うと

• 制作に関する規則がしっかりしてるので、他人の手を借りてもコードがバラバラになりにくい
• セキュリティとか、考えないと行けないけど後回しにしたい部分があらかじめクリアされている
• 必要な機能が結構用意されているし、コードの再利用がしやすいので開発スピードがあがる

ってな感じ。つまり「フレームワーク＝制作効率化のための仕組みパック」と素人の俺は勝手に認識しています。

PHPフレームワーク「CakePHP」に出来ること

じゃぁcakePHPの特徴ってなんなの？ってことなんですが

• インストールが簡単（俺はちょっと手間取ったけど、分かれば簡単です）
• PEARとかのライブラリいらず
• データベースへの接続、デザイン表示部分、それらを管理する制御部分がそれぞれ独立してるので分かりやすい、修正しやすい、再利用しやすい
• 規則が分かりやすい、ルールの大きな部分はファイルの「命名ルール」を揃えること
• 色んなところで手間を少なくする工夫がある

なんてのが上げられます。やっぱりポイントは「簡単便利」。

CakePHPで制作されたサイト一例

じゃぁどんなのが作れるのよってことで実際の開発事例をいくつかリンクしておきます。
みんなで作る話題発見サイト　トピックイット：@nifty
みんなの古民家スポットコミュニティ　フルミル
佐川急便｜料金検索
今見ているページの情報をメールで共有するシンプルなサービス clipmail
ブルーマン公式ページ

などなど、簡単なwebアプリケーションから大きなコミュニティーサイトまで
結構作れることが分かります。

「 CakePHPによるWebアプリケーション開発」って本の紹介

で俺は勉強するにあたって本屋で何冊か立ち読みしてたんですが、たくさん本があったのですが
この本がおすすめでした。

オープンソース徹底活用 CakePHPによるWebアプリケーション開発

内容はCakePHPの簡単な概要からインストール方法、
各機能の説明、データベースの扱い方から掲示板の作成事例等々、めっちゃ分かりやすく実用的なところまで書いてあり、テスト環境の用意の仕方から制作を補助する「ヘルパー」と呼ばれる機能も一通り、またCakePHPを拡張する方法まで納められているので、とりあえずで始めるには十分な内容かと思われます。

でとりあえず掲示板テスト作ってました

今は一つ一つこなしている段階ですが、
データベースとか、全く理解してない段階で簡単な掲示板とか作ってみました。
http://www.a-knot.sakura.ne.jp/cake/boards

うそです、作ったと言えば大げさです。ほとんど勝手にCakePHPが作ってくれました。
だって俺５分しか触ってないもん。
いや〜めちゃめちゃ簡単便利。

んではまた今度、インストール編かきます。
（さくらインターネットではなぜか手間取ってしまったので備忘録がいりそうです…）

CakePHP本家サイト