Forum:モバイル対応相談所

出典: へっぽこ実験ウィキ『八百科事典(アンサイクロペディア)』
ナビゲーションに移動 検索に移動
コミュニティ・ポータル > 雑居房 > モバイル対応相談所

今やスマホからアンサイクロペディアを見る時代。そこで、モバイル機器、特にスマートフォンで閲覧することも視野にいれての記事作成・編集のノウハウ、現状での閲覧困難な記事の情報などの集積場としてここを用意しました。

具体的には、

  • モバイル機器から記事を編集する際に役立つ知識
  • PC表示とモバイル表示とで、どれだけ仕様に差がでるかという情報
  • モバイル機器で閲覧するとデザインが大きく崩れる記事の情報

などを寄せていただければ、また改善案があれば提示していただければうれしいです。--(あ) (トーク) 2024年6月17日 (月) 09:30 (JST)

仕様[編集 ]

PCとモバイルで異なり、支障のありそうな仕様についてをお寄せください。

一部javascriptが機能していない
このため、テンプレートによく使われているNavFrameなどの機能が動かず、折り畳み表示ができない。--(あ) (トーク) 2024年6月17日 (月) 09:30 (JST)
NavFrameを動作させているMediaWiki:Common.js/DynamicNavigationBars.jsをモバイルでも読み込まれるよう変更して頂き、動作するようになりました。--抹消済みのアカウント (トーク) 2024年10月30日 (水) 22:23 (JST)
youtubeタグの動画の横幅がでかい
ブラウザによるかもしれませんが、youtubeタグで貼られた動画がスマホの画面をはみ出してしまいます。--(あ) (トーク) 2024年6月17日 (月) 09:30 (JST)
このcssをmobile.cssに追加すれば多分解決できます。縦横比が16:9に強制されますが、不都合があれば個々で対応するということで。--抹消済みのアカウント (トーク) 2024年6月17日 (月) 10:17 (JST)
導入してみました。うーん、あまりうまく機能していないかも... --(あ) (トーク) 2024年6月17日 (月) 18:55 (JST)
mobile.cssって反映まで時間かかりますよね。私の環境だとまだのようです。あまりうまく機能していないとのことですが、おそらく{{右}}とか{{左}}とかで左/右寄せが解除できていないってことですよね。:has(iframe){ float: none !important; }とかかな--抹消済みのアカウント (トーク) 2024年6月17日 (月) 20:08 (JST)

戻)今更気づいたのですが、<youtube></youtube>ではなく<embedvideo service="youtube"></embedvideo>だと横幅が自動で修正されますね--抹消済みのアカウント (トーク) 2024年6月17日 (月) 20:11 (JST)

mw:Extension:EmbedVideo/ja これかあ! 以後これに置き換えるとか、これを使ってテンプレートを作って収めるとかしたほうがいいかもですね。--(あ) (トーク) 2024年6月17日 (月) 20:27 (JST)
横槍失礼 少なくともUnTunesでは個人的にYouTubeは一番下に置いてほしいです。本文とYouTubeが重なってしまうからです。はみ出すことより困ります。--利用者:きま (話|回数) 2024年6月17日 (月) 12:29 (JST)
(追)YouTube 拡張機能が悪さをしているような気がします(参考[1])。だからといってアンインストールしようというわけにはいかないのでしょうが。--抹消済みのアカウント (トーク) 2024年6月18日 (火) 19:49 (JST)
Mobile.cssに書いたcssが効いてきました。現在ざっと確認する限りでは表示崩れは起きていません。--抹消済みのアカウント (トーク) 2024年9月3日 (火) 21:00 (JST)
m.uncyclopedia.infoが動作しない
  • 普段ja.uncyclopedia.infoを使ってるんですけど、画面下にあるモバイルビューをクリックするとm.uncyclopedia.infoに飛ばされますが、残念ながらSSLの不備で接続できません。そこでサイトスクリプトでm.uncyclopedia.infoの場合はしれっとm.ansaikuropedia.orgへ置換するようにしてほしいです→サンプル。--ガノー(Ganohr)(トーク / 履歴 / 統計) 2024年9月4日 (水) 12:19 (JST)
HotCatのモバイルでの動作

通常のHotCatはアンサイクロペディアではデスクトップでしか動作しませんでしたが、若干いじってモバイルでも動作するようにしました。 mw.loader.load(mw.config.values.wgServer + '/index.php?title=利用者:抹消済みのアカウント/HotCat.js&action=raw&ctype=text/javascript');で利用できます(なぜかドメインを省略すると動作せず)。ぜひぜひ。--抹消済みのアカウント (トーク) 2024年11月2日 (土) 09:06 (JST)

テンプレート[編集 ]

表示に支障のあるものなど、テンプレートについての情報をお寄せください。

NRVテンプレートをモバイル対応させたい
現在使われている各種のテンプレートは横長のデザインで作られているものが多く、縦長のモバイル表示にすると表示が崩れる・画像が極小になってしまうテンプレートがいくつかあるのです。いろんな人の手によって、すでにいろいろ改修されているものもあるのですが、{{NRV}}などの管理に関わるようなものも改修したいと思うので、少しご相談をさせていただきます。
いま手を付けようとしているのはNRVなのですが、アイコンの位置をfloatで調整してみようと思っています(サンプル)。これで違和感なければ適用しようと思います。
ただ、画像を調整しても文章がめちゃくちゃ長いのは変わらず、スマホで表示させるぶんに記事の閲覧を大いに阻害しています。これもどうしたものか、ご意見を求めたく思います。--(あ) (トーク) 2024年6月16日 (日) 17:54 (JST)
文面とコードを少し変えてみました。画面の小さめなiPhone SEで高さが全体の6割程度なので、結構削れたのではないでしょうか。 --抹消済みのアカウント (トーク) 2024年6月16日 (日) 20:20 (JST)修正--抹消済みのアカウント (トーク) 2024年6月17日 (月) 10:21 (JST)
いいですね。文面の変更に関してもそのような感じでいいと思います。少し待って、特に反対意見がなければそれに置き換えましょう。--(あ) (トーク) 2024年6月16日 (日) 20:59 (JST)
以上はヘルプデスクで話し合われていた内容の複写です。--(あ) (トーク) 2024年6月17日 (月) 09:35 (JST)
1週間にはちょっと早いですが、ほかに意見も寄せられなかったので、暫定的に上述のデザインに変更いたしました。ちなみに、{{偽NRV}}も同様にしておきました。--(あ) (トーク) 2024年6月23日 (日) 21:33 (JST)
一部テンプレートで画像が消える・小さくなる

お気づきだとは思いますが{{historical}}など一部のテンプレートで画像が消えてしまいます。まぁモバイル中心の私はそれあまり困っていませんが。--利用者:きま (話|回数) 2024年6月17日 (月) 12:29 (JST)

Uncyclopedia:スタブテンプレート一覧にあるテンプレートも画像が小さくなってしまっています。おそらく{{スタブ汎用}}を変更することでほとんどが修正されると思います。--抹消済みのアカウント (トーク) 2024年6月19日 (水) 18:14 (JST)(追記){{Indefinitely blocked user}}もですね--抹消済みのアカウント (トーク) 2024年6月23日 (日) 19:55 (JST)

テンプレートの一覧にあるテンプレートは画像が小さくならないよう修正しました。そして{{スタブ汎用}}の修正ありがとうございます。--抹消済みのアカウント (トーク) 2024年9月3日 (火) 21:00 (JST)
{{即時削除}}が細長すぎる

{{即時削除}}は、横幅が70%で固定されており、モバイルでは細すぎてしまう上長くなってしまっています。--抹消済みのアカウント (トーク) 2024年6月19日 (水) 18:14 (JST)

横幅をmax-width: 50emにして対処しました。--(あ) (トーク) 2024年6月23日 (日) 21:33 (JST)
{{FakeTitle}}が正常に動作しない

偽装タイトルがページの一番上に表示されるだけで、タイトルそのものは変わってくれません。--抹消済みのアカウント (トーク) 2024年6月23日 (日) 19:55 (JST)

ガジェットのモバイルでの読み込みを有効にして頂き、動作するようになりました。--抹消済みのアカウント (トーク) 2024年10月30日 (水) 22:23 (JST)
{{SpoilerHT}}他動作しない
  • モバイルビューだと正常に動作しなかったため、Spoiler拡張機能を利用せずにマッチ棒パズル/SpoilerHTMとして実装しました。ただし、この実装を今後常時利用するのは考えものです。なので既存を置き換えるよりも、今後新しく折りたたみが欲しい場合にのみこの実装を使うかどうか考えるくらいでいいかも知れません。--ガノー(Ganohr)(トーク / 履歴 / 統計) 2024年9月3日 (火) 20:33 (JST)
動作するようガジェットを追加して頂きました。--抹消済みのアカウント (トーク) 2024年10月30日 (水) 22:23 (JST)

記事[編集 ]

閲覧が困難であったり、デザインが大きく変わってしまう記事(各種プロジェクト空間含む)などの情報をお寄せください。

コメント[編集 ]

その他、ご意見をお寄せください。

  • モバイル版利用者(閲覧のみの方々含む)が多く見に来られる事が予想されますので趣旨から逸れるとは分かりながらコメントします。スマホからのアクセスでも画面を一番下までスクロールしていただき、「デスクトップビュー」をタップしていただければPCとほぼ同じ表示にできます。問題解決がまだの記事の閲覧などにご活用ください--一石二鳥=一石一鳥 2024年6月17日 (月) 09:40 (JST)
  • 記事の一番下にあるカテゴリ、{{カテゴリ隠し}}は機能するけど、{{カテゴリ}}を使って偽のカテゴリを表示させるやつが見れません。強いて言うなら一番困っているのはこれ。--利用者:きま (話|回数) 2024年6月17日 (月) 12:29 (JST)
「https://ansaikuropedia.org/index.php?title=Forum:モバイル対応相談所&oldid=1731580」から取得