言ってもしょうがないので、今回も書きます。前回はiPhoneアプリからPHPに文字列を送りましたね。HTMLフォームでやっていることが、iPhoneアプリでも出来るってことがわかりました。今回はもうちょっと突っ込んで位置情報を送りましょう。試してみましょ!◆位置情報を取得しようまず、前回のapp.jsの最終行に書いたコードですが、これはまた後ほど使うとして、今は一旦コメントアウトしておきましょう。"http://akibahideki.com/digicre/120317/index.php");xhr.send({name:"秋葉秀樹"});*/では、このあとにコードを書いていきます。位置の情報を取得するために以下のコードを追加して、iPhoneシミュレータで実行しましょう。"緯度="+coords.latitude+"&経度="+coords.longitude;alert(ichi);}})最初に、位置情報を取得していいのかどうかの確認が聞かれます。OKを押してそのまま進んでください。緯度と経度を取得できました。>◆位置情報をサーバに送ろうさて座標を取れたので、これをしっかりサーバに送りましょう。>を使います(前回のPHPの場所と同じアドレスです)まずはその前に、この端末がネットワークにつながっているか、を判定しましょう。前回は省略しましたが、オフラインの時には送れないようにした方がいいですので、オンライン(ネットにつながっている)の確認が出来たあとに、位置情報を取ってサーバに送信するという流れで進めましょう。先ほどのコードをこちらのようにif文で包んであげましょう。"緯度="+coords.latitude+"&経度="+coords.longitude;alert(ichi);}})}ネットにつながっていたら先ほどと変わりはないでしょう。オフラインの時は「オフラインです」のアラートが出てきます。次は上記のプログラムで緯度と経度をalertしているあたりに、前回のPHP送信用のプログラムを仕込みます。"http://akibahideki.com/digicre/120317/index.php");xhr.send({name:ichi});}})}変数ichiに緯度と経度の文字列を一気に入れて送信しています。PHPの内容は前回のままですから、私の名前を送ったところが、位置情報に差し変わって送信されます。結果は以下の通りです。>うまく送信されました。このままでは緯度と経度が混ざった状態で送られるので、今度は送る方、受ける方で、緯度と経度のデータを分解していきましょう。PHPでは2つのデータが独立して扱えるようにするのです。keido:経度}となるように送りましょう。"http://akibahideki.com/digicre/120317/index.php");xhr.send({name:ichi});を以下に変更します(PHPのアドレスも変わっているので注意)。>の新しい場所にPHPをつくります。このようにしましょう。$_POST["keido"];print("緯度:".$ido."\n経度:".$keido);?>つまり、idoとkeidoが入ったJavaScriptオブジェクトの一塊のデータを、PHPがしっかり独立して取得できたということです。>◆送った位置情報をサーバに保存しよう今度は、送った位置情報をテキストファイルに保存してみましょう。サーバにdata.txtというファイルに、以下のようなルールで書き込みます。(緯度の値),(経度の値)改行...(緯度の値),(経度の値)改行...(緯度の値),(経度の値)改行...となります、緯度と経度はカンマ区切りで、一件送ったら改行を入れて何件でもログが残せるようにします。PHPを次のように変更しましょう。$ido.",".$keido."\n");fclose($fp);print("緯度:".$ido."\n経度:".$keido);?>これで一応はOKです。テキストファイルが同じ場所に存在しなかったら、新しく「data.txt」というファイルを作ってくれます。Studioで実行してみましょう。>ばっちりです、緯度、経度がテキストファイルに保存されました。Mapにピンを立てよう次に、これをマップに落とし込むためのmap.phpという新しいファイルをつくってみます。以下のソースを書いたらdata.txtなどが置かれているサーバにアップします。Mapにピン立てされました!(道路の真ん中だけど...)これで今回は終了です。次回はいよいよカメラ撮影をして、サーバにアップします。Program」に登録しないと、実機転送が出来ないんですね。実機を使わないと撮影は出来ませんので。前にもお伝えした通り自己責任で登録してください。登録のしかたなどは色々なサイトで紹介している内容を学習しておいてください。>テクニカルディレクター・デザイナー。交通広告を多数手がける。同時に音楽活動も活発に行い、西日本半全国ツアーなどを展開、某専門学校のテーマソングを作詞作曲、編曲から楽器全てを演奏してレコーディングするなど、マルチなクリエイティブ活動も。最近では東京と大阪の教育施設などで講師業をも務める。GraphicDesign......多種スキルを持つ。前回のフィルタを改良してスライダーなどUI(ユーザーインターフェース)を追加してみます。UI部分は入力系ということで、input〜で始まるようになっています。inputの後に変数名を書きます。入力されたデータは、この変数に入ることになります。2番目にはUIパネルに表示する文字を指定します。その次にUIの種類を指定します。UIの種類には以下のものがあります。FontListまず、線幅を変更できるUIスライダーを追加してみます。実際に追加したものが以下のスクリプトになります。borderWidth);プラグイン化して実行すると、スライダーで線幅を変えることができます。FXBuilderのプレビューだとうまくいかない場合があります。原因はよくわかりませんが。次に線の色を指定できるようにしてみます。色の指定はUI名にcolorを指定します。いずれも、0〜255までの値で値が大きくなるほど明るくなります。>ゲーム制作ライブラリenchant.jsが流行っている(本が売れている)ということで、いつものページを作って見ました。>流行っているかどうかは分かりませんが、前々からネタになっていたAmeroadで昔作ったヤツを出してみました。ビューに対して1%の売り上げが一般的みたいです。Twitterのタイムラインから告知が消えたり、トップページから消えると、アクセスが激減(ほぼ皆無)するのも特長。サイズ制限があって50MBまでなのでIllustrator自動化本はAmeroadでは無理。50MB以下はAmerodで、それ以上の場合はGumroadでという使い分けがよいのかもしれません。Androidの映像。分かる人にしか分からないネタなので、適当にスルーしてください。HTML5+enchant.jsで作ってあります。移動は傾きセンサーで。