Mozilla Firefox 多段タブスレ Part.3

2024/03/17(日) 20:10:50.29

!extend:checked:vvvvv:1000:512
!extend:checked:vvvvv:1000:512
↑次スレ建てるときは三行になるようにコピペしてください

■Mozilla Firefox
https://www.mozilla.org/firefox/
■Mozilla Firefox リリースノート
https://www.mozilla.org/firefox/notes
■Firefox サポート
https://support.mozilla.org/ja/

-----

多段タブを実現するuserChrome.js、userChrome.css等を扱う専用スレです
相互互助にお使いください

Mozilla Firefox Part394
https://egg.5ch.net/test/read.cgi/software/1706083488/

Firefox userChrome.js greasemonkeyスクリプトｽﾚ44
https://egg.5ch.net/test/read.cgi/software/1710342779/

userChrome.css・userContent.cssスレ Part14
https://egg.5ch.net/test/read.cgi/software/1710362871/

Mozilla Firefox 拡張機能スレッド Part124
https://egg.5ch.net/test/read.cgi/software/1710343056/

前スレ
Mozilla Firefox 多段タブスレ Part.2
https://egg.5ch.net/test/read.cgi/software/1700919385/

VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured

**Merci chao** (JP 0Hf3-pNjB) · 2025/08/03(日) 11:37:41.67

>>860
--tab-block-margin も同じようにしてね

2025/08/03(日) 12:31:03.42

>>868
ありがとうございます。お疲れ様です。
問題なく動作するようになりました。

:root {
--tab-min-height: 25px !important;
--tab-inline-padding: 1px !important;
--tab-overflow-clip-margin: 1px !important;
--tab-block-margin: 1px !important;
--tab-inline-padding: 8px !important;
}

クリーンな状態で導入しなかったせいで混乱したけど
たぶんタブに色を付けてなかったら気づかなかったと思う

**Merci chao** (JP 0Hf3-pNjB) · 2025/08/03(日) 12:33:58.53

タブの高さによって、より複雑な依頼されているようです

特にドラッグ＆ドロップ処理では、正確な高さ判定が求められます。終的な高さが小数点付きになってしまうと不具合が発生するのを観察しました

当面は、なるべく Firefox のデフォルトスタイルを使用することをおすすめします

**Merci chao** (JP 0Hcf-B3Cu) · 2025/08/04(月) 11:49:01.96

>>870

タブの高さ関連ルール：

:root {
/* タブ間の垂直間隔 */
--tab-block-margin: 1px !important;

/*
タブのコンテンツの高さ：コンパクト-29px、通常-36px、タッチ-41px；
24px 未満には設定しないこと。また、ピクセル単位の整数値を使うことで表示の不具合を防ぎます
*/
--tab-min-height: 36px !important;

/*
このルールが必要になる条件：(--tab-min-height) + (--tab-block-margin) * 2 < 33px
なぜ 33px か？.tab-label-container のデフォルト高さは2.7em、フォントサイズが12pxの場合は最大で約33px
タブは .tab-label-container より高くする必要があります
例：
- --tab-min-height = 29px
- --tab-block-margin = 1px
→ 合計：29 + 1×2 = 31px
31px < 33px となるため、レイアウト崩れを防ぐためにこのルールが必要です
*/
.tab-label-container {
height: auto !important;
}
}

**Merci chao** (JP 0Hcf-B3Cu) · 2025/08/04(月) 12:12:32.61

タブの高さを調整したい方は、上記のルールを追加することで、現在の MultiTabRows@Merci.chao.uc.js バージョン 3.1 でも正常に動作するはずです

不具合が発生した方は、ぜひご報告ください

**870** (ﾜｯﾁｮｲ 6b31-B3Cu) · 2025/08/04(月) 15:31:35.52

タブの垂直間隔と水平間隔を見た目上1pxしたいが1pxで指定すると実際は2pxになります
なので0.5pxで指定すると見た目上1pxになるが、アイコンと文字よりタブが下方向にずれたように見えます
環境によっては下のバーにタブが少し重なりますし、他にも色々と表示の乱れが出ますね。
対策として垂直間隔と水平間隔の余白を無くし、タブの右端と下端に背景色で'box-shadow'を使い擬似的に垂直間隔と水平間隔の余白を1pxに見えるようにしました。
多段タブや他の表示には影響は無いと思いますがどうでしょうか？

https://tadaup.jp/8nOfUBzqF.png

/* タブ高さ・余白を調整する */
:root {
--tab-min-height: 25px !important;
--tab-block-margin: 0px !important;
--tab-inline-padding: 6px !important;
}

/* 通常タブの水平間隔の余白を無くす */
.tabbrowser-tab {
display: inline-block !important;
margin-inline: 0 !important;
}

/* ピン留めタブの水平間隔を無くす */
.tabbrowser-tab[pinned] {
padding-inline: 0 !important;
}

**Merci chao** (JP 0Hcf-B3Cu) · 2025/08/04(月) 16:58:38.97

>>874
> タブの垂直間隔と水平間隔を見た目上1pxしたいが1pxで指定すると実際は2pxになります

上記の inline-padding や block-margin は、padding-left・right や margin-top・bottom を一括で設定する、Firefox の組み込みパラメータです。
そのため 1px を指定すると、実際には 2px の余白が追加されてしまいます
また、小数点指定は環境によって表示の乱れなど様々な問題を引き起こすため、0.5px などの指定は避けた方が無難です

なお、box-shadow は要素のサイズやレイアウトに影響を与えないため、安心して使用できます
ただし、以下のルールでは組み込みパラメータを使用せず、margin や padding を直接指定するため、レイアウトが乱れる可能性があります：

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

.tabbrowser-tab {
/*
デフォルトは flex なので、inline-block は全然別のレイアウト設定です
inline-block と flex の違いや動作原理を理解していない場合は、使用しないでください
*/
display: inline-block !important;

/* タブ間の水平間隔は :root の --tab-overflow-clip-margin で指定してください */
margin-inline: 0 !important;
}

/* ピン留めタブの水平間隔は .tab-content[pinned] の padding-inline で指定してください */
.tabbrowser-tab[pinned] {
padding-inline: 0 !important;
}

**Merci chao** (JP 0Hcf-B3Cu) · 2025/08/04(月) 17:01:01.13

>>874
総括すると、このような感じ：https://tadaup.jp/8NRWj8SA6.png

:root {
--tab-overflow-clip-margin: 1px !important; /* タブ間の水平間隔、以下の box-shadow で 1px 間隔を真似 */
--tab-inline-padding: 6px !important; /* タブの左右の余白 */
--tab-block-margin: 1px !important; /* タブ間の垂直間隔、以下の box-shadow で 1px 間隔を真似 */
--tab-min-height: 25px !important;
}

.tab-label-container {
height: auto !important;
}

.tab-content[pinned] {
padding-inline: 5px !important; /* ピン留めされたタブの左右余白 */
}

/* 以下はスクリーンショットの真似 */
.tab-background {
--background: rgb(180, 180, 180);
background: var(--background) !important;
box-shadow: 1px 1px var(--background) !important;
border-radius: 2px !important;

&[selected] {
--background: rgb(148, 163, 179);
}
}

**Merci chao** (JP 0Hcf-B3Cu) · 2025/08/04(月) 17:32:18.01

修正：

:root {
--tab-overflow-clip-margin: 0px !important; /* タブ間の水平間隔、以下の box-shadow で 1px 間隔を真似 */
--tab-inline-padding: 6px !important; /* タブの左右の余白 */
--tab-block-margin: 0px !important; /* タブ間の垂直間隔、以下の box-shadow で 1px 間隔を真似 */
--tab-min-height: 25px !important;
}

.tab-label-container {
height: auto !important;
}

.tab-content[pinned] {
padding-inline: 5px !important; /* ピン留めされたタブの左右余白 */
}

/* Active Tab BG */
.tab-background:is([selected], [multiselected]) {
background-color: #94a3b3 !important;
box-shadow:
inset 0 -1px 0 0 #d2d2d2, /* 下端に1pxの影 */
inset 1px 0 0 0 #d2d2d2 !important; /* 右端に1pxの影 */
}

/* Inactive Tab BG */
.tab-background:not([selected], [multiselected]) {
background-color: #a5a5a5 !important;
box-shadow:
inset 0 -1px 0 0 #d2d2d2, /* 下端に1pxの影 */
inset 1px 0 0 0 #d2d2d2 !important; /* 右端に1pxの影 */
}

2025/08/04(月) 18:04:51.98

>>876
ありがとうございます。
そうですよね。タブを背景色で削るんじゃなくてタブの色を端に足せばいいんですよね。
コンパクトにすることに夢中だったせいか気づかなかった。
おかげで綺麗に修正できました

2025/08/04(月) 18:43:09.63

あれ？修正来てた
まぁいいか

余白をゼロにしてから背景色でタブを削るなら修正された>>877の記述で
余白をゼロにぜずタブの色で足して詰めるなら>>876の記述で
ってことでいいのかな？

**Merci chao** (JP 0Hcf-B3Cu) · 2025/08/04(月) 19:22:55.49

>>878
>タブを背景色で削るんじゃなくてタブの色を端に足せばいいんですよね。

スクショの中に box-shadow の設定があるって気づいてなかったから、ただ真似してみただけで、特におすすめってわけじゃないです。

実際、どっちのやり方も少し瑕疵があるので：
https://tadaup.jp/8pXsA4dJl.png
どっちが気になるかは、まあ人それぞれって感じですね。

もしかしたら完璧な方法もあるかもだけど、ざっと試した感じでは見つかりませんでした。

あと、「Page Title in URL Bar」（URLバーにページタイトルを表示）もぜひ試してみてくださいね：
https://github.com/Merci-chao/userChrome.js/blob/main/README.jp.md#page-title-in-url-bar （＃の部分も含めてね）
スクリプトのダンロード：
https://raw.githubusercontent.com/Merci-chao/userChrome.js/refs/heads/main/PageTitle%40Merci.chao.uc.js

ページタイトルが表示されつつ、UIもコンパクトにできるので、そういうのが好きな人にはけっこういいかも。

**Merci chao** (JP 0Hcf-B3Cu) · 2025/08/04(月) 19:32:01.41

>>879
> あれ？修正来てた

「修正」って言っちゃったけど、そういう意味の修正じゃなくて、>>876 の勝手な真似に対する修正ってことです

2025/08/04(月) 20:38:44.50

>>880
細かい比較画像ありがとうございます
タブの角がなんとなく違うなと思って気になっていました
拡大して比較して見ると結構違いますね

Page Title in URL Barは入れてみましたが私の環境では馴染めなかったです。ごめんなさい。
タイトルバーに他のプログラムのトリガーを入れてるので、それらがタブバーで発動しちゃうので無理でした
あと、やっぱりウィンドウを掴めるところは広いほうが良いです。

でもフルスクリーンモードの時はURLバーとタイトルが融合出来たら欲しいかもですね。
または、タイトルバーが自動で隠れてマウスオンで表示してくれるギミックがあるならそういう時に欲しいです。

**Merci chao** (JP 0Hcf-B3Cu) · 2025/08/04(月) 21:57:51.32

>>882

> または、タイトルバーが自動で隠れてマウスオンで表示してくれるギミックがあるならそういう時に欲しいです。

まぁ。。。これではどうですか？
chrome に適当に JS ファイルを作って、以下のコードを貼り付けて再起動してみてください。
なぜ +2 なのかはもう忘れました、十年以上前の拡張機能のロジークからなので。
とりあえず適当に書いただけなので、バグがあるかもしれません。www

///////////////////////////////

let $ = s => document.querySelector(s);
let p = v => Services.prefs.setIntPref("browser.tabs.inTitlebar", v);
let t = $("#fullscr-toggler");
let b = $("#browser");
let d = document.documentElement;
let e = (n, e, a, c) => n.addEventListener(e, e => e.target == n && a(e), c);
t.style.setProperty("display", "block", "important");
e(t, "mouseenter", e => p(0));
e(b, "mouseenter", e => p(1));
e(d, "mouseleave", e => e.clientY < (outerWidth - d.clientWidth) / 2 + 2 && p(0), 1);

2025/08/04(月) 23:41:07.19

>>883
ありがとうございます
autoTitleBar + Title in URL Bar
見た目はすごく良いですね

でもタイトルバーは隠してるだけでもタブバーでいろいろ反応しちゃいますね
導入するなら他の機能をオフにするかトリガーを変更するかで検討中です。

あんまり関係ないけどタブバーでダブルクリックとミドルクリックした時に新しいタブが開くのを拒否できないですかね？

2025/08/05(火) 04:00:55.55

MultiTabRows@Merci.chao.uc.js は未だ使ってないけどいずれお世話になるかも
ただ、こういうスレだと消えちゃうので細かいやりとりは GitHub の Issues のほうで
やってくれると残るし参照したい時に「どいう問題に対しての解なのか」というのも明確で助かるんだけど
一応希望としては

**Merci chao** (JP 0Hcf-B3Cu) · 2025/08/05(火) 10:43:12.17

>>885

今回報告されている不具合は、ほとんどが userChrome.css に書き込まれたスタイルが原因で起きているのです。これは、10年以上前からレガシー拡張の開発者や利用者の間で繰り返し、悩ましい問題のひとつです。

昔、自分の拡張に関する不具合報告のほとんどが、他の拡張との相性問題が原因でした。毎回のように「一度ほかの拡張を全部オフにして、問題が消えるかチェックしてみてください。そのあとで一つずつオンにして、どれが原因なのか探っていきましょう」っていう流れで、報告してくださった方にお願いしてました。

スタイルやスクリプトを DIY で魔改造している方の多くは、見た目がちゃんと変わって目的を達成できれば OK というスタンスで、その内容が内部的な依存関係にどう影響するかまではあまり考えないことが多いですし、他の方が書いたコードとの完全な互換性まではなかなか想定できません。

こういった事情も、レガシー拡張が最終的に廃止された理由のひとつだったと思います。

一方で、特に chrome フォルダに何も改造を加えていない方（フォルダ中身が空）にとっては、スクリプト自体にバグさえなければ、基本的に問題なく動くはずです。

そんな背景もあるので、紹介記事では、あえて導入ステップの前に注意点を長めに丁寧に書いています：
https://github.com/Merci-chao/userChrome.js/blob/main/README.jp.md
「Firefox に最適化されたレイアウト計算を多く含むため、タブやタブバー関連の旧式拡張（例：Tab Mix Plus）、スクリプト、CSSスタイルによって不具合が発生する可能性があります。スクリプト適用前後にそれらを確認するか、tabsUnderControlButtons を無効にしてください。」

**Merci chao** (JP 0Hcf-B3Cu) · 2025/08/05(火) 10:57:46.44

これは「誰のせいか」という話ではなく、むしろ、誰もが自由にあらゆることを操作できる（魔改造）ようになると、他人の自由（別の魔改造）と衝突しやすくなるということです

「不可能を可能に変える」ために自由を最大限に活用しつつ、他人に一切の影響を及ぼさないようにする ―― これは非常に奥深い課題ですね

**Merci chao** (JP 0Hcf-B3Cu) · 2025/08/05(火) 11:18:14.24

>>884

以下のコードをスクリプトにすると、タブバーでダブルクリックとミドルクリックした時に新しいタブが開くのを防止できるはず：

gBrowser.tabContainer.addEventListener("click", function(e) {
if (e.target == this.arrowScrollbox && e.button == 1)
event.stopPropagation();
}, true);
gBrowser.tabContainer.addEventListener("dblclick", function(e) {
if (e.target == this.arrowScrollbox && e.button == 0 && !this._blockDblClick)
event.stopPropagation();
}, true);

**884** (ﾜｯﾁｮｲ 6b31-B3Cu) · 2025/08/05(火) 12:37:59.86

>>885
GitHubのIssuesの方が情報が整理されて残るという点、確かにその通りですね。
今回はタブ関連のCSS絡みだったので、こちらのスレで聞かせていただきました。
5ちゃんねるは、気軽に相談できたり偶然同じ悩みを持つ人が見つけてくれたりするのも魅力だと思います。
今後はGitHubも併用しつつ、場に応じて使い分けていければと思います。

>>888
コードありがとうございます！
ずっと困ってたので本当に助かりました。
おかげでミドルクリックで閉じたタブを復元するコードを使えるようになりました。

2025/08/05(火) 22:50:12.85

>>888
横からですがいただきました感謝です！
上のコードとAIを利用してTMPのタブ・ミドルクリックでロック＆保護も作れた
これでTMPからようやく脱却できる

2025/08/06(水) 19:44:27.03

>>887
GitHubと5ｃｈの専用スレでいいのでは？
スレはたとえば”多段タブ MultiTabRows@Merci.chao.uc.js”とか

2025/08/07(木) 00:17:19.50

MultiTabRows@Merci.chao.uc.js 3.1
141.0.2 64bit OK

2025/08/08(金) 08:32:55.57

141.0.3 (64 ビット)　OK

ピン止めタブの不具合もろもろ、このスレを参考に解決できました
ありがとうございました

**Merci chao** (JP 0H4f-Hgda) · 2025/08/13(水) 11:31:00.40

MultiTabRows@Merci.chao.uc.js バージョン 3.2 がリリースされました：
https://github.com/Merci-chao/userChrome.js/raw/refs/heads/main/MultiTabRows@Merci.chao.uc.js

変更履歴：
- justifyCenter を追加。タブを中央揃えにする設定：0 - 無効、1 - 1 段のみの場合、2 - 常に有効。タブが中央揃えされている場合、タブの閉じ方やグループの折りたたみ動作が若干異なる場合があります。
- scrollButtonsSize を追加：ドラッグ中のスクロールボタンのサイズ（ピクセル単位）。最小値は 2、最大値はタブの高さの半分までに制限されます。
- Firefox 143 に対応。
- 一部の環境でタブをブックマークツールバーにドロップできない問題を修正。
- その他の不具合修正。

2025/08/13(水) 19:23:18.71

MultiTabRows@Merci.chao.uc.js 3.2
141.0.3 64 bit OK

2025/08/13(水) 20:17:54.48

MultiTabRows@Merci.chao.uc.jsって
githubのインストール方法にはスクリプトローダー入れてどうたらあるけど
過去のスレをみるとchromeフォルダにいれるだけでOKってことなの？

2025/08/13(水) 21:04:34.92

>>896
'MultiTabRows@Merci.chao.uc.js'を入れる前にCSS及び他のjsファイルは他の場所へ一時的に退避強くおすすめする

chromeに'MultiTabRows@Merci.chao.uc.js'を入れたらFirefoxを再起動
必要に応じてabout:configで設定を変更
正常に多段タブが機能してることを確認したらCSS及び他のjsファイルを戻す
他の多段タブ用で書いたCSSは新たに書き直しになるかもだけど

**名無しさん＠お腹いっぱい。** · 2025/08/13(水) 22:06:42.26

chrome の中を MultiTabRows@Merci.chao.uc.js だけにしたけど、
多段にならなかった…

**Merci chao** (JP 0H4f-Uy6d) · 2025/08/13(水) 22:20:45.46

>>898

スクリプトを使用していない場合は、スクリプトローダー (userChrome.js) をインストールしてください

すでに他のスクリプトを使用している場合は、他のスクリプト (.js) やスタイル (.css) を一時的に移動し、Firefox を再起動して問題が解消されるか確認してください

※ Firefox 115、141、142、143、Windows のみに対応

**Merci chao** (JP 0H4f-Uy6d) · 2025/08/13(水) 22:32:26.87

>>898
Tab Mix Plus を使用している方なら、互換性がないので TMP の多段機能を使用してください

**名無しさん＠お腹いっぱい。** · 2025/08/13(水) 23:36:35.26

>>899
userChromeJS.multiTabRows@Merci.chao.tabMaxWidth はあったのですが、
userChromeJS.multiTabRows@Merci.chao.tabMaxHeight みたいなのがが無かった。
タブの高さを変更するには、何を変更すればいいのですか？
それとも、変更不可能なのかな。
見た感じ、ちょっと高さを低くしたい…??

**名無しさん＠お腹いっぱい。** · 2025/08/13(水) 23:42:48.61

>>901
解決したわ。
userChrome.css で --tab-min-height の値を変更すればいいのね。

**Merci chao** (JP 0H4f-Uy6d) · 2025/08/14(木) 00:08:55.64

>>902
もし (--tab-min-height) + (--tab-block-margin) * 2 < 33px の場合、このルールも必要ですよ：
.tab-label-container {
height: auto !important;
}

「高度な調整」のサンプルに参考してね：
https://github.com/Merci-chao/userChrome.js/blob/main/README.jp.md#高度な調整

**名無しさん＠お腹いっぱい。** · 2025/08/14(木) 02:57:18.84

>>903
> もし (--tab-min-height) + (--tab-block-margin) * 2 < 33px の場合、このルールも必要ですよ：
コメントの「24px 未満には設定しないこと」の事かな？？
一応、２５にしました。

**名無しさん＠お腹いっぱい。** · 2025/08/14(木) 02:59:15.83

レイアウトは崩れてないみたいなので、まぁいいかな、と…(汗)

**名無しさん＠お腹いっぱい。** · 2025/08/14(木) 03:00:28.65

ここって絵文字は化けるのか。

では「💦」でいいのかな…

**Merci chao** (JP 0H4f-Hgda) · 2025/08/14(木) 10:13:38.61

>>904
:root {
/* タブのコンテンツの高さ */
--tab-min-height: 25 !important; ◯
--tab-min-height: 24 !important; ◯
--tab-min-height; 23 !important; ☓ （閉じるボタンは24pxのため）
}
=======================================================
:root {
--tab-min-height: 25 !important; /* タブのコンテンツの高さ */
--tab-block-margin: 4px !important; /* タブ間の垂直間隔 */
}

/* このルールを無効化しても
.tab-label-container {
height: auto !important;
}*/

◯ 25 + 4 * 2 = 33 セーフ
=======================================================
:root {
--tab-min-height: 25 !important; /* タブのコンテンツの高さ */
--tab-block-margin: 2px !important; /* タブ間の垂直間隔 */
}

/* このルールを無効化したら
.tab-label-container {
height: auto !important;
}*/

☓ 25 + 2 * 2 = 29 < 33 グリッチ・不具合発生やすい

2025/08/14(木) 16:55:21.55

ピン止めのタブ以下多段ならない件
ESRとSearchWP系(allice0775氏のserachWP_modoki[と_highlightbutton].uc.js)使いで
v128.13.0ESR(x64)まで多段タブ.zip(ttps://u6.getuploader.com/script/download/2207, SearchWP明記)で使ってました。
v140.0.3ESR(x64)で多段タブ.zip(138+)を適用すると
ピン止めしたタブの下の段以降にはFirefoxView同様に別のタブが表示されず大幅な狭くなります(searchWPのjs無しでも同じ,firefox 多段タブでググると同様の方もいますね)
このピン止め対応方法ご存じの方お教えください。(.jsやcss詳しくなくすみません)

2025/08/15(金) 02:11:23.17

>>908
/* ピン留めしたタブの幅 */
.tabbrowser-tab[pinned] .tab-stack {
max-width: 120px !important;
min-width: 120px !important;
}

/* ピン留めしていないタブの幅 */
tabs tab[fadein]:not([pinned]) {
flex-grow:1;
max-width: 120px !important;
min-width: 120px !important;
}
/*タブの高さ*/
#TabsToolbar {
--tab-min-height: 20px !important;
}

2025/08/15(金) 02:12:12.81

/*ピン留めしたタブとしていないタブの隙間を消す*/
.tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
margin-left: 0 !important;
}
/* ファビコンとタイトルの間を詰める */
.tab-icon-image[pinned] {
margin-inline-end: 5px !important;
}
/* タブの左右にある空白を調整デフォルト: padding-inline: 2px !important; */
/* 完全に0にするとアクティブタブの左側とドロップインジケーターの赤線が2pxの内1px被るので空白を開けてます。 */
.tabbrowser-tab { padding-inline: 0px 0px !important; }
.tabbrowser-tab[selected][style^="box-shadow: red 1px"] { padding-inline: 1px 0px !important; }
/* アクティブタブの色 */
#tabbrowser-tabs .tabbrowser-tab[selected] .tab-content { background: linear-gradient(to bottom,#007a00,#002100) !important; }
/* タブにマウスホバーした時の色 */
#tabbrowser-tabs .tabbrowser-tab:hover:not([selected]) .tab-content { background: linear-gradient(to bottom,#8f8f8f,#002100) !important; }

2025/08/15(金) 02:19:28.89

>>908
あとFirefoxViewは非表示にしてある
タブのサイズとは関係ないけど>>775は//でコメントアウトしてある

これで140.1.0ESRポータブルで問題無く使えてる
1段目(ピン留めタブは5つくらい)と2段目は全く同じ幅

2025/08/15(金) 18:15:07.73

>>909-911
ご丁寧にありがとうございました。
休憩時間に見てる途中ですが >909の分はgrepして多段タブ.zip(138+)と競合しなさそうで別の.jsファイルとしてchrome￥nに置けば良さそうです。引き続きgrepしてから適用します。

2025/08/15(金) 21:05:14.02

¥nとややこしい誤記なので訂正します
誤:chrome￥n
正:chrome¥

2025/08/15(金) 21:16:29.44

MultiTabRows@Merci.chao.uc.jsに移行してみたー
userChrome.jsは元々使ってたのにしてるけど問題無いかな

2025/08/17(日) 15:02:07.31

908です >>909-911 画像貼らず、説明が足りませんでした。 v128ESRに多段タブ.zipではピン止めタブの下も多段でOK→スクショ(1) https://imgur.com/gallery/pin-okv128esr-zip-5Lggk1T
そこでお教えのv141ESR＋多段タブ.zip(138+)=ttps://u6.getuploader.com/script/download/2238 のMultiRowTabLiteforFx.uc.jsの 269行目「.tabbrowser-tab[fadein]:not([pinned]) {」の前に >>909-910を挿入して>>911 も適用しVScodeでエラー無い事も確認しました。 (別途念の為/* ピン留めしたタブの幅 */のpixel数を変更など変更して反映される事確認済み) が、pin止めタブの下(と上)は多段タブ出ません→ https://imgur.com/gallery/pin-5ch-109-111-multi-js-jZdIbUX これをスクショ(1)の様にしたいという意図です。

2025/08/17(日) 15:20:00.05

上記の画像をサムネ表示できるLinkに修正した(つもりです)
908です >>909-911 画像貼らず、説明が足りませんでした。 v128ESRに多段タブ.zipではピン止めタブの下も多段でOK→スクショ(1)https://i.imgur.com/U0ckTFS.jpeg
そこでお教えのv141ESR＋多段タブ.zip(138+)=ttps://u6.getuploader.com/script/download/2238 のMultiRowTabLiteforFx.uc.jsの 269行目「.tabbrowser-tab[fadein]:not([pinned]) {」の前に >>909-910を挿入して>>911 も適用しVScodeでエラー無い事も確認しました。
(別途念の為/* ピン留めしたタブの幅 */のpixel数を変更して反映される事確認済み)
が、pin止めタブの下(と上)は多段タブ出ません→https://i.imgur.com/mhurKh0.jpeg
これをスクショ(1)の様にしたいという意図です。

**Merci chao** (JP 0H95-o4l0) · 2025/08/17(日) 17:39:12.92

>>916
少し気になったのですが、ピン留めしたタブが通常のタブと同じサイズになっているのは、どういった理由があるのでしょうか？
特定のタブを先頭に配置することで、何か違いやメリットがあるのでしょうか？

2025/08/17(日) 19:58:41.96

＞なぜ特定のタブを先頭に配置？　ピン留めタブと通常タブが同じサイズ？
1⃣Gmailを先頭から動かしたくない　2⃣pinの幅も揃えてすっきりしたい
っていう理由で横からですが自分も教えてほしい

2025/08/17(日) 20:50:13.64

>>917-918
お教頂いた内 >>909参照。
最初の2項目ピン止めと非ピン止め双方のタブ幅120pixel設定だから。
デフォルトは前者は狭いです。
>>918 ピン止めは文字通りgmail等よく使うタブ用ですね。ファビコンですぐ判別できますし

2025/08/18(月) 04:52:32.66

>>909-911はuserChrome.cssに記述した方が良いよ
MultiRowTabLiteforFx.uc.jsは>>775のコメントアウトだけやれば良い

個人的にはピン留めタブも同じ幅派だなぁ
小さいと押しづらくて隣のタブをクリックしてしまう事があるので

2025/08/18(月) 07:42:48.04

多段タブ.zipって138+で更新止まったの？

2025/08/18(月) 14:12:02.81

>>920
「>>909-911はuserChrome.cssに記述した方が良いよ」の理由は、下記など想像できますが何でしょうか
(a)正常になるつまり>>916の最初の図た同じくピン止めタブ下も多段タブ
(b)正常にはならないが、保守性や競合の可能性等

2025/08/18(月) 15:54:19.56

>>922
少なくともそれで正常(>>916の1枚目の画像と同じ)に表示出来てるし
MultiRowTabLiteforFx.uc.jsが更新来るたび書き換えるの面倒だからね

尚、今新規にESR140.1ポータブルDLして最低限の記述で909-910コピペしたけど
やはり正常に表示されたよ
これで駄目ならalice0775氏のとこでuserChrome.jsなどを最新にしてないとか
ファイルがUTF-8になってないとかかな

**Merci chao** (JP 0H9d-o4l0) · 2025/08/18(月) 21:13:30.55

MultiTabRows@Merci.chao.uc.js バージョン 3.3 がリリースされました：
- `pinnedTabsFlexWidth` を追加：ピン留めしたタブのサイズを通常のタブと同様に扱います。なお、タブバーがスクロール可能な場合でも位置が固定されなくなる（試験的機能）。
- `checkUpdateAutoApply` を追加：新しいバージョンがある場合にスクリプトファイルを自動更新（上書き）。`0` - 無効、`1` - 確認する、`2` - 常に更新、`3` - 常に更新（通知なし）。
- バグ修正：Firefox 142 において、閉じたピン留めタブを再度開くとタブ機能が正常に動作しなくなる。
- 全画面表示に関連する軽微な不具合を修正。
- `nativeWindowStyle` は全画面表示でも有効。
- タブバーサイズのロック動作を改善。
– 軽微な不具合の修正。

ダウンロード：https://github.com/Merci-chao/userChrome.js/raw/refs/heads/main/MultiTabRows@Merci.chao.uc.js
紹介ページ：https://github.com/Merci-chao/userChrome.js/blob/main/README.jp.md

2025/08/19(火) 06:30:05.50

>>916
止まってるね。身体の調子が悪いとか、面倒になったとか、何かしら理由はあるんだろうけど。

https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme/tree/master/Multirow%20and%20other%20functions/Multirow%20tabs
ここのMultiRowTabLiteforFx.uc.jsもいい感じだよ。

**925** (ﾜｯﾁｮｲ 4171-xufC) · 2025/08/19(火) 06:31:22.38

返信引用間違えた
>>921
だった

2025/08/19(火) 14:24:23.04

ところでIzheil氏のMultiRowTabLiteforFx.uc.jsの@authorの履歴かな
そこに最近このスレによく書き込んでくださるMerci-chaoさんの名もあるけど
一時MultiRowTabLiteforFx.uc.jsに関わっていたのかな

**Merci chao** (JP 0H9d-xufC) · 2025/08/19(火) 16:05:49.41

>>927
いいえ、そんなに深く関わっていたわけじゃないですね
昔、Izheil 氏の MultiRowTabLiteforFx.uc.js を使っていて、ある些細な提案とそのコードを投稿しました
それで、「作者の一員」になりました：
https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme/commit/9a8d59790da33c1c477881d324ac81cbfcd00895
気づいたのは、かなり後になってからでした（笑）

最初はそのスクリプトをベースで改造して、自分が欲しかった機能を追加してたが、だんだん全く別物になっていきました

2025/08/19(火) 19:53:26.51

>>923
遅くなりました。922です。
テストまでありがとうございます。
ESRポータブル日本語版も今v140.1.03ですね。
不慣れなので
>>909-911はuserChrome.cssの何行目に挿入したかお教え頂けますか？
(例:最終行の一つ前751行目など)

2025/08/20(水) 04:00:27.12

>>929
@charset "utf-8";

/* ピン留めしたタブの幅 */

なので3行目からだね

2025/08/20(水) 15:21:58.98

一段落ついたら142以降の安定版上げるかテンプレに書いてくれや
読むのめんどくさいんで

2025/08/21(木) 00:03:25.95

>>930 ありがとうございます。
調べて遅くなりましたが922=916です
お教えの様に>>909-910 を.jsでなく userChrome.cssに摘要すると
ttps://developer.mozilla.org/ja/docs/Web/CSS/ID_selectors
等より # で始まる行が(.jsでは行コメントですが)CSSでは重複NGのIDセレクタで
909-910 の意図と合ってるのか分かってませんが

本筋：多段タブ.zip(138+)の適用方法は下記で合ってますでしょうか？(ESR128 PortableではOKの方法)
FirefoxPortableESR_140.1.0_Japanese.paf.exe(*2)を実行しできた(続く)

2025/08/21(木) 00:04:33.85

\FirefoxPortable\の下の
(a)\App\Firefox64\config.js
(b)\App\Firefox64\defaults\pref\config-prefs.js
(c)\Data\profile\chrome\MultiRowTabLiteforFx.uc.js
(d)\Data\profile\chrome\userChrome.css
(e)\Data\profile\chrome\userChrome.js

として多段タブ.zip(138+)*1の以下をコピー
(a)\userChrome.js用スクリプトを利用する方法\ の同file
(b)\userChrome.js用スクリプトを利用する方法\defaults\pref\ の同file
(c)\多段タブ\ の同ファイル
(但し>>775のコメントアウト適用)
(d)\userChrome.js用スクリプトを利用する方法\ の同file
(今回3行目から >>119-120を追加)
(e)\Firefox139+ [userChrome js]\ の同file
(\Firefox135+ [userChrome js]\★ではない)

2025/08/21(木) 00:05:27.61

(続き)
*1多段タブ.zip(138+)= ttps://u6.getuploader.com/script/download/2238
なお\App\Firefox64\はPortableなのでfirefox.exeのあるインストールフォルダ。
>>923 の「alice0775氏のとこでuserChrome.jsなどを最新にしてないとか」
は「多段タブ.zip(138+)と違い、userChrome.jsなどを適切にしてないとか」と
理解してますが違えばお教えください。
編集する場合は当然漢字コードはUTF8(BOM無し)と多段tab.zip(138+)と同じ。改行コードも非変更(CRLFでした)

2025/08/21(木) 00:13:19.72

続き（*2):前回>>929でVersion誤記しました。すみません。

2025/08/21(木) 03:19:02.13

>>932
a~eのファイル設置場所は合っているけど、うちの場合は
138+の多段タブ.zipからはMultiRowTabLiteforFx.uc.js(を>>775したもの)しか使っていない。他のファイルは
tps://github.com/alice0775/userChrome.js
で検索窓でconfigと打って出てくる117/～～のconfig.js(139/～のでは多段タブは何も動作しなかった)
同じく117/～のconfig-prefs.js(まあこれは139のと中身同じだけど)
141/～のuserChrome.js

あと必須なのがこれ(about:configで直接やっても当然問題無いはず)
FirefoxPortable\Data\profile\user.jsを作って中身に以下を記述
// userChrome.css/userContent.css有効
user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);

そしてFirefoxを起動して上部を右クリック＞ツールバーをカスタマイズ　でFirefox viewをD&Dして排除して完成

新規試した時に>>909-910以外でやったのはこんな感じ

2025/08/21(木) 03:38:08.32

139のはtest用やね

2025/08/21(木) 09:13:53.39

>>936 ありがとうございます。932-935=>>916です
>>909-910はどのファイルのどこに追記しましたでしょうか？
またそれでタブをピン止めした際、(909で変更されたピン止めタブの幅は別にして)
下図の様にピン止めしたタブの下も多段タブが入るのでしょうか？
https://i.imgur.com/U0ckTFS.jpeg
>>936 = >>909-911さんですね

2025/08/21(木) 11:19:41.39

>>938
もう一度試してみたけどやはりその画像のように表示できる

最小構成としては
config.js　alice氏の117
config-prefs.js alice氏の117
MultiRowTabLiteforFx.uc.js 多段タブ.zip
userChrome.js alice氏の141
about:configのtoolkit.legacyUserProfileCustomizations.stylesheets　をtrueに

これだけで一応その画像のような感じにはなる(タブが縮むので多少多くタブを出さないとだけど)
なのでまずは最小構成で試してみて
正常なの確認してからuserChrome.cssに>>909-910とかやってみると良いかと
自分が教えられるのはこれくらいかな

2025/08/21(木) 23:56:20.05

なにがあんだかわからなくなってきた

2025/08/22(金) 01:18:49.99

>>938
ESRは来年（2026）の第二四半期まではロダの多段タブでも大丈夫だろうね
以降はロダの更新がない限りは別の多段タブのスクリプトに変える必要あるだろうけど

**名無しさん＠お腹いっぱい。** · 2025/08/22(金) 01:30:06.27

ずーっと「128.14.0esr(64 ﾋﾞｯﾄ)」を使ってる。
何故かずーっと「最新バージョンです」って言われるし…

2025/08/22(金) 02:12:56.50

932-935=938=>>916です
私が「936 = >>909-911さんですね」と書きましたが
私の間違いで936さん=938=923 ≠909-911さんですね
その為>>938と失礼な事を書き、申し訳ありません。

>>936 さんの通りにし(909-910はコード読んで不要と判断)
おかげ様でFirefox140.1.0ESR portableで
正しくpin止め下のタブも正しい多段タブで動作しました→ttps://i.imgur.com/6unEFvg.jpeg
(alice0775氏/(最新)139/searchWP_modoki.js動作も31行目からの//(使い方)どおり正常)
936 さん誠に有難うございました。

2025/08/22(金) 02:14:34.19

(続き=原因等)
>>933との DiffはuserChrome.jsとuser.jsですが切分け実験して
原因は多段タブ.zip(138+)の userChrome.jsが古い為でした(user.jsは無くてもabout:configで該当=trueで動作OKでしたが安心のため配置)

動作:userChrome.js種類 ,@versiom(17行目)
----------------------------------
NG:多段タブ.zip(138)+版,2025/04/02
OK: alice0775氏/139 ,2025/05/11
OK: alice0775氏/141 ,2025/06/16 Bug 1968479(←？issueでも無く何の番号か未理解、続く説明も内部的で理解できず)

なお私が>>935の通りVersion間違えたのですが
Firefox140.1.0ESR portableで/141版を使用して問題ないかは分かっていません
>>937 さん「139のはtest用やね」はconfig.jsだけでなく、userChrome.jsにも当てはまるのでしょうか？
どなたかご存じの方お教えください
>>936 さん誠に有難うございました。

2025/08/22(金) 07:42:07.54

上手く言えないんですがタブの1段目と2段目の隙間を圧縮することって出来ますか？隙間が空きすぎてて何かしっくりこないんです
どこをイジればいいですか？

2025/08/22(金) 10:11:41.95

142.0 (64bit)にしたら、多段タブzipだとタブの移動が凄いことになったので
これを機に@Merciに切り替えてみた
以前からのcssもそのまま使えたし、概ね良好

2025/08/23(土) 11:18:23.43

Tab Mix Plus有料じゃなくなった？　開発ビルド - 2025-08-20 一応使える
タブ移動のときの変な動きが正常になってる

**名無しさん＠お腹いっぱい。** · 2025/08/23(土) 16:26:09.33

何処でインストール出来るの？
検索しても、これ
ttps://addons.mozilla.org/ja/firefox/addon/tab-mix-plus-webextension/
しか見つからないんだけど…

2025/08/23(土) 16:50:44.90

>>948
github.com/onemen/TabMixPlus/releases
ここだよ　インストール方法は省くけど
ただまた有料化して使えなくなるかもだからオススメはしない

**名無しさん＠お腹いっぱい。** · 2025/08/23(土) 17:01:34.44

extensions.experiments.enabled を True に変更しても、
ＸＰＩが壊れている、って言われてインストール出来なかった。

2025/08/23(土) 17:53:24.66

>>950
github.com/onemen/TabMixPlus/
構成ファイル(fx-folder.zip)と
utils（utils.zip）の最新ファイルとインストール方法は上のリンクから

つべのTabMixPlusインストール方法でやるなら最新ファイルを使って
www.youtube.com/watch?v=77WtnF_6mps

2025/08/24(日) 17:08:04.38

なにがあんだかわからなくなってきた

2025/08/28(木) 17:09:22.70

142.0.1 (64 ビット)　OK

**名無しさん＠お腹いっぱい。** (JP 0H39-NWkk) · 2025/08/30(土) 00:00:24.38

MultiRowTabLiteforFx.uc.jsを更新し続けてくれた方、今までありがとうございました

2025/09/01(月) 00:27:19.66

>>954
そうだね。御礼言いたい。
でも本当に終わりなのかな？

**名無しさん＠お腹いっぱい。** · 2025/09/01(月) 01:07:30.44

いや何で勝手に終わらせてるんだよ。

2025/09/04(木) 18:00:13.21

はいれた

2025/09/04(木) 18:27:18.65

勝手にフォークして更新し続ければ委員じゃ内科医

2025/09/06(土) 14:36:40.62

もう更新止まったんだし認めようよ

2025/09/07(日) 19:16:19.73

なにがあんだかわからなくなってきた

**Merci chao** (ｷｭｯｷｭ 0Hcf-08wO) · 2025/09/09(火) 14:34:26.94

MultiTabRows@Merci.chao.uc.js は Version 3.4 に更新されました。

更新内容：
- `animateTabMoveMaxCount` を追加：ドラッグされたタブの数がこの値を超えると、ドラッグアニメーションは無効化され、代わりにドロップ位置のインジケーターが表示。最小値は `0`。多数のタブをドラッグした際に動作が重くなる場合は、この値を下げてください。備考：タブグループの一部の操作が使用できない場合があり、最終的なドロップ位置は Firefox のネイティブな挙動によって決まり、特定の状況では期待どおりに動作しない場合がある。
- `hidePinnedDropIndicator` を追加：ピン留めされたタブが存在しない場合に、タブをドラッグしてピン留めに変換できる際に表示されるインジケーターを非表示（Firefox 143 以降に対応）。
- アニメーションの処理を見直して、動作を改善。
- `tabsAtBottom` を `2` にすると、ブックマークツールバーを「新しいタブのみ表示する」に設定していても、タブバーはブックマークツールバーの下に表示。
- `autoCollapse` の改善：右クリックメニューが表示されている間、タブバーは展開されたままになる。
- `autoCollapse` における 2 つの遅延パラメータのデフォルト値を引き上げた。
- バグ修正：タブグループが複数行にまたがる場合、一部の状況下でグループの折りたたみやドラッグ操作がスムーズに動作しないことがある。
- バグ修正：ドラッグ中に Esc キーを押すと、問題が発生する場合がある。
- バグ修正：Ctrl キーで複数のタブを選択してコピーする操作が、時々うまく機能しない（Firefox バグ #1987160）。
- バグ修正：最後のタブをショートカットで閉じると、タブが上にスクロールすることがある問題を修正。
- このスクリプトはポップアップウィンドウには適用されない。
- Firefox 143 と 144 に対応。
- 複数の軽微なバグの修正。

ダウンロード：https://github.com/Merci-chao/userChrome.js/raw/refs/heads/main/MultiTabRows@Merci.chao.uc.js

※ 今回のアップデートでは修正箇所が非常に多いため、万が一バグなどが発生した場合は、GitHub にてご報告いただけますようお願いいたします：
https://github.com/Merci-chao/userChrome.js/issues/new

**Merci chao** (ｷｭｯｷｭ 0Hcf-08wO) · 2025/09/09(火) 14:35:17.94

=========== 更新情報は以上です ===========

MultiTabRows@Merci.chao.uc.js の注目ポイント：
- タブグループ対応：多段でもタブグループに完全対応！マウス操作をフルサポートし、より滑らかで洗練された操作体験を実現。
- 強化されたタブアニメーション：タブに関連する各種動作にスムーズなアニメーションを追加。
- スペース活用の最適化：ウィンドウ制御ボタン下のスペースも含め、UI 領域を最大限に活用。（手動で有効化する必要あり）
- 滑らかなタブドラッグアニメーション：多段でもドラッグのアニメーションをサポート。
- ピン留めタブのグリッド表示：タブバーがスクロール可能際、ピン留めされたタブをコンパクトなグリッドに固定。
- Firefox にネイティブ統合：Firefox の動作とシームレスに連携し、まるで標準機能のように多段タブに対応。
- テーマとの互換性：段数に関係なく様々なテーマに完全対応。

紹介ページ：https://github.com/Merci-chao/userChrome.js/blob/main/README.jp.md

※必ず「注意事項」と「インストール方法」をお読みください。

**名無しさん＠お腹いっぱい。** · 2025/09/09(火) 18:10:57.16

ん？
新バージョンが出た？

2025/09/12(金) 15:52:05.32

Tab Mix Plus無料に戻ったんか？

**Merci chao** (JP 0Hcf-4IC3) · 2025/09/12(金) 21:30:34.35

>>964

Tab Mix Plus、新バージョンから月額支援制に
https://onemen.github.io/tabmixplus-docs/update/

バージョン1.32以降、Tab Mix Plusは継続的なアップデートと互換性維持のため、有料の拡張機能になった。

ただし、サブスクもアカウント登録も強制支払いもなし。開発版XPIを含むすべてのバージョンは、これまで通り自由にインストールできる。

開発者は「Trust Plan（信頼プラン）」を採用していて、ユーザーに月1〜2ドルの支援をお願いしている。

バージョン1.31以前は無料のままで、Firefox 139まで対応。

2025/09/13(土) 01:07:10.15

Tab Mix Plus、試しにDLしてみたけど懐かしい
ところで、Tab Mix Plusを入れると他の何か（スクリプト）とコンフリクトするんだっけ？

2025/09/13(土) 08:18:34.94

>>965
実質今まで通りって事か
寄付が強制じゃないのは正直助かる

2025/09/13(土) 09:34:52.82

Tab Mix Plusなんて別に無くても良いってバレたからすり寄ってきてる