プロフィール

mshp0723(旧Mikaん星人アワー)

Author:mshp0723(旧Mikaん星人アワー)
ごらんいただきありがとうございます。マルチクリエイタ・クリエイティブ起業家のmikaん星人アワーです。webや音楽コンテンツ関連お仕事をしています。

■お仕事関連サイト■
音楽制作・楽曲アレンジ・webサイトやブログ制作・アトリエSS



2010~2013年の業務
サウンド制作関連
・一般クライアントさま向けDAWレッスン
・芸能プロダクションさま、アーティストさま向け楽曲提供
・教育機関さま 歌唱教材ダンスアレンジ
・ダンススクールさま ダンスBGMオーディオデータ編集
・機器メーカーさま ナレーションレコーディングと編集
・地元企業さま イベント用ご当地風楽曲アレンジ制作
・飲食店運営企業さま 店舗用カラオケアレンジ制作
・移動販売店さま 店舗BGM楽曲アレンジ制作


webサイト制作・運用関連
・食品店さま ネットショップ制作
・音楽スクールさま webサイト制作
・楽器奏者さま 再生プラグイン埋め込みサイト制作
・エクステリア施工企業さま webサイト企画
・飲食店さま webサイト制作
・支援団体さま サイト制作
・一般企業さま 会社案内サイト企画
・支援団体さま fc2ブログカスタマイズ
・その他 メディア/アフィリエイト運用ブログカスタマイズ



よろしくお願いいたします。

メールフォーム

名前:
メール:
件名:
本文:

最近の記事

カテゴリー

最近のコメント

月別アーカイブ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
トラックバック
トラックバック送信先 :
コメント

ぶろぐカスタマイズねた番外編~googleクロームでユーザーエージェント変更機能を使って、pcからでもスマートフォン向けサイトや、ぶろぐレイアウトをチェックできるぞ。

おばんです♪♪

がらけーが全然壊れない・・・


mikaん星人アワーです。ぶっ壊れるまで、徹底的に、物を大事に使うという精神性は、今までずっと継承されてきています。

さて、今年はスマートフォンユーザーが爆発的に増えた印象があり、最近アクセス解析を見てると・・
201212191.jpg
iPhoneやAndroidといったアクセスが増加傾向にあります。


ちなみに、ホストは
pw.○○○.panda-world.ne.jp(ソフトバンク)
KD○○○.au-net.ne.jp(au)

(すまん、ドコモチェックしてなかった笑)

などから、iPhoneやAndroidでのアクセスがあります。一応ぼかしたり○にしましたが、これらで個人が特定されることはありません。
個人が特定されたり、個人情報をフルに使って金儲けや嫌がらせをすることに対しては、断固として反対・抵抗するのも、当ぶろぐの趣旨のひとつであります。


で、ぶろぐのレイアウトや挙動を、スマートフォン版でもチェックするため、ユーザーエージェント変更テクニックを使っていました。ブラウザはgoogleクロームです。


そもそも、なんでそんな回りくどいことするのさ?

理由は以下のとおりです。

・当ぶろぐ管理人は、スマートフォンを持っていない。
・fc2ぶろぐレイアウトプレビューで、スマートフォンレイアウトはチェックできるものの、下層ページも見ようとすると、PCアクセスと判別されれば、PCレイアウトで表示されてしまう。
・しかし、トップ以外のページもチェックしたい。




そのため、googleクロームのユーザーエージェント変更を使って、『スマートフォンでアクセスしたことにして』下層ページの状況も知りたい、というわけです。

ちなみに、ちょっとした外出のときは、携帯電話を持ち歩かなくなったので(笑)、本体にダメージが少なく、壊れてスマートフォンに買い換えるのは、しばらく先になりそうです。


(長いのでトップから来た方は続きね)



googleクローム・ユーザーエージェント変更を使用して、PCでスマートフォンサイトをチェックするには、どのようにするの ?




■googleクロームブラウザを起動したら、任意のタブで、F12キーを押しましょう
201212192.jpg
歯車みたいなマークが出てマウスオーバーで『setting』と出るはず。ここをクリックします。



■『general/overrides/shortcuts』の3つのタブが下に出ます。
201212193.jpg
overridesを選んでクリック。


■この画面で、お好みのユーザーエージェントを選択。選んだあとは、右クリックで再読み込みを。
201212194.jpg
ieの7~9のほか、firefoxなどもありますが、スマートフォンサイトをpcからレイアウトチェックという趣旨のため、iphoneやAndroidを選びます。



このぶろぐも、pcからスマートフォン表示をチェックできます。
201212195.jpg
スマートフォン持ってないのに(笑)、PCでチェックしながら、ヘッダーの表示を調節したりアドセンス挟んだりしました。

ヘッダーのコメントが長すぎると、通常では折り返し部分が隠れたりして表示しないものを、CSSをエディットで調節。


また、fc2ぶろぐのレイアウトプレビュー機能とは少し挙動が異なります(pcで行った場合)プレビューでは、トップはきちんとスマートフォンレイアウトで表示されますが、下層ページ(例えば、個別記事『/blog-entry-○○.html』や、カテゴリ『blog-category-○○.html』)に移動した場合、pcレイアウトに戻ってしまっていたものが、そのまま表示できるようになりました。


『iphone持ってるけど、Androidはどうなるんだろう?』というときなども、使ってもいいかもしれません。



ちなみに、このテクニックを使うと、こんなこともできます。


例えばモバゲーのニュースページを、PCヤフーモバゲーで見ようとすると、『携帯やスマートフォンで見てください』と、ハネられます。
しかし、『iphoneですよ~』と、ユーザーエージェントを変えたので・・
201212196.jpg

このとおり♪


ってな感じで、PCからスマートフォンサイトチェック方法でした。もちろんこれだけでは不十分で、画面タッチしたときの操作感などは、実機でなければチェックできないので、(今回のテクニックは、スマートフォンが手元にない場合の応急処置と考えて)そちらもあわせておこなうのがベストです。





○関係ないけど、fc2ぶろぐで、PC・スマートフォン・携帯電話用のレイアウト、それぞれオリジナルにカスタマイズできることは、押さえておいてね♪

と思う方は
にほんブログ村 IT技術ブログ Webサイト構築へにほんブログ村 ベンチャーブログへにほんブログ村 音楽ブログへ

↓↑クリックお願いいたします♪
関連記事
スポンサーサイト
トラックバック
トラックバック送信先 :
コメント

検索フォーム

音楽制作読んどけ☆コラム dawテクニックと音楽理論・アレンジ・更新情報

Powered by RSSリスティング

リンク(相互大歓迎♪)

RSSフィード

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。