Template‐ノート:Align
モバイルで中央寄せできないバグの修正提案
[編集]現時点 (2018年1月2日最終更新) のテンプレで中央寄せの{{Align|center|テキスト文字}}を使用すると、モバイルビューやモバイルアプリでは動作せず、デフォルトの左寄せになってしまうバグが発生しています。これに対応するためテストケースを作成して頂きました (Special thanks to 翼のない堕天使さん)。
テストケースの動作検証を行う場合は、デスクトップビュー以外で閲覧して下さい。不具合がございましたら使用OS/ブラウザ/デバイスを付記の上、ご連絡お願いします。
- 積み残し課題
あくまでテキスト文字の配置指定に特化して、今回は暫定対応としてテストケースを提示しています。したがって音声ファイルなどテキスト文字以外は、未だモバイルビューやモバイルアプリでは中央寄せが動作しません。テキスト文字以外にも本格対応させる場合は、{{Align}}ではなく参照元の{{Center}}自体を修正する必要があり、広範な影響範囲分析を要するため、今回のバグ修正では対応範囲外とさせて頂きます。
- 先行議論
--Mis0s0up（会話） 2018年1月6日 (土) 06:32 (UTC)
- 意見記入欄
懸念点としては、現状ある、3,700超の参照読み込みの中で、インライン要素以外に{{Align}}を使用している箇所がないかですね。使用していた場合、今回の変更によって、中央寄せ出来ていたものが、できなくなる（デフォルトの左寄せになる）ので。。。影響調査をしっかりして、インライン要素以外に使っていれば{{Center}}に置き換えてから実施か、本テンプレートはもともとテキスト用としているからとして対処し、そのような場合があれば、適宜{{Center}}に変更するのか、判断が必要ですね。（影響調査するとすれば、botでチェック？）--翼のない堕天使（会話） 2018年1月6日 (土) 08:29 (UTC)
より多くの方々に影響分析も含めてお知恵拝借できればと思い、Wikipedia:コメント依頼#議_2018年1月に本件を告知しました。急いで合意形成して、あとで手戻り大量発生するのは避けたいので、少し長めに告知期間を設け、多くの方々からのご意見を頂戴したいと思います。- 私の方で先ほど認識した懸念が1点あります。日本語版のテンプレ解説Doc冒頭には「指定したテキストを指定した位置に表示させるためのテンプレートです」と記述されているけれど、英語版の解説Docは "This is a generic template for handling the horizontal alignment of elements on a page." と書かれている (i.e. テキスト以外にも汎用的に使ってOKの) ため、テキスト以外で当テンプレを使用した英語記事を、そのまま日本語に記事翻訳してきたケースが一定数あるのではないか... ちなみに{{Align}}を使用している記事は日本語版だと3700強ですが、英語版だと9万超です。{{Center}}の方は、日本語版が1500強、英語版は59万超。とりあえず英語版のテンプレには{{Caution}}を貼り付けてモバイルで表示できない旨の警告をしておきました。英語Wikipedianの方でも何かしら動きがあると良いのですが。--Mis0s0up（会話） 2018年1月7日 (日) 06:34 (UTC)
コメント {{Center}} に使われている center クラスに対してのスタイル指定ですが、モバイル版では .center { width: 100%; text-align: center } がありません。英語版でも同様のようです。--Frozen-mikan（会話） 2018年1月7日 (日) 09:24 (UTC)
報告 朗報です。翼のない堕天使さん作成テストケースを本番リリースしても、副作用の影響を受けるページはほぼなさそうです。Template transclusion countによると{{Align}}を参照読み込みしているのは3782箇所であります。しかし私の方で調べたところ、3700以上はInfoboxやNavboxなどのテンプレ経由で使用されていて、その3700以上は{{Align|cを使っていませんでした (rightまたはleft使用です)。特に呼び出し回数が多いのは、Template:国際サッカー大会情報ボックス (854記事で使用) とTemplate:各年のプロ野球チーム (877記事) とTemplate:栄養価 (366記事) とTemplate:平成の大相撲 (156記事) あたりです。ちなみに私が記事作成に関与しているネットフリックスオリジナル作品の一覧はAlignの中央寄せを使用しているのですが、テキストなので問題なし。--Mis0s0up（会話） 2018年1月7日 (日) 13:08 (UTC)
質問 正規表現と insource:を使ってAlignの中央寄せをテンプレ経由ではなく直接呼び出している記事がないか検索してみたところ、2013年ワールドグランドチャンピオンズカップ#出場国（女子）が見つかりました。このケースでは表テーブルの順位を中央寄せにするためにAlignを使っています。文字列だけでなく、金銀銅メダルのアイコン {{Gold1}} などを使っています。テストケースに追加して検証できませんでしょうか？ (テストケースを破壊しそうでなるべく触りたくないので) --Mis0s0up（会話） 2018年1月14日 (日) 03:49 (UTC)
チーム 順位 (Align中央寄せ使用) A国 
B国 5位C国 -D国 
E国 
- 追加しました。{{testcase}}で（というか、テンプレートで）要素としてテーブルが指定できなかったため、プレーン表示にしていますが、見方は{{testcase}}と合わせて、上が現状、下がサンドボックス使用版です。
- テンプレート経由とはいえ、画像はインライン要素であるため、サンドボックスでも正常に中央寄せされることが確認できます。--翼のない堕天使（会話） 2018年1月14日 (日) 05:24 (UTC)
- 報告 {{testcase}}の使い方がいまいち分からず、対処お任せしてしまってすみませんでした。モバイルビュー、iOS公式モバイルアプリともに動作検証し、問題ありませんでした。私が行った影響範囲分析のカバー率は99%なので、もう3日ほど待ってみて異論なければ本番リリースしても良いかなと考えます。--Mis0s0up（会話） 2018年1月14日 (日) 14:34 (UTC)
済 対処しました。--翼のない堕天使（会話） 2018年1月20日 (土) 10:59 (UTC)
