カテゴリ:お知らせ

【9/30修正】スマートフォン用ページをリニューアルします!

最終更新日:2022年9月30日 9:00
スマホ版ページ新デザイン

大変長らくお待たせしております、「未来へのレポート」スマートフォンサイトのリニューアルプロジェクトですが、ようやく完成の目途が立ち、10月中10月1日(土)に公開できる見通しとなりました。リニューアルの概要と将来計画についてご説明いたします。

未来へのレポートスマホ版サイトリニューアルのポイント


①パソコン版サイトに合わせたコンテンツ充実
 現在使用しているスマートフォンサイトのデザインは、サイトのデータを保管しているFC2ブログにより提供されたテンプレートを一部改変しながら使用しています。このテンプレートは日本国内でのスマホ黎明期ともいえる2013年に作成されたものです。そのため、記事一覧ページにサムネイル画像が無いなど、現在の一般的なスマホサイトと比べてコンテンツが貧弱となっています。現在は端末・回線共に当時と比べて飛躍的に性能が向上していることから、今回のリニューアルでは記事一覧ページにもパソコン版サイトと同様にサムネイル画像を表示できるようにします。
 また、現在のスマホサイトではトップページ・カテゴリページなどは全て記事のタイトルと公開日時の文字だけが並んでいるだけとなっていました。パソコン版ではカテゴリごとに記事の色分けを行っていることから、スマホ版についても視認性を損なわない範囲でこの機能を導入し、探している記事を見つけやすくします。さらに、記事個別ページ下にも同様に記事一覧のリンクを新設し、同じカテゴリ内での記事移動やサイト内の最新記事への移動が容易にできるようになります。

②様々なデバイスへの最適化
 現在のデザインは2013年当時のスマホの画面サイズに最適化して作られており、大画面化が進んだ現在では左右に不必要な余白が生じるなどその空間を十分に活用できておりません。そこで、表示するデバイスの幅に応じてコンテンツ幅を可変とすることで画面全体を最大限活用できるようにします。同時に、間隔が狭く誤タップの原因となっていた一部のリンクやボタンのレイアウトを調整し、タッチ操作への最適化を実施します。

③外部コンテンツとの連携強化
 これまで使用してきたテンプレートはトップページとそれ以外の記事一覧型のページで表示内容が同一となっていました。このため、パソコン版で表示していたTwitterのタイムラインや外部サイトを利用した企画などのご案内が十分にできていませんでした。リニューアル後はトップページにこれらの情報を掲載することで、外部サイトを活用したコンテンツ展開が可能となります。
 なお、記事の更新が十分な頻度で行えていない点を補完する目的で、9月中旬より現地調査や資料調査等の速報をお届けするためのTwitterアカウント「未来へのレポートNOW(@Rf_now)」の運用を試行中です。今後はこのアカウントを活用しつつ、できるだけ早く皆様に情報をお届けできるようコンテンツ制作を進めてまいります。

スマホ新サイトについては、現状筆者手持ちのiOSとAndroid端末1機種ずつで正常に表示できることを確認しておりますが、タブレット等画面幅が異なる環境での検証ができておりません。何か不具合を発見されましたらTwitter等のSNSかメールにてご連絡いただけると幸いです。
 なお、予告しておりました通り今回のスマホサイトリニューアルに合わせて2018年以前の記事に残していた過去のコメント表示を廃止させていただきました。また、スマホサイトと操作性を合わせるため、今後パソコン版サイトのデザインの一部を変更する予定となっています。

メニューの開閉方法と検索機能の制限について

①右上メニューボタンの開閉方法
右上メニューの操作方法

 全ページの右上にアクセスが多いカテゴリやサイト全般のご案内等へメニューボタンを配置しています。3本線アイコンをタップするとメニューが開きます。開くとアイコンが×に変化します。メニューを閉じるときは×をタップします。誤操作防止のため、メニューは×ボタン以外の部分(下にスクロールすると見えるページ本体など)をタップしても閉じませんのでご注意ください。


②ページ下部のカテゴリ一覧の開閉方法とキーワード検索の仕様
ページ下メニューとサイト内検索の操作方法

 全ページの最下部には、カテゴリへのリンクを配置しています。大カテゴリのタイトルをタップするとさらに細かいカテゴリへのリンク一覧が表示されます。一覧を閉じる場合は大カテゴリの文字をタップします。
 その下にはサイト内検索(現在はキーワード検索のみ対応)のフォームを配置しています。FC2ブログの機能上の制限により、スマートフォンでは検索結果をサイト内に直接表示できないため、一旦FC2ブログ公式の検索ページに遷移します。検索結果の記事タイトルをタップすると元のスマホサイトに戻れますのでそのままご利用ください。

今後はパソコン版サイトとの完全統合

 一応のリニューアルの見通しが立ったスマホサイトですが、FC2ブログの制限により上記の通りタグ検索がの機能が組み込めないといった問題が残っています。これらの問題を回避するにはパソコン版ページをスマホでも閲覧できるようレイアウト可変型(レスポンシブデザイン)に改修する必要があります。現在のパソコン版ページも2015年のリニューアルから7年が経過しており、継ぎ足しを繰り返した内部のプログラムの管理に苦慮しているところです。
 現在のところ時期は明言できませんが、次のステップとして今回完成させたリニューアル版スマホページをベースにパソコン版ページをレスポンシブデザイン化し、全てのデバイスで全ての機能をご利用いただけるよう改修を進めてまいります。





スポンサード リンク
テーマ:管理人からのお知らせ ジャンル:その他
月別アーカイブ

全記事タイトル一覧

お知らせ

現地取材・資料調査等の速報用Twitterアカウントを試験運用中です。試験運用のため運用方針が今後大幅に変更される場合もあります。(2022,09,20)

過去のお知らせ一覧
更新情報Twitter

おすすめ&スペシャル


YouTube再生リスト:渋谷駅再開発
「東急新玉川線」書籍化プロジェクト
「京葉線新東京トンネル」書籍化プロジェクト
「総武・東京トンネル」書籍化プロジェクト


@takuya870625 Twitter