原神wiki

編集掲示板 / 4276

5455 コメント
views
8 フォロー
4276
名無しの旅人 2024/02/12 (月) 16:22:28 修正 db2b9@ff932

キャラクター一覧について、おそらくずっとこの状態だったのかと思いますが、スマホで閲覧すると、キャラクター一覧の表の右側が見切れてしまいます(私の環境だと国までしか見えません)。
提案です。列の最初をレア度ではなくキャラ画像にして、先頭列固定(fix-col)にするのはいかがでしょうか。その場合、画像・カナソート・名前・レア度・元素...が表の順番としては適切かと思います。表の項目が縦幅を占領するのも良くないので、項目名を「固有ステ」「元素エネ」に変更しています。意味は通じるかと思うのですが、他に良い案があればご教示ください。
実装例:砂場#m5f6c629
↓スマホで右端までスクロールしたときのスクショ
先頭列(画像)固定
先頭列(画像)固定&項目名変更

(作業していると、主人公の爆発60とは限らないなと思いましたが、それはまた別の話としてお願いします...)

通報 ...
  • 4282
    名無しの旅人 2024/02/13 (火) 20:43:14 c9512@d8a8f >> 4276

    提案に賛成です。

  • 4283
    名無しの旅人 2024/02/13 (火) 21:08:59 4e650@75a79 >> 4276

    個人的には、PCからだと使いにくくなるので、tablescroll無くした方が好みかな。

  • 4284

    コメントありがとうございます。PC閲覧時に、縦の表示幅が狭くなってしまうのは想定外でした...
    現状維持とスマホ考慮の折衷案(両方表示)を作ってみました→キャラクター一覧変更案2
    別ページに作った表を読み込み、PC向けとしては現行と同じscreen-stickyで、スマホ向けとしてはfix-colで表示しています。スマホ利用の方には開閉してもらう感じになります。
    デメリットは、折りたたみの中なので表の横幅が少し狭くなる、注釈が二重表示されてしまう、表が別ページなので管理が直感的でない、辺りでしょうか。
    引き続きコメントございましたら、よろしくお願いします。

    4285
    名無しの旅人 2024/02/15 (木) 00:02:32 4e650@75a79 >> 4284

    exkpプラグインで携帯とPCの表示を分けれるらしいので共有しておきます。

    4293

    残念ながら、exkpで判別できる「携帯」とはおそらくガラケーのことのようでした...スマホを判別できれば良かったのですが...情報ありがとうございました!

    4297

    >> 4293すみません

  • 4286
    名無しの旅人 2024/02/15 (木) 00:42:44 4c1d2@1c970 >> 4276

    fix-colを使い高さを800くらいにしておけばPCスマホどちらにも対応できそうです。改行しないよう#nobrで囲い、画像表示サイズを設定したものをキャラクター一覧変更案2に追加しました。ただ操作感が少し悪く、ヘッダーがうまく固定されないことがありました。

  • 4294

    >> 4286
    提案ありがとうございます!勝手ながら「キャラクター一覧変更案3」として分けさせていただきました。
    確かに、スマホで見てみると表の下部で先頭行の追従がなくなったりしてしまうようですが、折衷案としては良さそうです。

  • 4295
    木主 2024/02/15 (木) 21:28:06 修正 db2b9@ff932 >> 4276

    fix-colの表について、私の環境(PC)だと、たまに画像の下の線(表の枠)がなくなってしまうようなのですが、みなさま同じでしょうか...?もし起こるようでしたら、原因とか解決方法とかご存じの方がいらっしゃれば...
    画像1

  • 4373

    なぜか表の線が消えることがある(おま環かもしれない)件は気になりますが...それよりスマホで見えるようにしたいと思っておりますので、引き続きコメントありましたらよろしくお願いします。
    (これまでの案1に入っていなかった nobr を入れて、改行しないようにしております。)
    案1:スマホは見やすくなるが、PCの見え方が変わってしまう
    案2:PC利用者はほぼ今まで通りで、スマホ利用者は表示を開閉する必要がある。(編集に関しては、表は別ページに作成し、それぞれの表示用として読み込む)
    案3:高さ指定をすることでPCでの閲覧可能幅は広いが、スマホで見ると先頭行の追従が表の下端ではなくなってしまう

    4376
    名無しの旅人 2024/02/24 (土) 20:03:05 4e650@75a79 >> 4373

    私も一部消える時があることを確認しました(大きな問題とは思っていませんが)
    個人的に気になった点を変更した案4を作成しました。

    4389
    木主 2024/02/27 (火) 20:27:49 修正 db2b9@ff932 >> 4373

    提案ありがとうございます!小さいアイコンの場合は _s の画像を使うのですね。一部キャラが _0 のままでしたが、意図あってのことでしょうか...?
    (半角カナが好きでないという個人的な理由は置いておいて...)スマホで見たときに、改行ありの場合は「固有ステータス」「元素エネルギー」が縦幅をとっていたので気になったのですが、追従しないなら、変更なしでもいいかもしれませんね。

    4399
    名無しの旅人 2024/02/29 (木) 19:13:39 4e650@75a79 >> 4373

    _0に、特別な意図はないと思います。各人が自由に追加した結果、統一されていないだけだと思います、中のコードを見て個人的に気になったので統一しただけで、利用者的には差はほぼないので変えなくても良いとも思います。

    4465

    コメントありがとうございます。(気づくの遅くなってすみません!)
    案4で書いていただいていた分に _0 があったので質問させていただきましたが、すべて _s でも問題なさそうですね。
    ついでに勝手ながら、他と合わせて nobr を入れさせていただきました。

  • 4466

    来週にはキャラ追加もありますので、今週末あたりから投票で採決したいと思います。
    改行なしで統一して採決しようとしておりますが、改行あった方が良いなど、最終的なご意見ありましたら、コメントお願いします。