ここは、技術情報、身の回りに起こった出来事を、「もしかしたらみんなの役に立つかもしれない」と思って書き留めておく場所です。

Image

モバイルユーザビリティ上の問題が検出されたそうです

2015年2月19日
 

ここのサイトはブログというか、自分のメモ書きみたいなものなのですが、

突然にgoogleからメールがやってきました。

 

モバイルユーザビリティ上の問題が検出されました

だそうです。

ウェブマスターツールに登録してありますからね。

確かに、スマートフォンでの見栄えは無視してましたが…

じゃあ、レスポンシブにしましょうか。

 

レスポンシブといえば

はい、

Bootstrapですね。

ということで、Bootstrapで、今までと同じような見た目になるように作り直しました。

これで、スマホでも問題なく見えるはずです。

過去にアップした、大きい画像がはみ出てしまいますが、直すのも面倒なので、そのままにしときます。

 

一応これで警告は消えました。

 

仕事では

こんな感じには行きませんね。

ページの構成が複雑化すればするほど、レスポンシブで対応することは難しくなります。

そもそもPC版は凝った作り、スマホ版は指で操作しやすい作り

と目的が変わりますからね。

大抵は、UserAgentで判定し、スマートフォン版とPC版でテンプレートを切り替えます。

で、cookieに覚えておきます。

そういえば、今日もそんなの作ったなあ…