Webデザイナーの呟き

松山市にある老舗の焼肉専門店「焼肉大協」様のホームページがオープンしました。
創業から半世紀以上が経ち、現在松山市では最も歴史のある焼肉店なのだそうです。
お近くの方は是非一度行ってみてはいかがでしょうか？　いえ、一度と言わず二度三度・・・百度、千度！

焼肉大協様のホームページはこちら

ピクセル工房が制作を担当させていただきました。更新は自分でできるようにとのご要望だったので、WordPressをカスタマイズして利用することになりました。
松山と徳島では180kmも離れているのですが、二度に渡って遠路はるばる打ち合わせに徳島まで来ていただきました。ありがとうございます。
ピクセル工房では県内のみならず、県外のお客様も今まで何件か制作させていただいております。この度は徳島まで来ていただきましたが、もちろんこちらからお伺いすることも可能です。
お呼びいただいたら沖縄から北海道までどこへでも！　いや、海の向こうだって！（おっと、その前にパスポートとらなきゃですが）

ピクセル工房の制作実績は12月19日現在で117件です。

ATOKが新機能を出してきましたね。「ナントカ変換」。
ネーミングもユニークですが、つまり、思い出したいのに思い出せない言葉・・・「え～と、あれって何ていったっけ？ナントカ保護法？」・・・など、ど忘れすることってよくありますよね。
そんなときに、「なんとかほごほう」や「？ほごほう」って入力すると、候補がズラッと出てきます。
私ぐらいの年齢になると、だんだんもの忘れが激しくなってきて（笑）、こういう機能はたいへんありがたいです。
残念ながら私はATOK Passportのユーザーではなくパッケージ版のユーザーなのですが、今はお試し期間中ということで使用することが可能です。
なかなか便利ですよ。特に中・高齢者にはお勧めです。

念のため、私は某○ャストシステム社の社員でも回し者でもございません。（笑）

ピクセル工房ホームページですが、ようやくスマホ／タブレット対応しました。
今までは、タブレットではPC版がそのまま表示され、スマホではスマホ専用サイトに端末振り分けで飛ばすように設定していました。しかし、今回はWordPressでトップページをブログ化したものの、例えばfacebookなどでブログページをシェアした場合に、スマホで閲覧している人がそのリンクをクリックしても、該当ブログページに飛ばず、スマホ専用サイトのトップが表示されてしまうという現象が起きていました。これではまずいです。
そこで、対応策をいろいろ考えたんですが、結局は定番のレスポンシブWebデザインが最も妥当な方法だという結論に達しました。

レスポンシブWebデザインとは、アクセスする端末がPCでもスマホでもタブレットでも、一つのサイトを表示し、画面の横幅に応じて最適な表示になるようデザインを調整する方法です。端末振り分けなどで別々のサイトを作成することはありません。
したがって、度々サイトの内容の更新がある場合なども、一度だけ作業を行えば、PC、スマホ、タブレットのどれで見ても反映されています。これが、もしそれぞれの端末専用サイトを別々に作っていた場合だとどうなるでしょう？当然ながら、同じ更新内容をサイトごとに何度も行わなければなりませんね。

しかしこのような一見理想的なシステムに見えるレスポンシブWebデザインですが、デメリットもあります。
例えば、スマホ版を別に作成した場合なら、最適化したデータを作ったりページを減らしたりすることで容量のダイエットは可能ですが、レスポンシブの場合はPCでもスマホでも同じデータを全部読み込みますから、全体的に重くなりがちです。
それに、あくまで「対応」ということなので、「最適化」とは違います。
また、スマホ版を基準にできるだけ容量を抑えるように作った場合、PCで見たときにしょぼいページになったりするかもしれません。
それと、スマホであえてPCサイトが見たいという方への対応が難しいです。

などなど、メリットもデメリットもあるレスポンシブWebデザインですが、今のところ最も有力な方法であると言えるでしょう。