Web、モバイル(スマホ・格安SIM)、ソーシャルメディア活用術、フリーランスの働き方などを綴ります!

.htaccessでスマートフォンサイトをアンドロイドやiPhoneで判別表示

30,429 view
更新日:2014年11月03日 投稿日 : 2012年04月19日
  • はてなブックマーク
  • facebook
  • twitter

スマートフォンサイト作成の依頼が増えて参りました。ありがたい事です。
当サイトでもandroidスマートフォンやiPhoneでのアクセスが増えてきております。
スマートフォンでは、普通にパソコン用ホームページを見る事はできますが、端末の操作で拡大縮小ができるとしてもやはりスマートフォンに最適化した方が、とても見やすく使いやすいです。

誰もが持っている携帯電話(フィーチャーフォン)・スマートフォン!
スマートフォンサイト作成の需要はこれから益々増えて行く事でしょう。

あまりスマートフォンサイト作成まで踏み切らない予算の無い人たちと差別化がつけられ、ユーザーを惹き込む事ができるでしょう。これからはどしどし私たち開発者は、スマートフォンサイト作成をクライアントにお勧めした方が良いと思います。

HTML5とCSS3で、IE(Internet Explorer)を気にせずストレスレスで作成できるので、とても楽しいです。

スポンサーリンク

.htaccessを利用したホームページの携帯電話やスマートフォンへの振り分け方法

.htaccess(ドットエイチティーアクセス)ファイルを利用して、ホームページを携帯電話(フィーチャーフォン)やスマートフォンからアクセスした時に振り分けをするソースを紹介します。
アクセス元判別コードは、docomo・au・softbankなど携帯電話のキャリアや、android・iPhone・iPadなどのスマートフォン・タブレットです。新しいキャリアや端末が出てきた時には、判別コードの追加が必要です。

# 携帯電話・スマートフォン・タブレットからアクセスすると”m”フォルダに切替。

deny from all

#Options +FollowSymLinks
RewriteEngine On
# DoCoMo
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} DoCoMo
RewriteRule ^$ /m/ [R]
# Softbank
RewriteCond %{HTTP_USER_AGENT} Vodafone
RewriteRule ^$ /m/ [R]
RewriteCond %{HTTP_USER_AGENT} SoftBank
RewriteRule ^$ /m/ [R]
# AU KDDI
RewriteCond %{HTTP_USER_AGENT} KDDI
RewriteRule ^$ /m/ [R]
RewriteCond %{HTTP_USER_AGENT} UP.Browser
RewriteRule ^$ /m/ [R]
# iPod
RewriteCond %{HTTP_USER_AGENT} iPod
RewriteRule ^$ /m/ [R]
# iPhone
RewriteCond %{HTTP_USER_AGENT} iPhone
RewriteRule ^$ /m/ [R]
# iPad
RewriteCond %{HTTP_USER_AGENT} iPad
RewriteRule ^$ /m/ [R]
# Android
RewriteCond %{HTTP_USER_AGENT} Android
RewriteRule ^$ /m/ [R]

お役に立てれば幸いです。

もう1記事、読んでみませんか?

当記事がお役に立ちましたらシェアして頂ければ嬉しいです。

  • はてなブックマーク
  • facebook
  • twitter
30,429 view 2012年04月19日

webdesignerwork 著者

フリーランスWebデザイナーとして活動をはじめて18年。全国の私を必要としてくれる方々からWordPressでのWeb制作のご依頼を頂いております。

各地のコワーキングスペースやWordPressの勉強会(WordBench/WordCamp)などに顔を出し、様々な人達とご縁をいただき刺激を受け、学んだこと感じたことを、日々のお仕事や自社メディアへの開発・配信にと繋げております。妻、子、プードル2匹と里山暮らし。

当ブログで公開されているテキスト、画像、イラストなどに関する権利は、当方に帰属します。
著作者の許諾を得ることなく複製、改変、転載、販売、出版など著作権法そのほか法律に触れる行為は禁止されております。

運営者情報

© 2004 webdesignwork ALL COPYRIGHTS RESERVED.