原神wiki
編集掲示板 / 305
5449
コメント
views
8
フォロー
305
名無しの旅人
2021/03/10 (水) 21:35:23
184a5@781d0
https://wikiwiki.jp/genshinwiki/砂場#qb8cec66 トップにキャラペのクイックアクセス貼ろうと思って、作ったんだけどソートに悩んでる。好きなキャラソート順とかある？
通報 ...
木主のソート順は普通に分かりやすくていいと思う。この画像だと元素の切れ目が分かりにくいから改行が欲しいかな
同レア内は実装順って選択肢もあるかなと思った 意見の1つとして
実装順とした場合、仮に初期組はどのように並ばせる感じですか？
ゲーム内の「キャラ図鑑」の並び順が内部的なID順と思われるので、炎はアンバー香菱ベネット、水はバーバラ行秋、氷はガイア重雲、雷はリサレザー北斗フィッシュル、岩は凝光ノエルかなと思います
図鑑順は冴えてるな！ いい感じなのでトップにはりましたお疲れ。ありがとう。
ID違うけど実装順(図鑑順)を提唱した者です 自分は古いほうが左、新しいほうが右を想定していました あと改行が入ってるのが微妙に感じたので一番長いフィッシュルが改行されないように調整したのを砂場に作ってみました https://wikiwiki.jp/genshinwiki/砂場#h43946c1 昔から原神やってる人にとっては見やすい順だと思いますが新規の人は五十音のほうが見やすいかもしれないので一概には言えないところ
お二方ありがとうございます。スマホだとフィッシュルだけ改行されてるのでもう少し大きくしてみましたが、大きすぎますかね。幅によっては2人ずつ改行されそうですし
初版は ・ソート順:1.ゲーム内のキャラ図鑑を開いた時の初期ソートがID降順だった 2.新キャラが前に来てたほうがアクセスしやすそうだった ので降順にしたよ。・幅: https://genshin.gg/ を参考にスマホで4列表示を目指してとりあえず60にしたよ。俺も名前の改行は気になってたし88(3列表示だった)はいい感じに思うよ。ダインスレイヴさんが出たら困るけど！ ソート順2のアクセシビリティの観点で図鑑昇順はちょっと下がるかなと思ったよ。元素でコンテナ分けたら五十音じゃなくてもぱっと見でわかるかなと思ったよ。この辺はもう好みだな！
同元素同レア内のキャラ順ですが、流れを見てもそこそこに必要不必要・コードの方の議論に流れてしまった感があるため、再び枝を伸ばさせていただき、ID昇順の提案です。砂場に試案
そもそもなんですが、Topページにキャラクター一覧を乗せる必要ってありますか？
個人的には不要と感じましたので一意見としてコメントさせていただきます。
自分は賛成派 トップページはブックマークする人が多いだろうけど今までトップページは情報量が少なかった キャラクターページは需要が高いページだけどメニューからだと展開して文字列から飛ばないといけない トップで顔アイコンから飛べるのは利便性が上がると思う
自分も反対 今の場所じゃメニューから開いたほうが早い かわりに公式Twitterと外部リンクが遠くなって使いずらい せめてたためるようにしてほしい
反対派 ソートの必要もなくパッと見ですぐわかるのでキャラクター一覧の方に欲しいなと。
個人的には賛成です。位置とか大きさとかは調整したほうがいいと思いますけどキャラの顔が見えたほうがキャラページに飛びやすいっていうのもありますから
名前の表記は要らないと思う。名前(文字)で探すならメニューバーで事足りるから。
またフロントページに直接書くのではなく、新規ページを作ってそれをincludeするのが良いと思う。
加えてそのページを各キャラページにもincludeするのも良いと思う。置くとしたら本文の下かコメ欄の下。
名前の表記をしない場合、編集性が下がるけどflex containerを使わずそのまま同じ行に連続して書くことも出来る。
あと上で言われてるけど折り畳み化しないと邪魔臭い。元素ごとの改行をなくせばまだマシになるかもだが、何れにせよスマホ表示だとただただ邪魔になるはず。
メニューの折りたたみをいちいち開くほうがよっぽど煩わしいとおもってたわ。あと邪魔臭さで言ったら最初のデカ画像だろーデスクトップ表示だとでかすぎる
トップページの公式画像クソデカ問題は同意。
スマホでは改行するより横にスクロールするほうがいいかと思ったのですがうまく編集できませんでした。横幅を狭めてでも表示しようとするみたいです。
topに張ったのは折り畳み化されてて意味がなくなったので撤去したよ。で、includeして各キャラぺにっていうのはぜひやりたいと思ってたので、クイックアクセス横並びで何パターンか作ってみた。
ここまでの意見を総合してサイズ小さめ45の全部横並び名前なしで。余白なしはかなり窮屈。tableは名前なしだと枠線が野暮ったい印象になってしまう。横スクロールは面白いけどPCではちょっと操作しづらいかも？ flexがバランスいい感じに思うけどどうかな？
flexだとどうしても行間が広く空くのが気になるっちゃ気になる。flexじゃなくせば行間は数pxになる(横のマージンは半角スペースで調整できる)けど、1行に全て書くので編集性が悪くなる。とはいえ頻繁に更新するようなものじゃないし、個人的にはno flexが好きかな。
この中から選ぶなら一番上のno flexが一番いいかな 俺は初期案に近い方に賛成派だから「そんなにも省スペース化に拘る必要ある？」って今でも思ってるけど ところで胡桃だけ微妙にずれてるのは元の画像データが132x131で正方形じゃないからっぽい
やってみた感じスペース1個挟むのはいいな
窮屈すぎずきれいに収まってるno flex + spaceが良いと思いました。
各キャラペにno flex + spaceが嬉しい
Topへのキャラクター一覧の配置案を作ってみました。https://wikiwiki.jp/genshinwiki/砂場/Top配置試行2 デスクトップ表示における右側のもったいない空白を利用し、Top画像の横にキャラ一覧を追加する案です。便利なflexのおかげで、モバイル表示は従来のものとほぼ変わりません。
いーねー！ 俺がやりたかったのはこういうやつ！
https://wikiwiki.jp/genshinwiki/砂場/Top配置試行2 について。数日寝かせ、何箇所か編集も入ったので、21(日曜日)の昼ごろにトップページに適用してみようかと思います。主な変更点は、①クイックアクセスの追加、②イベントの分割とレイアウト変更(普段更新をされている方の容認次第)、③公式ツイッターをレイアウト変更し横に配置(イベント非分割の場合でも可能)、④秘境素材早見表の追加(作ってはみたがいらないかも)、です。なにかあれば編集かコメントください。
トップページのレイアウトを変更しました。要素数が増え読み込みが多少遅くなったため、24時間の#ecacheを設定しています。初回の処理時間70±20ms、その後は15±5ms程度です。以前のレイアウトでは常に15±5ms程度でした。
早見表について、天賦本の模様が見づらいので(主観)茶本→銀本に変えてみました、また旅人が全ての曜日に存在し情報量がゼロなため旅人をパージしました。
個人的に流れが追えてなかったので確認兼ねて進捗まとめです