001:ホームページのスマホ対応に苦戦 by飯野栄志

あざらしさんから「いい旅のホームページを作りたい」と相談されてから約2ヶ月。
なんとか仕事の合間の時間をやりくりして完成させることができました。
皆さん、このホームページはどうでしょうか?
何か、表示が変なところはないでしょうか?
このホームページは、パソコン、タブレット、スマホ対応になっています。
これを専門用語で「レスポンシブデザイン」と言います。
たとえば、パソコンだとこんな感じ。

これがスマホだとこうなります。

今回、ホームページを作るにあたって、このレスポンシブデザインを実現するのに一番苦労しました。制作時間の50%は費やしていると思います。
「ただ単純にデザインを縦1列にならべるだけではないかー!!」と思われた人もいるかと思いますが、それが色々と難しいのです(涙)。
昔は、パソコン画面だけのデザインを作れば終わりだったのに、今はパソコン、タブレット、スマホと色々な画面サイズに対応させないとダメな時代になってしまいました。
わたしが管理している、いくつかのホームページのアクセスログを解析すると、全訪問者の60〜70%がスマホでアクセスしています。このことからも多くの人がホームページをスマホで見ていることがわかります。
もうひとつ、あざらしさんから「Web書店 いい旅書房」のリニューアルもお願いされているのですが、こちらはまったく手付かずです。
「いい旅書房」の完成はいつになりそう?と聞かれる度に「わかりません・・・」と答えては、なんとか時間を稼いでいます(笑)。