これまでGoogleMapを利用したホームページを幾つか制作する機会があったが、

それらは基本的にPC向けのWebサイト。

ところが今回スマートフォン対応のサイトを構築することに。

もちろんHTML5です。

製作前、基本はこれまでPC版で作ったことのあるGoogleMapを活用すればできると思っていましたが、

どうやらスマートフォン向けにGoogleMap API V3が出ていたみたい。

そしてどうやら作り方が違うみたい。。。

Oh—-!　そしてもちろんGPS機能を利用して、現在地の情報を取得する。

さらに位置情報を読みこませるXMLの取得方法も変わっているようだ。

結果的には完成したが、そのとき参照させていただいたサイトをいくつかご紹介しておきます。

Google Maps Javascript API V3 Reference
https://developers.google.com/maps/documentation/javascript/reference?hl=ja

Google Maps入門(Google Maps JavaScript API V3)
http://www.ajaxtower.jp/googlemaps/

Google Maps API v3 / マップオブジェクトの状態変化イベント
tilesloadedとprojection_changedとは？
http://waox.main.jp/news/?p=1933#more-1933

一応、Wordpressの内容もTwitterと連携させておこうと思いまして設定しました。

テストを兼ねての投稿です。

今回追加したプラグインはこれ。

【WP to Twitter】
http://wordpress.org/extend/plugins/wp-to-twitter/

ツイッターのデベロッパーページでアプリケーションを作成する必要があるのですが、

必要内容を入れて「作成」ボタンを押すだけで完了。

入力する情報は「WP to Twitter」の設定画面を参考にしながら入力。

コンシューマーキー（Consumer key）やアクセストークン（Access token）が発行されるので、

その情報を「WP to Twitter」の設定画面に設定すれば完了です。

（細かな設定も色々とできるようです！）

さてさて、投稿後Twitterに反映されたかな？

ファーストサーバとデジタルキューブが共同で

Webアプリケーションを高速化するクラウドサービス「PHP Ninja」を開発し、

まず最初にWordpress専用のクラウドサービスを始めたようです。

（今はベータ版として無料利用できるようです）

そして早速「PHP Ninja」無料ベータ版の申込み。

管理画面へログインしたあと「マシン購入」を選択すると以下の画面が表示

「WP100」しか選べないので、そのままクリック。

そのあと「マイマシン」を選択すると、Wordpressが

インストールできるようになっているので、

そのまま「Install WordPress」をクリックします。

インストールが完了すると、Wordpressへアクセスできます。

最初の設定画面が表示されるので、ユーザー名とパスワードを設定して完了です。

これであっという間にWordpress構築完了。

でもこのサービスを試してみるにあたって、Wordpressに投稿する記事を

何にするかが一番の問題かも・・・

また少しずつ時間みつけて記事を投稿していこうと思います。

さて今回はWindows Liveで独自ドメイン運用。 (Microsoft版GoogleAppsみたいなものです)

ドメイン設定したものでHotmailを利用できるようになります！

手順は以下の通り、画面キャプチャとらずに一度設定したのでキャプチャ無しです。ごめんなさい。

１．まずは「Windows Live アドミン センター」へアクセスします
URL：https://domains.live.com/

２．表示されたページの「ドメインの登録」をクリックします

３．ドメイン名と「ドメイン用に Windows Live Hotmail を設定する」にチェックを入れて『続行』をクリック

４．次にWidows Liveアカウントでログイン、作ってない場合は、ここで新規作成へと進んでください。

５．あとは使用条件について同意して完了です。

そしてドメイン所有者確認を含めDNS設定へ・・・

WindowsLiveの画面で、以下のようにDNSを設定してくれと表示されます

そして、ドメインのDNS設定へ。

わたしの場合はドメインをお名前.comで取得していたので、そのDNS設定方法をキャプチャ

お名前ドットコムでは下の赤枠のボタンをクリックしてDNS設定します

MXレコードとTXTレコードを設定して完了です。

今度はWindows Liveの機能のひとつ、SkyDriveについても取り上げたいと思います

■Twitter （ツイートするボタンの設置）

http://twitter.com/goodies/tweetbutton/

Tweet

※属性「data-count」を変更すると表示スタイルが変わるようです。（vertical、horizontal、none）

■Facebook（いいね！ボタンの設置）

http://developers.facebook.com/docs/reference/plugins/like/

＜iframe src="http://www.facebook.com/plugins/like.php? app_id=【ＡｐｐＩＤ】&href=【ＵＲＬ】 &send=false &layout=box_count &width=450&show_faces=false &action=like &colorscheme=light&font&height=90" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:90px;" allowTransparency="true"＞＜/iframe＞

※属性「layout」を変更すると表示スタイルが変わるようです。（standard、button_count、box_count）
※属性「show_faces」を変更すると顔写真の表示有無を設定できます（true、false）

■Google+1（＋１ボタンの設置）

http://www.google.com/webmasters/+1/button/

※＜g:plusone＞の属性「size」を変更すると表示サイズが変わります。（属性なし[標準]、small、medium、tall）

今はマンション自体に引かれているインターネット環境を利用中。

玄関のシューズクロークの中にハブが設置されており、
そこに無線用にAireStationを置いている。

パソコンにはPCスロットに受信用のカードを挿して、
室内はWiiも含めてすべて無線環境にしているのだが、
iPhoneのWi-Fi設定だけがうまくいかなかった。

まずはAirStationへiPhoneの機器を登録。
「Macアクセス制限」でMACアドレスを登録。
「AOSSを利用していると・・・」という表記が赤文字で出ているが無視。

MACアドレスには、iPhone端末の
「設定」＞「一般」＞「情報」にある【Wi-Fiアドレス】を入力。

それでも繋がらない。。

原因はAirStationの【無線モード】が
「11b(11M)-Wifi」ではなく「11g(54M)/11b(11M)-auto」になっており、
【BSS BasicRateSet】という設定を「default」から「default(11b)」へ変えてみた。

やった！繋がった。

サクサクである

一番困ったのが文字の縁に色をつけると、文字が汚い。。

CS3でつくっていたデザインをCS5で開くと、縁取り文字がすべて汚い。。

調べてみると、どうやらCS5から
テキストのレンダリングで使用されるエンジンが
Illustratorのものに変更されたことが原因のようだ。

どうりでファイルを開くときにテキスト更新のダイアログがでるわけだ。。

解決策は、文字の縁取りにストロークで色をつけるのではなく、
「フィルター」の「photoshop ライブ効果」で「線」を設定するとキレイな縁取りになった。

とりあえず、よかった

ひらがなの入力もすべてカタカナにしたいというご要望。

調べると、PerlのEncodeモジュールというものを使用すればいけるみたい。

まずは半角カナを全角カナへ、
でもその前に文字コードをEUCへ変換して処理しないといけないみたい。。
Encode::from_to($furigana, "utf-8", "euc-jp"); Encode::JP::H2Z::h2z(\$furigana);

続いて、平仮名も全角カナへの変換、
そして文字コードをUTF-8へ戻します。
$furigana=&hiragana2katakana($furigana); Encode::from_to($furigana, "euc-jp", "utf-8");

これでＯＫです

とあるウェブサイトでPHPを稼働。
関連サイトである別ドメイン（外部サーバ）のPHPを読み込んで表示させていた。

こんな感じで・・・
include('http://www.sample.com/content.php');

ところがぁ！！サーバ移設後、
（やっぱり）仕様が違うようでエラーが出てしまう。。

こんな感じで・・・
Warning: include() [function.include]: URL file-access is disabled in the server configuration in ...

これはどうやらサーバ側の仕様で、
php.ini 内の「allow_url_fopen」という設定で行われているようだ。
要は外部URLでの読込関数はセキュリティ上NGとのこと。。

困ってしまい。iframeやJavascriptで表示させる方法にしようか迷うが、
SEO的にも良くないので、もうちょっと調べてみる。。

この「allow_url_fopen」という設定
.htaccess レベルでコントロールできないかなぁ～と思っていたが、
php.iniかhttpd.confでの設定しかダメなようで、手が出せず。。

includeやrequire関数ではなく、
PHPでファイルを読み込んで表示させる方法がないかと調べていると・・

あった！意外！これで行けるんですね。

そして無事、問題解消

http://ameblo.jp/aifate-u1/entry-10805325886.html

読んでいると、どうやらGoogleAppsの設定で内部配信でメールが届かい問題を解除できるようです。

今この「h–c.com」はウェブサーバはロリポップ、
メールサーバはGoogleAppsなのですが、
ウェブサイト上のフォームから送信されるメールはすべて内部配信されてしまい、届きませんでした。

ところがGoogleAppsのドメインエイリアスという機能を使うと、それを回避できるようです。

例えばドメインエイリアスに「website.h–c.com」を設定します。

そしてDNS設定でCNAMEにwebsiteを追加してGoogleへ向けます。

そしてウェブサイト上から送信されるメールの宛先を
●●●@website.h–c.com
とすれば、外部へ配信されるため、無事メールが届くという仕組みだそうです。

っということで一度設定してみました。

これで大丈夫かな？