Top > Works/About > サイトがスマートフォン表示に対応しました (2016年1月30日掲載)
サイトがスマートフォン表示に対応しました
日頃サイトをご覧いただき、ありがとうございます。
ここ数年で、スマートフォンやタブレットからサイトを閲覧される方がたいへんに多くなりました。番組ブログのほうは以前から既にスマホ対応済みでしたが、このたびサイトのほうも、HTMLの記述や設定をスマホでの表示を考慮したものに若干変更してみました。
これにより、モバイル機器の小さな画面で表示した場合も、従来よりは多少ご覧いただきやすいかと思います。パソコンではこれまでとほぼ同様の表示となります。
もしかしたら作業過程に何か不備があるかもしれませんので、もしお気づきの点などございましたら、メール・一言メッセージ・Twitterなどからお知らせいただけますと参考になります。特に、画面の広さでスマホ・パソコンの中間にあたるタブレットでは、まだ充分に確認できていません。
作品紹介のギャラリー部分の表示も…
また、作品ページの拡大画像の表示も若干リニューアルしています。サムネイル画像が多数並んでいるギャラリー部分に関しては、スマートフォン・タブレットなどで拡大画像を表示したときに、スワイプによる操作に対応しました。具体的には以下のような操作が可能です。
- サムネイルをタップで画像を拡大
- 左右スワイプで前後の画像に移動
- (拡大画像のサイズが画面より大きい場合)拡大画像をダブルタップでさらに拡大または縮小
- 右上の×アイコンのタップまたは上下スワイプでサムネイル画面に戻る
パソコンで操作した場合、左右両端の矢印アイコンだけでなく、マウスの左右へのドラッグ操作や、キーボードの左右方向の矢印キーでも、前後の画像に移れます。画像部分以外のクリックやESCキーで拡大画像からサムネイル画面に戻ります。
サンプルギャラリーです。操作性をご確認いただけます。サーバの負荷状況や回線によっては、若干レスポンスがよくないかもしれません。
※未公開のメイク作品より。
※上記は「メイクその15」より。
対応作業の進行状況
文字部分については、ほぼ全部のページで対応作業が完了しています。ただし表形式の部分(tableタグ利用部分)などまだスマホでは見にくい箇所が残っていまして、どのように変更するかは今後検討予定です。
作品紹介など画像を含むページのギャラリー部分については、Worksページからリンクされている各作品ページはほぼ対応作業が完了しています。その他、Specialsにあるページについては、今後時間を見つつ作業したいと思います。
IE8以前での表示について
今回のスマホ対応に伴い、パソコンのInternet Explorer 8 (IE8)以前では、レイアウトが若干崩れるかもしれません。ご利用の方には大変申し訳ございませんが、見づらい場合は、IE9以降か、Google Chrome・Firefoxなどをご利用ください。
データ紹介
以下はご興味がありましたらどうぞ。
現在、当サイトへのアクセス(ここではセッション数)の約6割近くがスマートフォン・タブレットからとなっています。ご参考まで、Googleアナリティクスによる集計データを掲載しておきます。番組ブログを除いた、サイトの2005年〜2016年のアクセスに占める各OSの割合の推移と、それを元に、「Windows＋Mac OS」をパソコン、「Android＋iOS」をタブレット・スマートフォンと見做した場合のそれぞれの推移です。
※各年とも1月1日〜12月31日が対象ですが、2005年は11月18日〜12月31日、2011年は12月8日〜31日、2016年は1月1日〜1月28日までのデータです。
番組ブログのほうはサイトよりも早期にタブレット・スマホの割合が高くなっていました。2006年以降のデータを2015年4月に集計したものですが、そちらもご参考まで掲載しておきます。
関連ページ
以下もスマートフォン・タブレットへの対応に関連したページです。
ご意見・ご感想をお待ちしています
一言メッセージフォーム … お気軽にご意見・ご感想メッセージをお寄せください！ 管理人宛に直接届きます。
※管理人からの返信が必要なお問い合わせは、メールフォーム のほうからお願いします。
※ ゲストブック への書き込みも大歓迎です！