追加された行はこの色です。
削除された行はこの色です。
seesaawikiやhtml,CSSなど自身の仕様検証と結果
&contents()
*標準テキストや表示関連
**絵文字の表示確認表
絵文字には色の付いた絵文字スタイル(❤️)と黒単色(❤︎)のテキストスタイルの2種類ある。
同じ文字でも両スタイルある場合があり、デフォルト(無指定)でどちらが表示されるかは絵文字ごとに異なる。
デフォルトでテキストスタイルになる絵文字は明示的に絵文字スタイルで表示することを異体字セレクタ U+FE0F (️) によって指定する必要がある（逆もまた然り）。
ただし、当Wikiでは絵文字フォントの指定により、デフォルトでテキストスタイルの絵文字であっても絵文字スタイルでの表示となる場合がある。
また、絵文字は定期的に追加されたり変更されることがあり、比較的最近追加された絵文字(Nanashi Mumeiの🪶など)については注意が必要。
[-]表示確認表
-推しマーク
{|style="word-break: break-all;"
|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|c
|▶️|♌|☃️|☄️|✖️|❤️|☔|⚠️|
|⚒️|⚓|⚔️|⏳|🌙|🌟|🌲|🌸|
|🌽|🌿|🍂|🍃|🍎|🍑|🍙|🍬|
|🎣|🎨|🎪|🎲|🎼|🏮|🐉|🐏|
|🐔|🐙|🐻|🐾|👓|👾|💀|💋|
|💎|💜|💫|💮|💿|📜|📝|🔎|
|🔍|🔚|🔥|🔨|🔮|🔱|🗿|😈|
|🚑|🐿️|🤖|🥀|🥐|🦋|👯‍♀️|👁️‍🗨️|
|🛸|🥟|🧟‍♀️|🏴‍☠️|🦚|🧪|🪐|🪶|
|❤️‍🔥|🩵|🩷|⚡|✨|🌃|🎹|🐚|
|🐧|🖋️|||||||
|}
-絵文字として表示されたほうがよさそうなもの
{|style="word-break: break-all;"
|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|c
|♥|❤|♀|♂|||||
|}
-テキストとして表示されたほうがよさそうなもの
{|style="word-break: break-all;"
|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|c
|©|1|#||||||
|}
[END]
[+]詳細一覧
{|style="word-break: break-all;"
|center:size(24):|w(400px):||c
|>|>|~Unicode Emoji 1.0 (2015-06-09) / Unicode 1.1 (1993)|
|▶️|U+25B6 U+FE0F~~▶️|ホロライブ~~(セレクタ無し：▶)|
|♌|U+264C~~♌|獅白ぼたん|
|☃️|U+2603 U+FE0F~~☃️|雪花ラミィ~~(セレクタ無し：☃)|
|☄️|U+2604 U+FE0F~~☄️|星街すいせい~~(セレクタ無し：☄)|
|✖️|U+2716 U+FE0F~~✖️|秘密結社holoX~~(セレクタ無し：✖ )|
|❤️|U+2764 U+FE0F~~❤️|赤井はあと~~(セレクタ無し：❤)|
|>|>|~Unicode Emoji 1.0 (2015-06-09) / Unicode 4.0 (2003)|
|☔|U+2614~~☔|Kobo Kanaeru|
|⚠️|U+26A0 U+FE0F~~⚠️|Advent (EN)~~(セレクタ無し：⚠)|
|⚡|U+26A1~~⚡|轟はじめ(一部)|
|>|>|~Unicode Emoji 1.0 (2015-06-09) / Unicode 4.1 (2005)|
|⚒️|U+2692 U+FE0F~~⚒️|AZKi~~(セレクタ無し：⚒)|
|⚓|U+2693~~⚓|湊あくあ|
|⚔️|U+2694 U+FE0F~~⚔️|白銀ノエル~~(セレクタ無し：⚔)|
|>|>|~Unicode Emoji 1.0 (2015-06-09) / Unicode 6.0 (2010-10-11)|
|⏳|U+23F3~~⏳|Ouro Kronii|
|✨|U+2728~~✨|音乃瀬奏(一部)|
|🌃|U+1F303~~🌃|一条莉々華|
|🌙|U+1F319~~🌙|紫咲シオン|
|🌟|U+1F31F~~🌟|夜空メル|
|🌲|U+1F332~~🌲|大神ミオ|
|🌸|U+1F338~~🌸|さくらみこ|
|🌽|U+1F33D~~🌽|白上フブキ|
|🌿|U+1F33F~~🌿|Ceres Fauna|
|🍂|U+1F342~~🍂|Anya Melfissa|
|🍃|U+1F343~~🍃|風真いろは|
|🍎|U+1F34E~~🍎|アキ・ローゼンタール|
|🍑|U+1F351~~🍑|桃鈴ねね(一部)|
|🍙|U+1F359~~🍙|猫又おかゆ|
|🍬|U+1F36C~~🍬|姫森ルーナ|
|🎣|U+1F3A3~~🎣|沙花叉クロヱ|
|🎨|U+1F3A8~~🎨|Airani Iofifteen|
|🎪|U+1F3AA~~🎪|尾丸ポルカ|
|🎲|U+1F3B2~~🎲|Hakos Baelz|
|🎹|U+1F3B9~~🎹|音乃瀬奏(一部)|
|🎼|U+1F3BC~~🎼|Nerissa Ravencroft|
|🏮|U+1F3EE~~🏮|夏色まつり|
|🐉|U+1F409~~🐉|桐生ココ|
|🐏|U+1F40F~~🐏|角巻わため|
|🐔|U+1F414~~🐔|Takanashi Kiara|
|🐙|U+1F419~~🐙|Ninomae Ina'nis|
|🐚|U+1F41A~~🐚|儒烏風亭らでん|
|🐧|U+1F427~~🐧|轟はじめ(一部)|
|🐻|U+1F43B~~🐻|ときのそら(一部)|
|🐾|U+1F43E~~🐾|FUWAMOCO|
|👓|U+1F453~~👓|友人A(えーちゃん)|
|👾|U+1F47E~~👾|常闇トワ|
|💀|U+1F480~~💀|Mori Calliope|
|💋|U+1F48B~~💋|癒月ちょこ|
|💎|U+1F48E~~💎|IRyS|
|💜|U+1F49C~~💜|ラプラス・ダークネス(一部)|
|💫|U+1F4AB~~💫|天音かなた|
|💮|U+1F4AE~~💮|さくらみこ(旧の一部)|
|💿|U+1F4BF~~💿|ときのそら(一部)|
|📜|U+1F4DC~~📜|Vestia Zeta|
|📝|U+1F4DD~~📝|春先のどか|
|🔎|U+1F50E~~🔎|Watson Amelia|
|🔍|U+1F50D~~🔍|Watson Amelia|
|🔚|U+1F51A~~🔚|Omegaα|
|🔥|U+1F525~~🔥|不知火フレア|
|🔨|U+1F528~~🔨|Kaela Kovalskia|
|🔮|U+1F52E~~🔮|Moona Hoshinova|
|🔱|U+1F531~~🔱|Gawr Gura|
|🗿|U+1F5FF~~🗿|Koseki Bijou|
|😈|U+1F608~~😈|百鬼あやめ|
|🚑|U+1F691~~🚑|大空スバル|
|>|>|~Unicode Emoji 1.0 (2015-06-09) / Unicode 7.0 (2014-06-16)|
|🐿️|U+1F43F U+FE0F~~🐿️|Ayunda Risu~~(セレクタ無し：🐿)|
|🖋️|U+1F58B U+FE0F~~🖋️|火威青~~(セレクタ無し：🖋)|
|>|>|~Unicode Emoji 1.0 (2015-06-09) / Unicode 8.0 (2015-06-17)|
|🤖|U+1F916~~🤖|ロボ子さん|
|>|>|~Unicode Emoji 2.0 (2015-11-12) / Unicode 8.0 (2015-06-17)|
|👁‍🗨|U+1F441 U+200D U+1F5E8~~👁‍🗨|Shiori Novella~~Emoji 4.0以降でZWJシーケンスが変更のためこちらは使わない|
|>|>|~Unicode Emoji 3.0 (2016-06-03) / Unicode 9.0 (2016-06-21)|
|🥀|U+1F940~~🥀|鷹嶺ルイ|
|🥐|U+1F950~~🥐|戌神ころね|
|🦋|U+1F98B~~🦋|潤羽るしあ|
|>|>|~Unicode Emoji 4.0 (2016-11-22) / Unicode 6.0 (2010-10-11)|
|👯‍♀️|U+1F46F U+200D U+2640 U+FE0F~~👯‍♀️|兎田ぺこら|
|👁️‍🗨️|U+1F441 U+FE0F U+200D U+1F5E8 U+FE0F~~👁️‍🗨️|Shiori Novella~~|
|>|>|~Unicode Emoji 5.0 (2017-06-20) / Unicode 10.0 (2017-06-20)|
|🛸|U+1F6F8~~🛸|ラプラス・ダークネス(一部)|
|🥟|U+1F95F~~🥟|桃鈴ねね(一部)|
|🧟‍♀️|U+1F9DF U+200D U+2640 U+FE0F~~🧟‍♀️|Kureiji Ollie|
|>|>|~Unicode Emoji 11.0 (2018-05-21) / Unicode 11.0 (2018-06-05)|
|🏴‍☠️|U+1F3F4 U+200D U+2620 U+FE0F~~🏴‍☠️|宝鐘マリン|
|🦚|U+1F99A~~🦚|Pavolia Reine|
|🧪|U+1F9EA~~🧪|博衣こより|
|>|>|~Unicode Emoji 12.0 (2019-03-05) / Unicode 12.0 (2019-03-05)|
|🪐|U+1FA90~~🪐|Tsukumo Sana|
|>|>|~Unicode Emoji 13.0 (2020-03-10) / Unicode 13.0 (2020-03-10) 以降Windows 10未収録|
|🪶|U+1FAB6~~🪶|Nanashi Mumei|
|>|>|~Unicode Emoji 13.1 (2020-09-15) / Unicode 13.0 (2020-03-10)|
|❤️‍🔥|U+2764 U+FE0F U+200D U+1F525~~❤️‍🔥|赤井はあと(新？)~~Heart on Fire|
|>|>|~Unicode Emoji 15.0 (2022-08-31) / Unicode 15.0 (2022-09-13)|
|🩵|U+1FA75~~🩵|Fuwawa Abyssgard(一部)|
|🩷|U+1FA77~~🩷|Mococo Abyssgard(一部)|
|}
[END]
**テキストスタイルの絵文字
テキストスタイル絵文字はマイクラのモブや装備の名前で使う場合がある。
当Wikiのフォント指定によりデフォルトでテキストスタイルの絵文字が絵文字スタイルで表示されるようになっている。
通常、絵文字の直後に ︎ をくっつければテキストスタイルになる。
|>|~デフォルト表示|>|テキストスタイル|>|絵文字スタイル|Emoji 15.0による定義|
|center:|w(70):|center:|w(130):|center:|w(130):|size(10):|c
|>|>|>|>|>|>|U+2665 BLACK HEART SUIT|
|♥|♥|♥︎|♥︎|♥️|♥️|デフォルトはテキストスタイル|
|>|>|>|>|>|>|U+2764 HEAVY BLACK HEART|
|❤|❤|❤︎|❤︎|❤️|❤️|デフォルトはテキストスタイル|
|>|>|>|>|>|>|U+1F5A4 BLACK HEART|
|🖤|🖤|bgcolor(#ccc):🖤︎|bgcolor(#ccc):🖤︎|🖤️|🖤️|テキストスタイルの定義なし|
|>|>|>|>|>|>|U+2661 WHITE HEART SUIT|
|♡|♡|bgcolor(#ccc):♡︎|bgcolor(#ccc):♡︎|bgcolor(#ccc):♡️|bgcolor(#ccc):♡️|両スタイルの定義なし（非絵文字）|
|>|>|>|>|>|>|U+1F90D WHITE HEART|
|🤍|🤍|bgcolor(#ccc):🤍︎|bgcolor(#ccc):🤍︎|🤍️|🤍️|テキストスタイルの定義なし|
|>|>|>|>|>|>|U+2640 FEMALE SIGN|
|♀|♀|♀︎|♀︎|♀️|♀️|デフォルトはテキストスタイル|
|>|>|>|>|>|>|U+2642 MALE SIGN|
|♂|♂|♂︎|♂︎|♂️|♂️|デフォルトはテキストスタイル|
|>|>|>|>|>|>|U+0031 DIGIT ONE|
|1|1︎|1︎|1︎|1️|1️|デフォルトはテキストスタイル|
|>|>|>|>|>|>|U+0023 NUMBER SIGN|
|#|#︎|#︎|#︎|#️|#️|デフォルトはテキストスタイル|
|>|>|>|>|>|>|U+00A9 COPYRIGHT SIGN|
|©|©|©︎|©︎|©️|©️|デフォルトはテキストスタイル|
[+]テキストスタイルで表示できない問題について
-FirefoxではテキストスタイルになるがChromeではならないっぽい
-%%Firefoxでも白抜きテキストのハートはフォントの都合？で出せない%% → 2022/4/24の絵文字フォント調整により暫定的に解消
-フォントにArialを直接指定してみたら♡含めてテキストスタイルになったので%%多分CSSをうまいことやればなんとかなる%%
-環境依存の部分が大きいしCSS4 (font-variant-emoji)の実装と普及を待たないとうまく対処できない気がする
[END]
**端末による表示や挙動の差異
*テーブル関連
**ソートの仕様
[+]問題のテーブル
{|class="sort edit"
|~live2D|
|?|
|rariemonn(新衣装)|
|rariemonn|
|Jujube|
|rariemonn|
|けっふぃー|
|fumi|
|入江燈|
|rariemonn|
|入江燈|
|fumi|
|rariemonn|
|rariemonn|
|入江燈|
|入江燈|
|rariemonn|
|泉彩|
|rariemonn|
|Jujube(彼シャツ衣装)|
|rariemonn|
|Jujube(部屋着衣装)|
|rariemonn|
|fumi|
|ナナメ(初期衣装)|
|てるてる法師(正月衣装)|
|入江燈|
|rariemonn|
|Jujube(ディアンドル娘衣装)|
|入江燈|
|rariemonn|
|けっふぃ|
|けっふぃー|
|Date|
|Jujube|
|Date|
|Jujube|
|入江燈|
|Date|
|入江燈|
|入江燈|
|rariemonn|
|Date|
|けっふぃー|
|おるだん|
|}
[END]
-テーブルソート機能はこのJSファイルで実装されている
--https://static.seesaawiki.jp/js/wiki_plugin/tablesorter/jquery.tablesorter.min.js?0.7.9
-データ1行目の文字列をみてどういう種類のデータかを判別している
--''データ1行目の文字列が文字「£」「$」「€」「?」で始まる場合は通貨としてソートされる''
---これが直接的な原因で、数値になってないデータは全部 0 扱いなのでソートされない
--ちなみに文字「.」も通貨判定に含まれてはいるが、どうやら優先順位的に数字判定になっているらしい
-さらにややこしい問題があって、上記判定はそもそもちゃんと機能してない
--Seesaa WikiがEUC-JPで、jquery.tablesorter.min.jsがUTF-8でエンコードされている
---UTF-8で作られたJSファイルをEUC-JPとして読み込んでしまった結果、判定処理と変換処理がおかしくなっている
--なので、データ1行目の文字列が文字「£」「€」で始まるものは通貨にならないし、文字「贈」で始まるものは通貨扱いされる
[+]処理内容
// 判定処理~~
/^[£$€?.]/.test(s) //本来~~
/^[贈$��?.]/.test(s) //エンコード不一致~~
~~
// 変換処理~~
$.tablesorter.formatFloat(s.replace(new RegExp(/[£$€]/g),"")) //本来~~
$.tablesorter.formatFloat(s.replace(new RegExp(/[贈$��]/g), '')) //エンコード不一致
[END]
[+]テスト用テーブル
{|class="sort edit"
|~通貨(数値)扱い 1<2<10|
|$|
|1|
|2|
|10|
|}
{|class="sort edit"
|~通貨(数値)扱い 1<2<10|
|?|
|1|
|2|
|10|
|}
{|class="sort edit"
|~文字列扱い 1<10<2|
|£|
|1|
|2|
|10|
|}
{|class="sort edit"
|~文字列扱い 1<10<2|
|€|
|1|
|2|
|10|
|}
{|class="sort edit"
|~通貨(数値)扱い 1<2<10|
|贈|
|1|
|2|
|10|
|}
[END]
[+]セル結合テスト
{|class="sort"
|~あ|い|う|
|1a|1b|1c|
|^|2b|2c|
|3a|3b|3c|
|}
{|class="sort"
|~あ|い|う|
|1a|1b|1c|
|2a|2b|^|
|3a|3b|3c|
|}
{|class="sort"
|~あ|い|う|
|1a|1b|1c|
|2a|>|2b|
|3a|3b|3c|
|}
[END]
**テーブルに埋め込みテキスト
埋め込みテキストのフィルタ・ソート実験 → 残念
tablesorterプラグインの<img alt="テキスト">を拾ってくれる機能に期待したが、使われてるバージョンが古くて対応してなかった。
[+]
やりたかったこと：1x1の透明な画像にalt属性でテキストを与えればtablesorterがテキスト拾ってくれるはず
=|BOX|
&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){ときのそら}
||=
使われてるtablesorterプラグインのバージョンはMottie版ではなくオリジナルの2010年の2.0.5っぽい？
フリーエリアで新しいプラグインに上書きしたりmonkey patchingしたりすればワンチャンあるけど、%%そもそもwiki側がライブラリのバージョン上げないのが悪い%%。
{|class="sort filter"
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){a1}🐻💿&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){ときのそら}|05/15|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){a2}🤖&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){ロボ子さん}|05/23|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){a3}🌸&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){さくらみこ}|03/05|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){a4}☄️&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){星街すいせい}|03/22|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){a5}⚒️&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){AZKi}|07/01|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){b1}🌟&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){夜空メル}|10/31|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){b2}🍎&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){アキ・ローゼンタール}|02/17|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){b3}❤️&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){赤井はあと}|08/10|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){b4}🌽&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){白上フブキ}|10/05|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){b5}🏮&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){夏色まつり}|07/22|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){c1}⚓️&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){湊あくあ}|12/01|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){c2}🌙&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){紫咲シオン}|12/08|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){c3}😈&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){百鬼あやめ}|12/13|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){c4}💋&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){癒月ちょこ}|02/14|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){c5}🚑&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){大空スバル}|07/02|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){d1}🌲&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){大神ミオ}|08/20|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){d2}🍙&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){猫又おかゆ}|02/22|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){d3}🥐&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){戌神ころね}|10/01|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){e1}👯‍♀️&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){兎田ぺこら}|01/12|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){e2}🦋&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){潤羽るしあ}|01/22|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){e3}🔥&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){不知火フレア}|04/02|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){e4}⚔️&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){白銀ノエル}|11/24|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){e5}🏴‍☠️&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){宝鐘マリン}|07/30|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){f1}💫&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){天音かなた}|04/22|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){f2}🐉&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){桐生ココ}|06/17|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){f3}🐏&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){角巻わため}|06/06|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){f4}👾&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){常闇トワ}|08/08|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){f5}🍬&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){姫森ルーナ}|10/10|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){g1}☃️&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){雪花ラミィ}|11/15|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){g2}🍑🥟&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){桃鈴ねね}|03/02|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){g3}♌️&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){獅白ぼたん}|09/08|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){g4}🎪&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){尾丸ポルカ}|01/30|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){h1}🛸💜&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){ラプラス・ダークネス}|05/25|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){h2}🥀&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){鷹嶺ルイ}|06/11|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){h3}🧪&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){博衣こより}|03/15|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){h4}🎣&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){沙花叉クロヱ}|05/18|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){h5}🍃&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){風真いろは}|06/18|
|}
[END]
**w(**):を用いた横幅指定の挙動
セルの横幅をw(**):によって指定するとき、PC環境では内部の余白（パディング）を除いた幅を基準に決めるのに対し、モバイル環境ではパディングと罫線を合わせた幅が基準となる。（モバイル版ではtdタグのCSSにbox-sizing:border-boxが指定されているため）
そのため、PC版で改行しないよう幅調整した表をモバイル版でも改行しないようにするには、最大14ピクセル（パディング6*2+罫線0.8*2切り上げ）大きく幅を指定する必要がある。ただし、PC環境のほうが若干フォントサイズが大きいため、セルの中身によってこの値は少し変わってくる。
[+]例
|~w(79)|
|w(79):星街すいせい|
|~幅無指定|
|星街すいせい|
|~w(91)|
|w(91):星街すいせい|
[END]
**テーブルのセンタリング・テーブル幅の指定
モバイル環境ではtableタグのCSSにdisplay:blockが指定されているため、margin:autoを用いたセンタリングのテクニックやテーブル全体の幅指定が期待通りに表示されないことがある。これはdisplay:tableで上書きすることで対処可能。
[+]PC環境ではセンタリングされるが、モバイル環境ではセンタリングされない。
{|style="margin:auto; width:75%;"
|~center:center|
|}
[END]
[+]PC環境でもモバイル環境でもセンタリングされる。
{|style="display:table; margin:auto; width:75%;"
|~center:center|
|}
[END]
**テーブルを横に並べる
PC環境ではdisplay:inline-tableとすることで表を横に並べるテクニックが存在するが、モバイル環境ではテーブルがブロック要素によってラッピングされるためこのテクニックは不可。
[+]PC環境のみ表が横に並んで表示される。
{|style="display:inline-table; margin:0px 20px 20px 0px; width:100px;"
|center:|c
|~0期生|
|ときのそら|
|ロボ子さん|
|さくらみこ|
|星街すいせい|
|AZKi|
|}
{|style="display:inline-table; margin:0px 20px 20px 0px; width:100px"
|center:|c
|~2期生|
|湊あくあ|
|紫咲シオン|
|百鬼あやめ|
|癒月ちょこ|
|大空スバル|
|}
[END]
&contents()
*標準テキストや表示関連
**絵文字の表示確認表
絵文字には色の付いた絵文字スタイル(❤️)と黒単色(❤︎)のテキストスタイルの2種類ある。
同じ文字でも両スタイルある場合があり、デフォルト(無指定)でどちらが表示されるかは絵文字ごとに異なる。
デフォルトでテキストスタイルになる絵文字は明示的に絵文字スタイルで表示することを異体字セレクタ U+FE0F (&#xfe0f;) によって指定する必要がある（逆もまた然り）。
ただし、当Wikiでは絵文字フォントの指定により、デフォルトでテキストスタイルの絵文字であっても絵文字スタイルでの表示となる場合がある。
また、絵文字は定期的に追加されたり変更されることがあり、比較的最近追加された絵文字(Nanashi Mumeiの🪶など)については注意が必要。
[-]表示確認表
-推しマーク
{|style="word-break: break-all;"
|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|c
|▶️|♌|☃️|☄️|✖️|❤️|☔|⚠️|
|⚒️|⚓|⚔️|⏳|🌙|🌟|🌲|🌸|
|🌽|🌿|🍂|🍃|🍎|🍑|🍙|🍬|
|🎣|🎨|🎪|🎲|🎼|🏮|🐉|🐏|
|🐔|🐙|🐻|🐾|👓|👾|💀|💋|
|💎|💜|💫|💮|💿|📜|📝|🔎|
|🔍|🔚|🔥|🔨|🔮|🔱|🗿|😈|
|🚑|🐿️|🤖|🥀|🥐|🦋|👯‍♀️|👁️‍🗨️|
|🛸|🥟|🧟‍♀️|🏴‍☠️|🦚|🧪|🪐|🪶|
|❤️‍🔥|🩵|🩷|⚡|✨|🌃|🎹|🐚|
|🐧|🖋️|||||||
|}
-絵文字として表示されたほうがよさそうなもの
{|style="word-break: break-all;"
|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|c
|♥|❤|♀|♂|||||
|}
-テキストとして表示されたほうがよさそうなもの
{|style="word-break: break-all;"
|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|center:w(32):size(24):|c
|©|1|#||||||
|}
[END]
[+]詳細一覧
{|style="word-break: break-all;"
|center:size(24):|w(400px):||c
|>|>|~Unicode Emoji 1.0 (2015-06-09) / Unicode 1.1 (1993)|
|▶️|U+25B6 U+FE0F~~&#x25b6;&#xfe0f;|ホロライブ~~(セレクタ無し：▶)|
|♌|U+264C~~&#x264c;|獅白ぼたん|
|☃️|U+2603 U+FE0F~~&#x2603;&#xfe0f;|雪花ラミィ~~(セレクタ無し：☃)|
|☄️|U+2604 U+FE0F~~&#x2604;&#xfe0f;|星街すいせい~~(セレクタ無し：☄)|
|✖️|U+2716 U+FE0F~~&#x2716;&#xfe0f;|秘密結社holoX~~(セレクタ無し：✖ )|
|❤️|U+2764 U+FE0F~~&#x2764;&#xfe0f;|赤井はあと~~(セレクタ無し：❤)|
|>|>|~Unicode Emoji 1.0 (2015-06-09) / Unicode 4.0 (2003)|
|☔|U+2614~~&#x2614;|Kobo Kanaeru|
|⚠️|U+26A0 U+FE0F~~&#x26a0;&#xfe0f;|Advent (EN)~~(セレクタ無し：⚠)|
|⚡|U+26A1~~&#x26a1;|轟はじめ(一部)|
|>|>|~Unicode Emoji 1.0 (2015-06-09) / Unicode 4.1 (2005)|
|⚒️|U+2692 U+FE0F~~&#x2692;&#xfe0f;|AZKi~~(セレクタ無し：⚒)|
|⚓|U+2693~~&#x2693;|湊あくあ|
|⚔️|U+2694 U+FE0F~~&#x2694;&#xfe0f;|白銀ノエル~~(セレクタ無し：⚔)|
|>|>|~Unicode Emoji 1.0 (2015-06-09) / Unicode 6.0 (2010-10-11)|
|⏳|U+23F3~~&#x23f3;|Ouro Kronii|
|✨|U+2728~~&#x2728;|音乃瀬奏(一部)|
|🌃|U+1F303~~&#x1f303;|一条莉々華|
|🌙|U+1F319~~&#x1f319;|紫咲シオン|
|🌟|U+1F31F~~&#x1f31f;|夜空メル|
|🌲|U+1F332~~&#x1f332;|大神ミオ|
|🌸|U+1F338~~&#x1f338;|さくらみこ|
|🌽|U+1F33D~~&#x1f33d;|白上フブキ|
|🌿|U+1F33F~~&#x1f33f;|Ceres Fauna|
|🍂|U+1F342~~&#x1f342;|Anya Melfissa|
|🍃|U+1F343~~&#x1f343;|風真いろは|
|🍎|U+1F34E~~&#x1f34e;|アキ・ローゼンタール|
|🍑|U+1F351~~&#x1f351;|桃鈴ねね(一部)|
|🍙|U+1F359~~&#x1f359;|猫又おかゆ|
|🍬|U+1F36C~~&#x1f36c;|姫森ルーナ|
|🎣|U+1F3A3~~&#x1f3a3;|沙花叉クロヱ|
|🎨|U+1F3A8~~&#x1f3a8;|Airani Iofifteen|
|🎪|U+1F3AA~~&#x1f3aa;|尾丸ポルカ|
|🎲|U+1F3B2~~&#x1f3b2;|Hakos Baelz|
|🎹|U+1F3B9~~&#x1f3b9;|音乃瀬奏(一部)|
|🎼|U+1F3BC~~&#x1f3bc;|Nerissa Ravencroft|
|🏮|U+1F3EE~~&#x1f3ee;|夏色まつり|
|🐉|U+1F409~~&#x1f409;|桐生ココ|
|🐏|U+1F40F~~&#x1f40f;|角巻わため|
|🐔|U+1F414~~&#x1f414;|Takanashi Kiara|
|🐙|U+1F419~~&#x1f419;|Ninomae Ina'nis|
|🐚|U+1F41A~~&#x1f41a;|儒烏風亭らでん|
|🐧|U+1F427~~&#x1f427;|轟はじめ(一部)|
|🐻|U+1F43B~~&#x1f43b;|ときのそら(一部)|
|🐾|U+1F43E~~&#x1f43e;|FUWAMOCO|
|👓|U+1F453~~&#x1f453;|友人A(えーちゃん)|
|👾|U+1F47E~~&#x1f47e;|常闇トワ|
|💀|U+1F480~~&#x1f480;|Mori Calliope|
|💋|U+1F48B~~&#x1f48b;|癒月ちょこ|
|💎|U+1F48E~~&#x1f48e;|IRyS|
|💜|U+1F49C~~&#x1f49c;|ラプラス・ダークネス(一部)|
|💫|U+1F4AB~~&#x1f4ab;|天音かなた|
|💮|U+1F4AE~~&#x1f4ae;|さくらみこ(旧の一部)|
|💿|U+1F4BF~~&#x1f4bf;|ときのそら(一部)|
|📜|U+1F4DC~~&#x1f4dc;|Vestia Zeta|
|📝|U+1F4DD~~&#x1f4dd;|春先のどか|
|🔎|U+1F50E~~&#x1f50e;|Watson Amelia|
|🔍|U+1F50D~~&#x1f50d;|Watson Amelia|
|🔚|U+1F51A~~&#x1f51a;|Omegaα|
|🔥|U+1F525~~&#x1f525;|不知火フレア|
|🔨|U+1F528~~&#x1f528;|Kaela Kovalskia|
|🔮|U+1F52E~~&#x1f52e;|Moona Hoshinova|
|🔱|U+1F531~~&#x1f531;|Gawr Gura|
|🗿|U+1F5FF~~&#x1f5ff;|Koseki Bijou|
|😈|U+1F608~~&#x1f608;|百鬼あやめ|
|🚑|U+1F691~~&#x1f691;|大空スバル|
|>|>|~Unicode Emoji 1.0 (2015-06-09) / Unicode 7.0 (2014-06-16)|
|🐿️|U+1F43F U+FE0F~~&#x1f43f;&#xfe0f;|Ayunda Risu~~(セレクタ無し：🐿)|
|🖋️|U+1F58B U+FE0F~~&#x1f58b;&#xfe0f;|火威青~~(セレクタ無し：🖋)|
|>|>|~Unicode Emoji 1.0 (2015-06-09) / Unicode 8.0 (2015-06-17)|
|🤖|U+1F916~~&#x1f916;|ロボ子さん|
|>|>|~Unicode Emoji 2.0 (2015-11-12) / Unicode 8.0 (2015-06-17)|
|👁‍🗨|U+1F441 U+200D U+1F5E8~~&#x1f441;&#x200d;&#x1f5e8;|Shiori Novella~~Emoji 4.0以降でZWJシーケンスが変更のためこちらは使わない|
|>|>|~Unicode Emoji 3.0 (2016-06-03) / Unicode 9.0 (2016-06-21)|
|🥀|U+1F940~~&#x1f940;|鷹嶺ルイ|
|🥐|U+1F950~~&#x1f950;|戌神ころね|
|🦋|U+1F98B~~&#x1f98b;|潤羽るしあ|
|>|>|~Unicode Emoji 4.0 (2016-11-22) / Unicode 6.0 (2010-10-11)|
|👯‍♀️|U+1F46F U+200D U+2640 U+FE0F~~&#x1f46f;&#x200d;&#x2640;&#xfe0f;|兎田ぺこら|
|👁️‍🗨️|U+1F441 U+FE0F U+200D U+1F5E8 U+FE0F~~&#x1f441;&#xfe0f;&#x200d;&#x1f5e8;&#xfe0f;|Shiori Novella~~|
|>|>|~Unicode Emoji 5.0 (2017-06-20) / Unicode 10.0 (2017-06-20)|
|🛸|U+1F6F8~~&#x1f6f8;|ラプラス・ダークネス(一部)|
|🥟|U+1F95F~~&#x1f95f;|桃鈴ねね(一部)|
|🧟‍♀️|U+1F9DF U+200D U+2640 U+FE0F~~&#x1f9df;&#x200d;&#x2640;&#xfe0f;|Kureiji Ollie|
|>|>|~Unicode Emoji 11.0 (2018-05-21) / Unicode 11.0 (2018-06-05)|
|🏴‍☠️|U+1F3F4 U+200D U+2620 U+FE0F~~&#x1f3f4;&#x200d;&#x2620;&#xfe0f;|宝鐘マリン|
|🦚|U+1F99A~~&#x1f99a;|Pavolia Reine|
|🧪|U+1F9EA~~&#x1f9ea;|博衣こより|
|>|>|~Unicode Emoji 12.0 (2019-03-05) / Unicode 12.0 (2019-03-05)|
|🪐|U+1FA90~~&#x1fa90;|Tsukumo Sana|
|>|>|~Unicode Emoji 13.0 (2020-03-10) / Unicode 13.0 (2020-03-10) 以降Windows 10未収録|
|🪶|U+1FAB6~~&#x1fab6;|Nanashi Mumei|
|>|>|~Unicode Emoji 13.1 (2020-09-15) / Unicode 13.0 (2020-03-10)|
|❤️‍🔥|U+2764 U+FE0F U+200D U+1F525~~&#x2764;&#xfe0f;&#x200d;&#x1f525;|赤井はあと(新？)~~Heart on Fire|
|>|>|~Unicode Emoji 15.0 (2022-08-31) / Unicode 15.0 (2022-09-13)|
|🩵|U+1FA75~~&#x1fa75;|Fuwawa Abyssgard(一部)|
|🩷|U+1FA77~~&#x1fa77;|Mococo Abyssgard(一部)|
|}
[END]
**テキストスタイルの絵文字
テキストスタイル絵文字はマイクラのモブや装備の名前で使う場合がある。
当Wikiのフォント指定によりデフォルトでテキストスタイルの絵文字が絵文字スタイルで表示されるようになっている。
通常、絵文字の直後に &#xfe0e; をくっつければテキストスタイルになる。
|>|~デフォルト表示|>|テキストスタイル|>|絵文字スタイル|Emoji 15.0による定義|
|center:|w(70):|center:|w(130):|center:|w(130):|size(10):|c
|>|>|>|>|>|>|U+2665 BLACK HEART SUIT|
|♥|&hearts;|♥︎|&hearts;&#xfe0e;|♥️|&hearts;&#xfe0f;|デフォルトはテキストスタイル|
|>|>|>|>|>|>|U+2764 HEAVY BLACK HEART|
|❤|&#x2764;|❤︎|&#x2764;&#xfe0e;|❤️|&#x2764;&#xfe0f;|デフォルトはテキストスタイル|
|>|>|>|>|>|>|U+1F5A4 BLACK HEART|
|🖤|&#x1f5a4;|bgcolor(#ccc):🖤︎|bgcolor(#ccc):&#x1f5a4;&#xfe0e;|🖤️|&#x1f5a4;&#xfe0f;|テキストスタイルの定義なし|
|>|>|>|>|>|>|U+2661 WHITE HEART SUIT|
|♡|&#x2661;|bgcolor(#ccc):♡︎|bgcolor(#ccc):&#x2661;&#xfe0e;|bgcolor(#ccc):♡️|bgcolor(#ccc):&#x2661;&#xfe0f;|両スタイルの定義なし（非絵文字）|
|>|>|>|>|>|>|U+1F90D WHITE HEART|
|🤍|&#x1f90d;|bgcolor(#ccc):🤍︎|bgcolor(#ccc):&#x1f90d;&#xfe0e;|🤍️|&#x1f90d;&#xfe0f;|テキストスタイルの定義なし|
|>|>|>|>|>|>|U+2640 FEMALE SIGN|
|♀|&female;|♀︎|&female;&#xfe0e;|♀️|&female;&#xfe0f;|デフォルトはテキストスタイル|
|>|>|>|>|>|>|U+2642 MALE SIGN|
|♂|&male;|♂︎|&male;&#xfe0e;|♂️|&male;&#xfe0f;|デフォルトはテキストスタイル|
|>|>|>|>|>|>|U+0031 DIGIT ONE|
|1|1︎|1︎|1&#xfe0e;|1️|1&#xfe0f;|デフォルトはテキストスタイル|
|>|>|>|>|>|>|U+0023 NUMBER SIGN|
|#|#︎|#︎|#&#xfe0e;|#️|#&#xfe0f;|デフォルトはテキストスタイル|
|>|>|>|>|>|>|U+00A9 COPYRIGHT SIGN|
|©|&copy;|©︎|&copy;&#xfe0e;|©️|&copy;&#xfe0f;|デフォルトはテキストスタイル|
[+]テキストスタイルで表示できない問題について
-FirefoxではテキストスタイルになるがChromeではならないっぽい
-%%Firefoxでも白抜きテキストのハートはフォントの都合？で出せない%% → 2022/4/24の絵文字フォント調整により暫定的に解消
-フォントにArialを直接指定してみたら&#x2661;含めてテキストスタイルになったので%%多分CSSをうまいことやればなんとかなる%%
-環境依存の部分が大きいしCSS4 (font-variant-emoji)の実装と普及を待たないとうまく対処できない気がする
[END]
**端末による表示や挙動の差異
*テーブル関連
**ソートの仕様
[+]問題のテーブル
{|class="sort edit"
|~live2D|
|?|
|rariemonn(新衣装)|
|rariemonn|
|Jujube|
|rariemonn|
|けっふぃー|
|fumi|
|入江燈|
|rariemonn|
|入江燈|
|fumi|
|rariemonn|
|rariemonn|
|入江燈|
|入江燈|
|rariemonn|
|泉彩|
|rariemonn|
|Jujube(彼シャツ衣装)|
|rariemonn|
|Jujube(部屋着衣装)|
|rariemonn|
|fumi|
|ナナメ(初期衣装)|
|てるてる法師(正月衣装)|
|入江燈|
|rariemonn|
|Jujube(ディアンドル娘衣装)|
|入江燈|
|rariemonn|
|けっふぃ|
|けっふぃー|
|Date|
|Jujube|
|Date|
|Jujube|
|入江燈|
|Date|
|入江燈|
|入江燈|
|rariemonn|
|Date|
|けっふぃー|
|おるだん|
|}
[END]
-テーブルソート機能はこのJSファイルで実装されている
--https://static.seesaawiki.jp/js/wiki_plugin/tablesorter/jquery.tablesorter.min.js?0.7.9
-データ1行目の文字列をみてどういう種類のデータかを判別している
--''データ1行目の文字列が文字「£」「$」「€」「?」で始まる場合は通貨としてソートされる''
---これが直接的な原因で、数値になってないデータは全部 0 扱いなのでソートされない
--ちなみに文字「.」も通貨判定に含まれてはいるが、どうやら優先順位的に数字判定になっているらしい
-さらにややこしい問題があって、上記判定はそもそもちゃんと機能してない
--Seesaa WikiがEUC-JPで、jquery.tablesorter.min.jsがUTF-8でエンコードされている
---UTF-8で作られたJSファイルをEUC-JPとして読み込んでしまった結果、判定処理と変換処理がおかしくなっている
--なので、データ1行目の文字列が文字「£」「€」で始まるものは通貨にならないし、文字「贈」で始まるものは通貨扱いされる
[+]処理内容
// 判定処理~~
/^[£$€?.]/.test(s) //本来~~
/^[贈$��?.]/.test(s) //エンコード不一致~~
~~
// 変換処理~~
$.tablesorter.formatFloat(s.replace(new RegExp(/[£$€]/g),"")) //本来~~
$.tablesorter.formatFloat(s.replace(new RegExp(/[贈$��]/g), '')) //エンコード不一致
[END]
[+]テスト用テーブル
{|class="sort edit"
|~通貨(数値)扱い 1<2<10|
|$|
|1|
|2|
|10|
|}
{|class="sort edit"
|~通貨(数値)扱い 1<2<10|
|?|
|1|
|2|
|10|
|}
{|class="sort edit"
|~文字列扱い 1<10<2|
|£|
|1|
|2|
|10|
|}
{|class="sort edit"
|~文字列扱い 1<10<2|
|€|
|1|
|2|
|10|
|}
{|class="sort edit"
|~通貨(数値)扱い 1<2<10|
|贈|
|1|
|2|
|10|
|}
[END]
[+]セル結合テスト
{|class="sort"
|~あ|い|う|
|1a|1b|1c|
|^|2b|2c|
|3a|3b|3c|
|}
{|class="sort"
|~あ|い|う|
|1a|1b|1c|
|2a|2b|^|
|3a|3b|3c|
|}
{|class="sort"
|~あ|い|う|
|1a|1b|1c|
|2a|>|2b|
|3a|3b|3c|
|}
[END]
**テーブルに埋め込みテキスト
埋め込みテキストのフィルタ・ソート実験 → 残念
tablesorterプラグインの<img alt="テキスト">を拾ってくれる機能に期待したが、使われてるバージョンが古くて対応してなかった。
[+]
やりたかったこと：1x1の透明な画像にalt属性でテキストを与えればtablesorterがテキスト拾ってくれるはず
=|BOX|
&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){ときのそら}
||=
使われてるtablesorterプラグインのバージョンはMottie版ではなくオリジナルの2010年の2.0.5っぽい？
フリーエリアで新しいプラグインに上書きしたりmonkey patchingしたりすればワンチャンあるけど、%%そもそもwiki側がライブラリのバージョン上げないのが悪い%%。
{|class="sort filter"
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){a1}🐻💿&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){ときのそら}|05/15|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){a2}🤖&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){ロボ子さん}|05/23|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){a3}🌸&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){さくらみこ}|03/05|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){a4}☄️&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){星街すいせい}|03/22|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){a5}⚒️&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){AZKi}|07/01|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){b1}🌟&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){夜空メル}|10/31|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){b2}🍎&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){アキ・ローゼンタール}|02/17|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){b3}❤️&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){赤井はあと}|08/10|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){b4}🌽&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){白上フブキ}|10/05|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){b5}🏮&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){夏色まつり}|07/22|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){c1}⚓️&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){湊あくあ}|12/01|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){c2}🌙&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){紫咲シオン}|12/08|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){c3}😈&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){百鬼あやめ}|12/13|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){c4}💋&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){癒月ちょこ}|02/14|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){c5}🚑&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){大空スバル}|07/02|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){d1}🌲&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){大神ミオ}|08/20|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){d2}🍙&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){猫又おかゆ}|02/22|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){d3}🥐&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){戌神ころね}|10/01|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){e1}👯‍♀️&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){兎田ぺこら}|01/12|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){e2}🦋&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){潤羽るしあ}|01/22|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){e3}🔥&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){不知火フレア}|04/02|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){e4}⚔️&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){白銀ノエル}|11/24|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){e5}🏴‍☠️&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){宝鐘マリン}|07/30|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){f1}💫&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){天音かなた}|04/22|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){f2}🐉&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){桐生ココ}|06/17|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){f3}🐏&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){角巻わため}|06/06|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){f4}👾&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){常闇トワ}|08/08|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){f5}🍬&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){姫森ルーナ}|10/10|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){g1}☃️&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){雪花ラミィ}|11/15|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){g2}🍑🥟&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){桃鈴ねね}|03/02|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){g3}♌️&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){獅白ぼたん}|09/08|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){g4}🎪&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){尾丸ポルカ}|01/30|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){h1}🛸💜&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){ラプラス・ダークネス}|05/25|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){h2}🥀&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){鷹嶺ルイ}|06/11|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){h3}🧪&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){博衣こより}|03/15|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){h4}🎣&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){沙花叉クロヱ}|05/18|
|&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){h5}🍃&ref(https://image02.seesaawiki.jp/h/v/hololivetv/wUKTyowFqP.gif,1,1,no_link){風真いろは}|06/18|
|}
[END]
**w(**):を用いた横幅指定の挙動
セルの横幅をw(**):によって指定するとき、PC環境では内部の余白（パディング）を除いた幅を基準に決めるのに対し、モバイル環境ではパディングと罫線を合わせた幅が基準となる。（モバイル版ではtdタグのCSSにbox-sizing:border-boxが指定されているため）
そのため、PC版で改行しないよう幅調整した表をモバイル版でも改行しないようにするには、最大14ピクセル（パディング6*2+罫線0.8*2切り上げ）大きく幅を指定する必要がある。ただし、PC環境のほうが若干フォントサイズが大きいため、セルの中身によってこの値は少し変わってくる。
[+]例
|~w(79)|
|w(79):星街すいせい|
|~幅無指定|
|星街すいせい|
|~w(91)|
|w(91):星街すいせい|
[END]
**テーブルのセンタリング・テーブル幅の指定
モバイル環境ではtableタグのCSSにdisplay:blockが指定されているため、margin:autoを用いたセンタリングのテクニックやテーブル全体の幅指定が期待通りに表示されないことがある。これはdisplay:tableで上書きすることで対処可能。
[+]PC環境ではセンタリングされるが、モバイル環境ではセンタリングされない。
{|style="margin:auto; width:75%;"
|~center:center|
|}
[END]
[+]PC環境でもモバイル環境でもセンタリングされる。
{|style="display:table; margin:auto; width:75%;"
|~center:center|
|}
[END]
**テーブルを横に並べる
PC環境ではdisplay:inline-tableとすることで表を横に並べるテクニックが存在するが、モバイル環境ではテーブルがブロック要素によってラッピングされるためこのテクニックは不可。
[+]PC環境のみ表が横に並んで表示される。
{|style="display:inline-table; margin:0px 20px 20px 0px; width:100px;"
|center:|c
|~0期生|
|ときのそら|
|ロボ子さん|
|さくらみこ|
|星街すいせい|
|AZKi|
|}
{|style="display:inline-table; margin:0px 20px 20px 0px; width:100px"
|center:|c
|~2期生|
|湊あくあ|
|紫咲シオン|
|百鬼あやめ|
|癒月ちょこ|
|大空スバル|
|}
[END]