DEVELOPER BLOG

スマートフォンサイト制作します！などと謳っているのにSTUDIOKEYのスマフォサイト制作をサボっていたのですが、業務の方が少し手すきになったので制作しました。といってもまだまだですが


せっかくなのでSOYCMS2でと思ったのですが、スマートフォンやモバイル向けのモジュールは無いようで、今後のバージョンアップで対応との事

スマートフォンサイトはやはりCMS管理したいので、とりあえずスマフォサイト専用ディレクトリーroot/s/を作成し、テンプレートやライブラリーを登録してひとまずPCからの閲覧はOK。問題はリダイレクト。mod_rewriteを使ったフレンドリーURLなので、ディレクトリーへリダイレクトさせればOKという訳にもいかず、PHPで処理しました。

<?php $ua = getenv("HTTP_USER_AGENT"); $pass_info = $_GET['soycms_pathinfo']; if($pass_info == 's' OR $pass_info == 's/' OR $pass_info == 's/index.html') { $loc = false; }else{ $loc = true; } if(ereg("iPhone" , $ua )){ $get_UA = 'SP'; }elseif(ereg("Android" , $ua )){ $get_UA = 'SP'; }elseif (preg_match("/Windows CE/i", $ua )) { /* if (preg_match("/MSIE/i" , $this->user_agent ) && !preg_match("/Opera/i" , $this->user_agent )) { } else { } */ $get_UA = 'SP'; }elseif(ereg("DoCoMo" , $ua )){ $get_UA = 'MB'; }elseif(ereg("KDDI" , $ua)){ $get_UA = 'MB'; }elseif(ereg("UP.Browser" , $ua)){ $get_UA = 'MB'; }elseif(ereg("J-PHONE" , $ua)){ $get_UA = 'MB'; }elseif(ereg("SoftBank" , $ua)){ $get_UA = 'MB'; }elseif(ereg("Vodafone" , $ua)){ $get_UA = 'MB'; }else{ $get_UA = 'PC'; } switch($get_UA) { case 'SP': if($loc == true) header("Location:"."http://studio-key.com/s/"); break; case 'MB': header("Location:"."http://studio-key.com/m/"); break; } ?>
​​​SOYCMS2は$_GET['soycms_pathinfo']というパラメーターをパスに変換してるようなので、スマフォ用ディレクトリー以外に携帯やスマフォからアクセスがあったらリダイレクトするようにしました。UserAgentの判別はよくあるものですが、WindowsMobile系のUA判定が少し面倒そうなので、検証出来る環境が整ったらコード調整しようかと思っています。

とりあえずこれで手持ちのiPhoneとAndroid(au IS03)で確認。無事リダイレクトしてくれました。インターフェースはヘッダーとフッターを固定して中央のコンテンツ部分だけがスクロールする、スマフォアプリっぽいものにしています。中々良い感じ。今後のオープンソース開発の時にも利用しましょう。​​​​ただ、IS03が悪いのかAndroidが悪いのか、iPhoneよりはカクつく感じです。Androidが台頭してきたときに必要かと焦って買った機種ですので仕方有りません。最近の機種はもっとサクっとしてるのでしょう。

モバイルサイトへのリダイレクトも書いていますが、未作成なので白紙です。キャリアによってヘッダーが変わったり絵文字の変換が必要だったりしますので、CMSではなくPHP＋Smartyになります。HTMLタグで簡単に書いてしまう手もありますが、WEB屋がそれじゃいけないですよね。​​ましてクライアントのWEBサイトには言語道断。ちゃんと作りますよ！

最近の記事

• 今年一年有難う御座いました。2011-12-30(金) 20:58:54
• クレームとか2011-11-30(水) 09:05:19
• 多忙なりて・・・2011-11-19(土) 06:43:27
• [重要] OPENRSV3 バグに関して2011-09-15(木) 11:48:39
• 複数のWordPressへ記事を投稿する2011-09-03(土) 08:40:30
• 深夜に少し悪巧み2011-08-28(日) 02:18:51
• STUDIO KEYのSEO対策2011-08-27(土) 20:24:47
• ポータルサイトのクチコミに関して2011-08-27(土) 19:39:54
• KAGOYA 専用サーバーでSOYCMS2を動かす2011-08-22(月) 19:38:38
• Googleサイトリンクが表示されました2011-08-19(金) 11:40:24
• 宿予約システム新バージョン制作状況2011-08-18(木) 20:20:23
• 宿予約システムの新バージョン開発に関して2011-08-17(水) 10:32:31
• SOYCMS2でスマートフォンサイト制作しました2011-08-12(金) 12:13:17
• SEO対策あれこれ2011-08-04(木) 22:42:37
• キャラクターデザイン案件で宮田奈保美様よりのイラスト2011-07-22(金) 05:08:31
• SOY CMS2を使ってWEBサイトリニューアルしました。2011-07-21(木) 09:34:58