原神wiki

編集掲示板 / 4537

5438 コメント
views
8 フォロー
4537
名無しの旅人 2024/03/17 (日) 22:50:49 c9512@d8a8f

FrontPageのレイアウトの全面的な変更を提案します。
変更目的は 1.キャラや国の増加で縦長になるページの対応 2.祈願情報や誕生日など現レイアウトで増えたモジュールの再配置 3.cssboxを活用した情報の整理 の3つです。
過去の議論として、祈願情報の設置時の変更提案(2705)先駆者のレイアウト提案同改良案tooltipの導入提案先日の武器表の改善案があり、今回の提案はそれらを元にしたものになっています。また、本提案が導入されると自動的にスクロールバーの問題もなくなります。
砂場のサンプルをご確認いただいた上で、ご意見を伺いたいです。正確な表決は内容を定めてから別に採るので、提案に対する所感やサンプルに対する改善点を指摘してもらえるとありがたいです。(賛成意見が多く、大きな問題点がなければ導入までの手順や表決の方法を考える段階に移りますが、逆に反対意見が多かった場合は提案を取り下げます。細かい問題点・改善意見は順次解決・反映していきます。)

通報 ...
  • 4538
    名無しの旅人 2024/03/17 (日) 23:19:14 9ed9e@71368 >> 4537

    FrontPage・MenuBer・雑談掲示板などへの告知はどうしましょう。

    4539
    名無しの旅人 2024/03/17 (日) 23:26:15 c9512@d8a8f >> 4538

    編集技術を持った人の意見を先に聞いておきたいので編集掲示板のみ先行して数日間意見を募り、その後に雑談掲示板等に告知をしたいと思います。表決段階には編集掲示板外の意見も十分取り入れてから移りたいと考えています。

  • 4543
    名無しの旅人 2024/03/18 (月) 14:29:06 修正 d71cb@ec15e >> 4537

    祈願情報追加の提案、及びFrontPage新案・FrontPage新案2を作成した者です。FrontPageの案を制作した半年ぐらい前の時点でも既存のものにはいくつか欠点がある(今後の拡張に耐えられない)ので新しくすることへは肯定的な意見が多かった一方で、新しく制作した案への指摘も多くそれの解決策(妥協点)を見つけられず半ばあきらめた形で議論が終了していったのでもう一度議論を再開してくれる方がいて嬉しく思います。
    ただ私も完全にあきらめたわけではなくここ数か月ちょこちょこ更新案を作成していたので、できればこちらも見ていただいて最終的な形にしていただけると嬉しいです。→FrontPage更新案

    全体的に私が以前作成した者を引き継いでくださっていますし大方反対するような箇所はありませんが、キャラクタークイックアクセスにTooltipを使用しているものを採用していることが一点気になりました。Tooltipを使用すると表示はコンパクトにはなりますが、マウス操作で重なってしまう問題があります。これによって以前の議論でもTooltipでの実装は否定されていたと思います。そのためこの箇所に関しては他の表示方法にするべきだと思います。

    4551
    名無しの旅人 2024/03/18 (月) 20:13:04 c9512@d8a8f >> 4543
    • tooltipについては私も採用を迷いましたが、問題を知っていれば回避可能なラインという判断で採用することにしました。キャラクター一覧を素材表の下に移設しているので、操作が苦手な人はそちらを利用できるという「代替手段」も用意しています。
    • 折りたたみ案の方はタップして開くだけという使いやすさはありますが、「依然としてスペースを取ってしまうこと」「全てのキャラアイコンを一覧したいという需要に応えられないこと」「accoridonデザインの統一感のなさ」が問題に感じました。

    ここは人によってどちらが良いか分かれそうなので、他の方の意見をもう少し聞きたいですね。

  • 4547
    名無しの旅人 2024/03/18 (月) 16:06:23 1795a@c34cd >> 4537

    PCから見たデザイン性は上がっているようですが、スマートフォンの場合枠や線がごちゃごちゃし過ぎて見づらいです。
    exkpを使うなどして、スマホではborderの代わりに全体に背景色を付けるデザインにした方がいいと思います。
    メニュー
    ゲーム内のアイコンがあった方がわかりやすいです。
    キャラクタークイックアクセス
    スマホからだとTooltipが操作しづらいです。
    また元素アイコンだと並びが何順がわからなくて直感的ではないように感じました。
    スマートフォンでは折りたたみかタブにした方がいいと思います。
    それとキャラクター欄で旅人がパイモンなのはややこしいので、他と統一して「旅人_s.webp」に変更して欲しいです。

    4552
    名無しの旅人 2024/03/18 (月) 20:15:04 c9512@d8a8f >> 4547

    exkpはフィーチャーフォンを対象としたプラグインなので、残念ながらスマホには効果がありません。背景色をつけるデザインの方は検討したいですが、イメージが抽象的なので、デザインの見本があると作りやすいです。
    tooltipについては上の方と同じなので議論の場をまとめさせてください。
    旅人のアイコンについて、tooltipの方では無元素(旅人s.webp)が抜けていたので少し分かりにくくなっていたかもしれません(現在は修正済みです)。クイックアクセスでパイモンが採用されているのは1年前からなので、ここが問題になるのは予想外でした。修正後の状態だと問題はどの程度深刻ですか?(1.全く分からない、2.少し分かりにくい、3.問題は解消された)

    4554
    名無しの旅人 2024/03/18 (月) 20:40:13 c9512@d8a8f >> 4547

    返信記入漏れていましたが、メニューのアイコンについては透過画像がないのでこちらでの対応は難しいです。スクショだと解像度が荒くてメニューの用途に向いてないので、透過画像さえあれば良い案だと思います。

    4558
    名無しの旅人 2024/03/18 (月) 21:13:02 1795a@c34cd >> 4547

    現トップページにもパイモンアイコンはありますが、隣に旅人が並んでるのですぐに分かります。新しいものだとそれがないため分かりづらい(初見は3、慣れれば2)です。メニューアイコン・メニューの旅人アイコンなどはFANDOMにあります(白いですが背景色付ければ良いと思います)

    4560
    名無しの旅人 2024/03/18 (月) 21:18:44 c9512@d8a8f >> 4547

    ありがとうございます。何かできることがないか検討します。メニューアイコンは公式以外から無断で画像を持ってくるのは少し躊躇われますが、そちらの方が良い人が多ければ……という感じですかね。

    4564

    メニューのアイコンについて補足させてください。
    以前の私の投稿を見ていただけるとわかると思うのですが、メニューのアイコンが全て祈願のものになっているのは、祈願情報をfrontPageに追加する議論の時に祈願用のアイコンを用意したので仮置きとしてそれを再利用したという経緯があり、今回木主さんがそれをさらに再利用しているためです。この祈願アイコンに関しては私が自作していて公式から保存したりデータマイニングで持ってきたものではありません。
    現在祈願アイコン以外もいくつか作成しているので貼っておきます(実際に使うことになればSVGファイルをwikiに添付するので言ってください)。またメニューに載せる項目が決まったあとで要望があればできる範囲でほかの必要なアイコンも作成します。もちろんFandomや他サイトから引っ張ってこれるなら無駄な作業をせずに済むのでそれでいいと思います。

    4569
    名無しの旅人 2024/03/19 (火) 10:36:07 修正 1795a@89d15 >> 4547

    背景色のものについて少し試してみました。背景も枠線もなしにした方がシンプルで個人的には見やすく感じました。画像 https://imgur.com/a/xlbJeND
    それと「編集者必読!」はなんなのか分からないのでガイドラインって書いた方がいいと思います。

    4574
    名無しの旅人 2024/03/19 (火) 14:54:21 d71cb@ec15e >> 4547

    >> 4569表の枠線を消してるこれってどうやって実装してますか?砂場に再現していただけると助かります。

    4580

    >> 4564そういった経緯だったんですね。事情を知らずにすみません。それならば是非アイコンを使わせていただきたいです。
    現時点でのメニューは確定ではありませんが、「キャラ・武器・聖遺物・任務・イベント・七聖召喚・深境螺旋・敵」の7つはゲーム内でもアイコンがあるので、同じものが必要になると思います。「掲示板」のアイコンはパイモンメニューの外部リンクと同じもので良いと思いますが、「元素」だけはどのアイコンにするか迷いますね。何かおすすめがあれば教えてください。

    >> 4569表の枠線はwikiの仕様で消せないはずなので、単純に並べてflexで調整した状態ですかね?技術的に作成可能であれば後に投票の選択肢に入れることはできますが、個人的には逆に配列が頭に入りづらい感じがしました(無線ノートみたいな感じかな?)。
    編集者必読は先駆者の提案そのままの部分ですが、「ガイドライン」と名の付くものは読まれないことが多いので、トップには必読と書いておくくらいがちょうどいい感じもしますが、いかがでしょう?

    4581
    名無しの旅人 2024/03/19 (火) 21:10:23 修正 1653b@628b8 >> 4547

    >> 4580
    背景有無の実物例を用意しました(画像を加工して組んでましたが実際に作りました)
    背景なしだと確かに見づらいですが、背景があると見やすくなると思います。
    ガイドラインの表記は、個人的にはこのメニューはクイックリンクが主な目的なのでリンク先が何かを明瞭にした方がいいと思いました。

    4584
    名無しの旅人 2024/03/19 (火) 22:28:26 c9512@d8a8f >> 4547

    作成ありがとうございます。グレーのものは見た目もいいですね。ただ、このままだとスマホで見た時に表示が崩れてしまいます。
    ガイドラインの方はそこまでこだわりはないので、タイトルに変更しておきます。

  • 4555
    先日の武器表の木主 2024/03/18 (月) 20:55:04 4e650@75a79 >> 4537

    先日の武器表の木主です、武器の表に関して再考することに関しては異論はありません。
    その上で

    1. 既に出てはいますが、tooltipは私にとっては使いにくいです(PC)。
    2. 誕生日の位置が右下で見つけにくいのが気になります。左に配置して欲しい。
    4559
    名無しの旅人 2024/03/18 (月) 21:14:31 c9512@d8a8f >> 4555
    1. ちょっと代替案を考えます。tooltipが使いにくいというのはバグが直れば問題ないということであれば、wikiwikiのリクエスト広場にちょうど同じ問題が投稿されているので、wikiwiki運営に対応を要望するというのも一つの手だと思います。(リクエスト広場のリンク
    2. 左というのは左下ですか?Menubarですか?
    3. ゴローの部分は千織を追加した時のミスですね。修正しました。
    4562
    1. tooltipがバグなのか?改善の見込みがあるのか?等の問題があるので、対応を待つのは賛同できません。
    2. 左下です。基本的に左詰めのなか右にあるのが見つけにくいので改善して欲しいとの意味でした、分かりにくくてすみません。
    3. ありがとうございます。
  • 4566
    名無しの旅人 2024/03/18 (月) 23:24:17 3114d@f2f0d >> 4537

    1.この変更、今必要? 見辛いって人がいっぱいいるって訳じゃなさそうだし、挙げてくれた提案や改良案が、緊急案件とは思えないですが、どうお考えでしょうか?

    2.たとえば「期間限定イベント」の欄を修正するとき、部分編集できなくて困ってます。
    (可能な仕様なら教えてほしいです。試しに*とアンカーを入れてプレビューしてみましたが見づらくなったので反映してません)

    3.ここまで難しい書き方にした理由はなんでしょう?
    知っての通り、ここは有志のwikiです。もし大学や会社なら、このレベルを理解できる後輩が来たり、人事部が新人を連れてくるかもしれません。だけどここは違います。
    「よく知らんけど書きこんでみよ~」「直してみた」って人が、繰り返していくうちに色々覚えて、おかげで誤字が直ったり、フッと笑えるような文章が書き込まれるんだと思います。
    そういう、現時点では「#ってなに?」レベルだけど将来面白いことを書くかもしれない人が、これだけ大量のコマンドと英数字が並んでる編集画面を見たら、せっかく編集にハマッてくれるかもしれない、新しい芽を潰すことになりませんか?
    編集に携わる人が減ったら、自分たちの首を絞めることになるのは同意して頂けると思います。
    ここまで盛り込んだのはすごいけど、人に受け継ぐ書き方ではないと思います。(ぶっちゃけ今のFrontPageでも初めての人にとっては酷なのではと思ってますが…)

    4573
    名無しの旅人 2024/03/19 (火) 13:17:46 修正 a3a55@4eb59 >> 4566

    上の方と同感です。趣旨はわかりますが最初は追記や修正が主でいきなりFrontpageに手を出す人は少ないと思います。複雑な構文で危惧すべきは敬遠する人が増え古い情報のまま更新されず放置されるリスクではないかと思います。これに関してはプレイ人口も多いですし、他の方が言う通りそこまで複雑でもない、お世辞にもシンプルとまでは言えない現状でもほぼ即日更新が実現できているのでそれほど心配していません。
    ただ、「コンパートメントで編集してくれ」というのはソースを見なければわからないので、部分編集リンクを手でつけた方が良いのではと思います。

    4575
    名無しの旅人 2024/03/19 (火) 18:06:39 b6a7d@2be20 >> 4566

    既に現在のFrontにある『ピック中の星5武器素材』が前のバージョンのまま放置されてる(これは場所がページの下で編集した人が見落とした?)し、更新されないのはコードが難しい以外の問題もありそう

    4578

    私の意見もほとんど>> 4567~4576の方々が説明してくれた通りですね。今回の部分編集用ページはこちらです。FrontPageコンパート
    一点だけ補足しておくと、私はむしろ「編集者を増やしたくて」FrontPageを改修したいと考えています。

    1. 現時点でも編集者が少ない
      FrontPageの編集をしている人って実のところとても少ないです。イベントが始まってもバナーが出なかったりするのは編集者(私含めて5人いるかな?ってくらい)がその時間(11時とwebイベの13時)に編集できなくなっているのが原因です。(キャラページの編集者が感覚としては一番多いですが、それでも記述が進まなかったりすることも偶にありますね。)
      ですので、編集者はむしろ増やしたいと考えていて、その一環として様々なページを便利にしようと進めているところがあります。
    2. 編集者を増やすため、改修で実際に行ったことは?
      一点目に、見た目の改善を狙いました。現在のごちゃついたFrontPageだと、どれほど良質な情報が書いてるサイトであってもブラウザバックされてしまうからです。全体の利用者が増えれば、それだけ編集に携わりたいと考えてくれる人も増えてくれると思います。比較画像1 比較画像2 / 比較画像3 比較画像4
      二点目に、イベント等のバナー画像をなくして文字情報onlyにしました。バナー画像は見映えは良いですが、画像添付の知識が必要で、転送容量の削減のためにリサイズが必要なこともあります。改修後は文字情報の入力だけで編集が完了するため、編集のハードルを下げることができます。
      三点目に、開始前のイベント情報を入力しておく欄を整備しました。事前に入力しておくことで、編集できる人がその時間にいなくても、次のイベント情報にアクセスできるようになります。
    3. 実際の構文は見た目と違って全く難しくない
      難しい構文はほとんどレイアウト用の構文です。(cssboxとflexboxとincludeの3つ)
      内容の更新にはほとんど知識を必要としないので、編集箇所さえ分かれば誰でも編集できると思います。
      万が一、レイアウトの更新が今後必要になるとしても、使っている構文はwiki標準のものであり、マニュアルさえ用意すれば大抵の編集者は理解可能な範疇に収まっているはずです。(現在起きているスクロールバーの問題の方がよほど根が深くて対応が面倒なはず)
    4582
    名無しの旅人 2024/03/19 (火) 21:30:34 修正 fb3ea@cee9e >> 4566

    ↑の木主の意見に賛成です。元々この新案のページが好きでしたし、改善してほしい点は過去の木で私が言った>> 3255のtooltipが重なる点くらいです。編集についても、現状よりも改善されていると思います。
    画像のアップロード(画像はキャラアイコンくらいしかしたことないが)が一番やりたくないので、文字情報が多いのは、アップデートの度の編集の観点から言えばありがたいです。これなら、気づいた時にやっておいても良いかと感じました。

    編集したい箇所にたどり着く方法についても、ソースコメントを参考にinclude探して各々の個別ページURL探して行って、編集したい箇所周辺の文字で検索すれば容易にたどり着けます。
    追記する上で知っておかないといけない知識は、includeと表組の書き方とURLリンク付き文字の書き方くらいで、1日で理解して編集できる範囲だと思っています。日々の情報更新程度なら、編集者を増やすために十分役立つ改善だと思います。

    4587
    枝主(4566) 2024/03/19 (火) 23:32:10 3114d@f2f0d >> 4566

    返信感謝です。
    1.いまだ必要に足る理由があるとは思えませんが、やる気がある人や詳しい人の多いタイミングでやっといたほうが良いというのは首肯します。
    2.これは私の聞き方が悪かったですね。「FrontPageから直接、部分編集はできるのかな?」ということを聞きたかったんですけど、とにかく直接部分編集できるリンクはあったほうが良いと思います。
    3.そうです。フレックスボックス,css,fa等が多用されていることです。一つひとつは難しくないと思いますが、これらが一気に詰めこまれていることで、編集画面がぐちゃぐちゃ(※整理されてないという意味ではなく、字面的に理解しづらい単語が多すぎるという意味)で編集する人の気を削がないか心配しています。ただFrontPageがあまり初心者がいじるページではないというのはそうかもしれませんね。
    テンプレートに関していえば、試しに期間限定イベント欄を編集しようとしたら、たまにFrontPageの更新をしている私でも、長すぎてどこを修正すればいいか判別に時間がかかり、&countdownの日付修正を忘れかけたことは注意喚起になるかもしれません。

    4589
    名無しの旅人 2024/03/19 (火) 23:48:05 c9512@d8a8f >> 4566

    2-3.詳しいフィードバックありがとうございます。見た目が完成した段階で提案して中身は粗削りだったので、areaeditや編集コメントでもっと簡単に編集できるように工夫してみます。暫くお待ちください。

    4590
    名無しの旅人 2024/03/20 (水) 02:15:32 4e650@75a79 >> 4566

    >> 4578
    編集者を増やしたくてFrontPageを改修したいのであれば、私は効果があるか疑問です。

    FrontPageは第一印象であり、その見た目を良くしたいとの気持ちは分かりますし良いと思います。
    しかし、それが新規編集者を増やすための手段であるなら、別の手段を考えた方が良いと私は思います。
    その手段としてイベントの画像を使わないのは良いと思います。

    4594
    名無しの旅人 2024/03/20 (水) 18:52:39 c9512@d8a8f >> 4566

    >> 4590

    1. 初見で難しいのはどこも同じではないですか?
      キャラページにしても考察以外の部分(特に天賦やボイス)は見た目的には初心者お断り仕様だと思います。そんな状態からマニュアル化・テンプレ化してできるだけ多くの人が編集できるようにしたのが現在の状態です。FrontPageもその試行さえ怠らなければ同じ道を歩めると思います。
    2. あれは見出しの形式自体が悪いと思っているわけでなく、ただ、FrontPageの情報配置や画像の使い方とは相性が悪いという指摘に過ぎません。
      文字情報がメインのキャラページでは見出し→箇条書きにするだけで上から下へ情報の濃淡をつけることができます。よって内容も順に推測しやすいです。しかし、画像や各ページへのリンクなど文字以外の様々な情報を多数扱うFrontPageでは情報がバラバラの形態で散らかってしまいます。そのままでは視線が忙しくなってしまうので、もっと流し読みができるように構造から変えた方がいい……というのが画像の趣旨です。
      よって、他のページにまで波及させる必要も用意もありません。
      画像だけではニュアンスを伝えきれず、申し訳ないです。
    4624
    1. 天賦やボイスは見た目は初心者お断り仕様だと私も思います、しかし初心者がそこに触れることはまずありませんし、それに関して問題とも思いません。そして、その論理では新案のFrontPageが初心者が編集しやすくなることを説明していません。

    もし私が「FrontPageの編集者を増やしたくて改修する」なら、このように変更します

    1. できる限りプラグインを減らす
    2. ページに直接見えないプラグインは説明を入れる
    3. より人手がかかる箇所は部分編集できるようにし、その内側だけで完結するようにする(}}などが現れない)

    少なくとも私は「編集者を増やしたい」との意図を構文からは読み取れませんでした。

    4629

    具体例の作成ありがとうございます。そういった直接的な方法も実際に効果的だと思います。
    ご指摘を元に、こちらの案もマニュアル化や部分編集の実装を進めている最中です。「flexやcssを使って見た目を良くする」「初心者は難しいことに触れずに編集できるようにする」両立を目指していきたいと考えていますので、しばらくお待たせしてしまうことになり申し訳ありませんが、改良案ができてから再度ご意見をよろしくお願いいたします。

  • 4579
    名無しの旅人 2024/03/19 (火) 20:10:37 42c85@feb6a >> 4537

    デザイン的な部分ですが、個人的には曜日別表の部分は濃灰色の背景に白文字より白背景の方が良いと思います。もともと狭い面積に情報が詰め込んであるので背景が暗いと圧迫感が増えます。何気に灰色が2色あるのも少し気になります

    4583
    名無しの旅人 2024/03/19 (火) 22:02:12 c9512@d8a8f >> 4579
    • とりあえず曜日別表の白背景ver.を作ってみました。リンク 実際に比べてみていかがでしょうか?
      恐らく気になると思うので先に説明しておきますが、白背景のみ背景色を使うものとは実装方法が異なるので、余白の大きさをこれ以上変えることはできません。すみません。
    • 灰色が2色ある件ですが、こちらはデザイン的な理由です。正確には3色使われています。色の濃い順に見出しに使われる#606060 中間色の#808080 表組みを利用した罫線#A9A9A9の3つです。このうち、表組みの罫線の色は変更できません。残りの2色ですが、#606060に統一すると全体的がクッキリしてしまい、#808080に統一すると全体がぼんやりしてしまいます。そのため、見出しはクッキリと、他の線は#808080に使い分けられているのです。
    4585
    名無しの旅人 2024/03/19 (火) 22:52:09 42c85@feb6a >> 4579

    ありがとうございます。私は明るい方が良いと思います、ただ白と言ったのは私ですが#e0e8f0くらいの色の方が良いかもしれないですね。

    4588
    名無しの旅人 2024/03/19 (火) 23:42:15 c9512@d8a8f >> 4579

    了解です。変更の是非を決める投票を行うことになったら選択肢に出せるようにしておきますね。

  • 4593
    名無しの旅人 2024/03/20 (水) 14:58:48 e0aef@b7d7b >> 4537

    ピックアップ中、期間限定イベント、お知らせはそのタイミングで内容が変わるものであり、キャラやWikiのメニューは情報がストックされていくものであるが、新規の情報以外は頻繁に大きな更新がされないものであるたため、この辺を区別してくれるとわかりやすいかなと思った