練習ページ/1009/案3

Cached: 2025-01-12 17:15:34 Last-modified: 2024-12-23 (月) 14:21:57

練習ページ/1009/案3
練習ページ/1009/案3/任務          ←全任務一覧のページ、前提任務・過去の任務を調べたい人向け
 ∟練習ページ/1009/案3/任務/フロントページ ←通常の利用者向けページ
 ∟練習ページ/1009/案3/任務/新着任務    ←任務ページ・フロントページの両方にインクルード
 ∟練習ページ/1009/案3/任務/コメント欄   ←任務ページ・フロントページの両方にインクルード
 ∟練習ページ/1009/案3/任務/過去の期間限定任務 ←別ページ化、フロントページからアクセス

  • 案2の任務ページのアクセス頻度を抑えるレイアウトを採用
  • 過去の期間限定任務を別ページ化し、任務ページのサイズを削減
  • 効果の両取りで負荷軽減効果がさらに上がる
  • 効果
    • 任務ページ(全任務一覧)のアクセス頻度を抑えて通信量を低減
    • 任務ページ(全任務一覧)のサイズを削減して通信量を低減
      →サイズを2.84MB→1.64MBと大きく削減できた
    • 新着任務を閲覧するページの軽量化(フロントページ:546KB)
    • 任務ページのサイズ削減(2.85MB→1.62MB)
      →別ページ化した「過去の期間限定任務」は911KB
      ※現行ページのインクルード元やコメントページを参照しているため、値は変動します
  • 課題
    • 期間限定任務へのリンクが切れる
      • 別ページ化した過去の期間限定任務の方に事前にリンクを切り替えることで切れ目なく移行
    • 装備ページの入手方法などにおける、期間限定任務へのリンクについて
      • 機能中の「任務#Q2024-1」形式のリンクは、案の実装時に書き換え、引き続き機能させる
      • 機能していない「任務#id-2401B4」形式のリンクは、案の実装後に書き換え、機能させる
    • コメント欄を設置するページについて
      • 新着任務をフロントページで見ることを想定しており、フロントページには必要
      • 新着任務以外の前提任務の報告などは全任務一覧から投稿できれば便利
        →コメント欄を共有する構成を作ってみました



◆ メニューバーの表示イメージ

任務(クエスト)

「任務」と書いてあるところを押すと「任務/フロントページ」に飛ぶ
「全任務一覧」と書いてあるところを押すと「任務」ページに飛ぶ



◆ 案の説明
◆ 各任務へのリンクについて

  • 新着任務の閲覧にフロントページ(553KB)を利用して負荷を抑える
  • リンクを維持するために、任務ページ(全任務一覧)にも新着任務を記載
    • 新着任務の各任務へのリンクは今まで通り「任務#id-xxx」と記述する
      →任務ページの方の新着任務に飛ぶが、新着任務から一覧に移された際も機能する
      今後は新着任務の前提任務は「#id-xxx」ではなく「任務#id-xxx」と記述するようにする
      →フロントページから全任務一覧に飛べるようにする
      →全任務一覧にある前提任務は「#id-xxx」のままで機能するので修正は不要
  • 新着任務では、前提の常設任務のリンクを「任務#id-xxx」で指定する(今までは「#id-xxx」)
    →前提の常設任務はフロントページから任務ページ(全任務一覧)に飛ぶ
    • 全任務一覧にすでに記載されている前提任務は「#id-xxx」のままで機能するので修正は不要
    • 記載対象の新着任務が、常設任務、期間限定任務のどちらであっても移動後も機能する
  • 新着任務では、前提の期間限定任務のリンクを「#id-xxx」で指定する(こちらは今まで通り)
    →前提の期間限定任務はフロントページ内の各任務に飛ぶ
    • 記載対象の新着任務が期間限定任務の場合、移動後は「過去の期間限定任務」ページ内で各任務に飛ぶ
    • 記載対象の新着任務が常設任務の場合、移動後は飛ばなくなる(別ページのため)
      →期間終了後は前提が他の任務に変わるので影響は軽微
      →修正してもよいが、飛ばなくてもあまり問題ないかも
  • 装備ページの入手方法などでは、新着任務の各任務へのリンクは今まで通り「任務#id-xxx」で指定する
    →任務ページの方の新着任務に飛ぶ
    • 常設任務は新着任務から外れて全任務一覧に移っても機能する
    • 期間限定任務は別ページに移動すると機能しなくなる(任務ページ先頭に飛ぶ)
      →機能しなくなるのは現状と同じ
      →気付いた人が折り畳みの手前に飛ぶように書き換える(これも現状と同じ)



◆ 案2から変更した点

  • フロントページを任務ページの子ページとした
    →相対パスが使いやすいため
    →フロントページでは過去の期間限定任務へのリンクを「../過去の期間限定任務」で指定
    →今回作成したページへのパスはすべて相対パスで指定しており、このまま実装しても機能する
  • 定期任務のID変更一覧を任務ページ(全任務一覧)に置いた
    →関連性を考慮
  • 全任務一覧の目次を現行の任務ページから作成
    →出撃以外もデイリー、ウィークリーなど各定期任務へのリンクがある



◆ 検討事項

  • インクルードの順番や目次
    • 別ページへのリンクを、各ページ(フロントページ、全任務一覧、過去の期間限定任務)の最上部に配置
    • フロントページでは新着任務、定期任務一覧、全任務一覧の順
      全任務一覧ではメインは一覧と考えて、常設任務、新着任務の順
    • 全任務一覧の目次にも過去の期間限定任務へのリンクを記載した
      フロントページの目次では全任務一覧の各表へのリンクを省いた
      フロントページの目次では全任務一覧の下に軽量リンクを設けた
    • フロントページの目次の下に任務各一覧への軽量リンクを設けた
      →インクルード元の各ページに飛ぶ(開放条件のリンクは使用不可)

    • 実装後でないと分からない面もあると思うが使いやすいものにしたい
      →ページ構成に変更が無い限り、実装後も調整は可能



◆ 期間限定任務へのリンクの書き換え

  • 装備ページの入手方法などで指定されている、期間限定任務へのリンクを書き換える
    • 2024年であれば「任務#Q2024」の部分を「任務/過去の期間限定任務#Q2024」とする
      →検索して「/過去の期間限定任務」を挿入するだけなので、思っているほど大変ではないかも?
      チェック表(確認日:2024/12/15)
      対象年検索リンクヒット
      ページ数
      除外
      ページ数
      対象
      ページ数
      2013任務#Q2013110
      2014任務#Q2014110
      2015任務#Q2015817
      2016任務#Q201612111
      2017任務#Q201719118
      2018任務#Q201826125
      2019任務#Q201930129
      2020任務#Q202040139
      2021任務#Q202138137
      2022任務#Q202230129
      2023任務#Q202326125
      2024任務#Q202417116
      ※このページもヒットするので対象から除外。他にもあれば同様に除外ページ数に計上


リンクについての検討

◆ 期間限定任務へのリンクの現状の課題(参考)

  • 装備ページの入手方法などでの期間限定任務へのリンクは、現状、期間中と終了後で書き換えが必要になっている
    2024年の新春任務の例:



◆ 意図しないリンク指定の検討

  • リンク指定が期待通りでないケースを考える
  • 新着任務では、前提の常設任務のリンクを「任務#id-xxx」で指定する(今までは「#id-xxx」)
    「#id-xxx」で指定された場合:
    前提の常設任務が新着任務でない場合はフロントページから飛ばない
    →気付いた人が修正する
    • 記載対象の新着任務が常設任務の場合、移動後は機能する
    • 記載対象の新着任務が期間限定任務の場合、移動後は飛ばない
      →気付いた人が修正する。終了した任務の前提任務なので影響は軽微
  • 新着任務では、前提の期間限定任務のリンクを「#id-xxx」で指定する(こちらは今まで通り)
    「任務#id-xxx」で指定された場合:
    前提の期間限定任務は任務ページの新着任務に飛ぶ
    →気付いた人が修正する
    • 記載対象の新着任務が期間限定任務の場合、移動後は任務ページの先頭に飛ぶ
      →気付いた人が修正する。終了した任務の前提任務なので影響は軽微
    • 記載対象の新着任務が常設任務の場合、移動後は飛ばない
      →期間終了後は前提が他の任務に変わるので影響は軽微
      →修正してもよいが、飛ばなくてもあまり問題ないかも
  • 装備ページの入手方法などでは、新着任務の各任務へのリンクは今まで通り「任務#id-xxx」で指定する
    「任務/フロントページ#id-xxx」で指定された場合:
    フロントページの新着任務に飛ぶ
    • 常設任務は、新着任務から移動後はフロントページ先頭に飛ぶ
      →気付いた人が修正する。このケースは少し問題
      →発生頻度は不明だが、たまにくらいか。現在対策予定なし、状況を見て対応
      →対策として、新着任務の見出しの下に注意書きを記載
    • 期間限定任務は、新着任務から移動後はフロントページ先頭に飛ぶ
      →機能しなくなるのは「任務#id-xxx」で指定された場合も同じ
      →気付いた人が折り畳みの手前に飛ぶように書き換える



◆「過去の期間限定任務」別ページ化なしの検討(参考)

  • 比較検討のため、別ページ化しない場合(案2と同様のページ構成)のリンク運用を考える
    →対処なしで機能するケースが増え、運用は少し楽
  • 新着任務では、前提の常設任務のリンクを「任務#id-xxx」で指定する(今までは「#id-xxx」)
    →別ページ化ありの場合と挙動は同じ
    • 「#id-xxx」で指定された場合:
      前提の常設任務が新着任務でない場合はフロントページから飛ばない
      →気付いた人が修正する
      →記載対象の新着任務が、常設任務、期間限定任務のどちらであっても移動後も機能する
  • 新着任務では、前提の期間限定任務のリンクを「任務#id-xxx」で指定する(今までは「#id-xxx」)
    →別ページ化ありの場合とおおよそ同じような挙動、対処
    →前提の期間限定任務はフロントページから任務ページの新着任務に飛ぶ
    • 記載対象の新着任務が期間限定任務の場合、移動後は任務ページ内で各任務に飛ぶ
    • 記載対象の新着任務が常設任務の場合、移動後は飛ばなくなる(折り畳みのため)
      →期間終了後は前提が他の任務に変わるので影響は軽微
      →修正してもよいが、飛ばなくてもあまり問題ないかも
  • 新着任務では、前提の期間限定任務のリンクを「#id-xxx」で指定する(こちらは今まで通り)
    →こちらで運用しても、おおよそ同じような挙動、対処
    →前提の期間限定任務はフロントページ内の各任務に飛ぶ、それ以外は同じ
  • 装備ページの入手方法などでは、新着任務の各任務へのリンクは今まで通り「任務#id-xxx」で指定する
    →別ページ化ありの場合と挙動、対処は同じ
    →期間限定任務へのリンクが機能しない要因が、別ページへの移動か折り畳みかの違いはある
    • 「任務/フロントページ#id-xxx」で指定された場合:
      →別ページ化ありの場合と挙動、問題点は同じ

以上