スマートフォン機能について

スマートフォンには、iPhoneのような手のひらサイズの端末や、iPadのようなサイズのタブレット型の端末もあります。パソコン上でのInternet Explorerのようなブラウザとの違いは、次のとおりです。

  • 画面の縦向きか横向きかを検出し、画面の切り換えができる。
  • 表示領域の基本の画面幅などを、任意のピクセル数に指定でき(ビューポート機能と呼ぶ)、ホームページデザインの横幅に合わせて、縮小表示(一部高解像度端末では拡大表示)する機能がある 。

上記の機能がない一部のスマートフォンでは、スマートフォン表示機能が利用できないため、通常のパソコンと同じ表示となります。iPhoneやiPad、大部分のAndroid端末では、スマートフォン表示機能を利用できます。

スマートフォンでのアクセス

当サイトには、「スマートフォン表示」機能が実装されています。ここでは、スマートフォン表示機能について説明します。

 

パソコン上でのブラウザ表示

パソコン上でのブラウザ表示の画像

スマートフォン表示

スマートフォン表示の画像

動作説明

  • 最初に横向きでホームページを読み込むと、大部分の端末(解像度横幅が400ピクセル以上)で「パソコン表示」になります。
  • 最初に縦向きでホームページを読み込むと、「スマートフォンモード」で「スマートフォン表示」になります。
  • 横向きでも、縦向きでも、いったん読み込んだ後に再読み込みやページ移動をせず、向きを変えてもモードは変わりません 。 それぞれホームページを読み直すか、別のページへ移動すると、その時の画面の向きの状態でモードが決まります。
  • 画面の向きを変えても、再読み込みやページ移動をしない場合はモードは変わりませんが、デバイスの解像度横幅によっては、一時的に画面の表示状態が変わる場合があります。
  • 「スマートフォン表示」の状態から「パソコン表示」に切り替えるには、「機能ボタン」を押して表示されるメニュー内の下図のバーの「パソコン画面表示」ボタンを押します。すると、「パソコンモード」になり、画面の向きによらず「パソコン表示」になります。
    ここで切り替えた「パソコンモード」は、クッキーに保存されます。そのため、次回以降のホームページ閲覧でもモードが維持されます。

パソコン画面表示を示す画像

  • 「パソコン表示」の状態から「スマートフォン表示」に切り替えるには、縦向きにしてフッタ領域の上部に表示される、下図のバーの「スマートフォン」ボタンを押します。すると、「スマートフォンモード」に変わり、縦向きの場合のみ「スマートフォン表示」になります。
    パソコンモード時の画像

  • ここで説明した表示バーは、スマートフォンでの縦向きでのみ表示されます(向きを変えて再読み込みをしない一時的な場合は除く)。

スマホ用画面切替ボタン

スマートフォンでは、パソコンに比べて1画面に出せる情報量が少なくなります。そこでスマホ専用の2つの画面切替ボタンを使うことにより補います。
パソコン表示では主にヘッダの中に配置してきた以下の機能が、スマートフォン表示ではタイトルロゴの左にある「機能ボタン」に集約されます。(仕様によっては入らない機能もありますのでご注意ください。)

  • 翻訳
  • 「サイトマップ」へのリンク
  • スマートフォン、パソコン表示切替
  • ページの末尾へジャンプ

機能ボタンクリック時の画像

タイトルロゴの右側にはグローバルナビやパンくずリスト、サブメニューを表示する「メニューボタン」があります。トップページには元々グローバルナビが表示されていますが、下階層では表示されず、このボタンを押すことにより表示されます。

メニューボタンクリック時の画像