» ふりわけ|ホームページ制作・運営からWEBデザイン、ウェブサイト企画作成を行っている名古屋市のホームページ制作会社「ABABAI」

ふりわけ

スタッフブログ

  • 2017.03.25

    ふりわけ

    顔アイコン

    振り分け

     

    こんにちは 制作のまつざきです。

     

    このところ、あまり技術的な話題をブログのネタにしてないなーと思ったので
    覚書を兼ねまして制作会社のエンジニアっぽいことを書いてみます。

     

    最近Googleさんの影響もありスマホサイトの構築のお話をよくいただきます。
    その際切っても切れないのが振り分け機能になります。
    ユーザーの使用しているデバイスによって表示するサイトを切り替える機能です。

     

    一言に振り分け機能と言っても方法は様々です。.htaccess、js等よりどりみどりです。
    最近改めて調べてみた結果PCサイトからスマホサイトへの振り分けは沢山方法がでてくるのですがスマホサイトからPCサイトへの振り分けが意外とありませんでした。

     

    ■考えられる理由は
    ・そもそも必要とされていない。
    ・レスポンシブサイトやphpで構築されている場合urlが変わらない。
    ・スマホサイトを別ディレクトリで作成した場合。ディレクトリ名が曖昧。

     

    あくまで妄想ですが使用するタイミングがかなり限定されることが情報があまり出回っていない原因なんでしょうか・・・。

     

    というわけで探してもいまいち見つからなかったので
    自分で書いてみようと簡単なものを書いてみました。

     

    ■条件
    ・万が一.htaccessが許可されていないサーバーを考慮しjsを使用。
    ・rootディレクトリに[mob]という名前でスマホサイトが存在する。

     

    以下の条件から簡単に書いたのが下記のソースです。
    外部ファイルにしてjqueryの後に読み込めば動きます。

     

    /*+++++———————————–
    リダイレクト スマホからPC
    ———————————–+++++*/
    $(function(){

    //開いてるページのURL取得
    var href = window.location.href ;
    //URLからスマホサイトのディレクトリを除く
    var mobresult = href.replace( /\/mob/g , “” ) ;

    var userAgent = window.navigator.userAgent.toLowerCase();
    if (userAgent.indexOf(‘ipad’) != -1 || userAgent.indexOf(‘iphone’) != -1 || userAgent.indexOf(‘Android’) != -1 ) {
    //スマホからのアクセスで何かある場合はここに記述
    }else{
    //PCからのアクセスの場合リダイレクト
    location.href = mobresult;
    };
    }());

    /*+++++———————————–
    ここまで
    ———————————–+++++*/

     

    ディレクトリ名に[mob~]の様な名前がある場合挙動がおかしくなる等。
    使用できる環境とタイミングはかなり限定されますが今後改良を重ねたいと思っています。

     

    そんなこんなで黒い画面に向かって楽しくキーボードをたたく日々が続いています。

    ではでは

    フェイスブックシェアボタン

名古屋で1番真面目なウェブ会社!! ABABAI お電話でのお問い合わせはこちら

メールでのお問い合わせ リンクボタン

カレンダー

2017年11月
« 10月    
 12345
6789101112
13141516171819
20212223242526
27282930  

アーカイブ

MENU

求人情報本社・広島オフィス

お問い合わせ

ページの先頭へ

お問い合わせ

閉じる

アババイめちゃ凄いこと

建築会社に選ばれる5.5の理由

制作実績

お客様の声

スタッフ紹介

代表挨拶

新着情報

会社概要&アクセス