Mozilla Firefox 多段タブスレ Part.3 (988ﾚｽ)
Mozilla Firefox 多段タブスレ Part.3 http://egg.5ch.net/test/read.cgi/software/1710673850/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
877: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 2025/08/04(月) 17:32:18.01 ID:R8dnqpmrH 修正： :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 !importan
t; /* ピン留めされたタブの左右余白 */ } /* 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の影 */ } http://egg.5ch.net
/test/read.cgi/software/1710673850/877
878: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6b31-B3Cu) [sage] 2025/08/04(月) 18:04:51.98 ID:626kAffw0 >>876 ありがとうございます。 そうですよね。タブを背景色で削るんじゃなくてタブの色を端に足せばいいんですよね。 コンパクトにすることに夢中だったせいか気づかなかった。 おかげで綺麗に修正できました http://egg.5ch.net/test/read.cgi/software/1710673850/878
879: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6b31-B3Cu) [sage] 2025/08/04(月) 18:43:09.63 ID:626kAffw0 あれ？ 修正来てた まぁいいか 余白をゼロにしてから背景色でタブを削るなら修正された>>877の記述で 余白をゼロにぜずタブの色で足して詰めるなら>>876の記述で ってことでいいのかな？ http://egg.5ch.net/test/read.cgi/software/1710673850/879
880: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 2025/08/04(月) 19:22:55.49 ID:R8dnqpmrH >>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もコンパクトにできるので、そういうのが好きな人にはけっこういいかも。 http://egg.5ch.net/test/read.cgi/software/1710673850/880
881: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 2025/08/04(月) 19:32:01.41 ID:R8dnqpmrH >>879 > あれ？ 修正来てた 「修正」って言っちゃったけど、そういう意味の修正じゃなくて、>>876 の勝手な真似に対する修正ってことです http://egg.5ch.net/test/read.cgi/software/1710673850/881
882: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6b31-B3Cu) [sage] 2025/08/04(月) 20:38:44.50 ID:626kAffw0 >>880 細かい比較画像ありがとうございます タブの角がなんとなく違うなと思って気になっていました 拡大して比較して見ると結構違いますね Page Title in URL Barは入れてみましたが私の環境では馴染めなかったです。ごめんなさい。 タイトルバーに他のプログラムのトリガーを入れてるので、それらがタブバーで発動しちゃうので無理でした あと、やっぱりウィンドウを掴めるところは広いほうが良いです。 でもフルスクリーンモードの時
はURLバーとタイトルが融合出来たら欲しいかもですね。 または、タイトルバーが自動で隠れてマウスオンで表示してくれるギミックがあるならそういう時に欲しいです。 http://egg.5ch.net/test/read.cgi/software/1710673850/882
883: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 2025/08/04(月) 21:57:51.32 ID:R8dnqpmrH >>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); http://egg.5ch.net/test/read.cgi/software/1710673850/883
884: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6b31-B3Cu) [sage] 2025/08/04(月) 23:41:07.19 ID:626kAffw0 >>883 ありがとうございます autoTitleBar + Title in URL Bar 見た目はすごく良いですね でもタイトルバーは隠してるだけでもタブバーでいろいろ反応しちゃいますね 導入するなら他の機能をオフにするかトリガーを変更するかで検討中です。 あんまり関係ないけどタブバーでダブルクリックとミドルクリックした時に新しいタブが開くのを拒否できないですかね？ http://egg.5ch.net/test/read.cgi/software/1710673850/884
885: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a9b6-B3Cu) [sage] 2025/08/05(火) 04:00:55.55 ID:8hIUt62r0 MultiTabRows@Merci.chao.uc.js は未だ使ってないけどいずれお世話になるかも ただ、こういうスレだと消えちゃうので細かいやりとりは GitHub の Issues のほうで やってくれると残るし参照したい時に「どいう問題に対しての解なのか」というのも明確で助かるんだけど 一応希望としては http://egg.5ch.net/test/read.cgi/software/1710673850/885
886: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 2025/08/05(火) 10:43:12.17 ID:z3uOHEGnH >>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 を無効にしてください。」 http://egg.5ch
.net/test/read.cgi/software/1710673850/886
887: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 2025/08/05(火) 10:57:46.44 ID:z3uOHEGnH これは「誰のせいか」という話ではなく、むしろ、誰もが自由にあらゆることを操作できる（魔改造）ようになると、他人の自由（別の魔改造）と衝突しやすくなるということです 「不可能を可能に変える」ために自由を最大限に活用しつつ、他人に一切の影響を及ぼさないようにする ―― これは非常に奥深い課題ですね http://egg.5ch.net/test/read.cgi/software/1710673850/887
888: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 2025/08/05(火) 11:18:14.24 ID:z3uOHEGnH >>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); http://egg.5ch.net/test/read.cgi/software/1710673850/888
889: 884 (ﾜｯﾁｮｲ 6b31-B3Cu) [sage] 2025/08/05(火) 12:37:59.86 ID:96WdWeGh0 >>885 GitHubのIssuesの方が情報が整理されて残るという点、確かにその通りですね。 今回はタブ関連のCSS絡みだったので、こちらのスレで聞かせていただきました。 5ちゃんねるは、気軽に相談できたり偶然同じ悩みを持つ人が見つけてくれたりするのも魅力だと思います。 今後はGitHubも併用しつつ、場に応じて使い分けていければと思います。 >>888 コードありがとうございます！ ずっと困ってたので本当に助かりました。 おかげでミドルクリックで閉じたタ
ブを復元するコードを使えるようになりました。 http://egg.5ch.net/test/read.cgi/software/1710673850/889
890: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a3a7-B3Cu) [sage] 2025/08/05(火) 22:50:12.85 ID:dHuvkeey0 >>888 横からですがいただきました 感謝です！ 上のコードとAIを利用してTMPのタブ・ミドルクリックでロック＆保護も作れた これでTMPからようやく脱却できる http://egg.5ch.net/test/read.cgi/software/1710673850/890
891: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a9a0-B3Cu) [] 2025/08/06(水) 19:44:27.03 ID:1AcU01bH0 >>887 GitHubと5ｃｈの専用スレでいいのでは？ スレはたとえば”多段タブ MultiTabRows@Merci.chao.uc.js”とか http://egg.5ch.net/test/read.cgi/software/1710673850/891
892: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6b31-B3Cu) [sage] 2025/08/07(木) 00:17:19.50 ID:IBNkYwvh0 MultiTabRows@Merci.chao.uc.js 3.1 141.0.2 64bit OK http://egg.5ch.net/test/read.cgi/software/1710673850/892
893: 名無しさん＠お腹いっぱい。 (ﾌﾟﾁﾌﾟﾁ 3bda-d7oq) [sage] 2025/08/08(金) 08:32:55.57 ID:lcj+CuBG00808 141.0.3 (64 ビット) OK ピン止めタブの不具合もろもろ、このスレを参考に解決できました ありがとうございました http://egg.5ch.net/test/read.cgi/software/1710673850/893
894: Merci chao (JP 0H4f-Hgda) [mercichao@gmail.com] 2025/08/13(水) 11:31:00.40 ID:OTU7t33OH 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 に対応。 - 一部の環境でタブをブックマークツールバーにドロップできない問題を修正。 - その他の不具合修正。 http://egg.5ch.net/test/read.cgi/software/1710673850/894
895: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0b4e-Hgda) [sage] 2025/08/13(水) 19:23:18.71 ID:jOr5Zb5/0 MultiTabRows@Merci.chao.uc.js 3.2 141.0.3 64 bit OK http://egg.5ch.net/test/read.cgi/software/1710673850/895
896: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 17ba-eMCN) [sage] 2025/08/13(水) 20:17:54.48 ID:xDyQ02n60 MultiTabRows@Merci.chao.uc.jsって githubのインストール方法にはスクリプトローダー入れてどうたらあるけど 過去のスレをみるとchromeフォルダにいれるだけでOKってことなの？ http://egg.5ch.net/test/read.cgi/software/1710673850/896
897: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ fa31-Hgda) [sage] 2025/08/13(水) 21:04:34.92 ID:ySKw14/T0 >>896 'MultiTabRows@Merci.chao.uc.js'を入れる前にCSS及び他のjsファイルは他の場所へ一時的に退避強くおすすめする chromeに'MultiTabRows@Merci.chao.uc.js'を入れたらFirefoxを再起動 必要に応じてabout:configで設定を変更 正常に多段タブが機能してることを確認したらCSS及び他のjsファイルを戻す 他の多段タブ用で書いたCSSは新たに書き直しになるかもだけど http://egg.5ch.net/test/read.cgi/software/1710673850/897
898: 名無しさん＠お腹いっぱい。 [sage] 2025/08/13(水) 22:06:42.26 chrome の中を MultiTabRows@Merci.chao.uc.js だけにしたけど、 多段にならなかった… http://egg.5ch.net/test/read.cgi/software/1710673850/898
899: Merci chao (JP 0H4f-Uy6d) [mercichao@gmail.com] 2025/08/13(水) 22:20:45.46 ID:cx0A8DSwH >>898 スクリプトを使用していない場合は、スクリプトローダー (userChrome.js) をインストールしてください すでに他のスクリプトを使用している場合は、他のスクリプト (.js) やスタイル (.css) を一時的に移動し、Firefox を再起動して問題が解消されるか確認してください ※ Firefox 115、141、142、143、Windows のみに対応 http://egg.5ch.net/test/read.cgi/software/1710673850/899
900: Merci chao (JP 0H4f-Uy6d) [mercichao@gmail.com] 2025/08/13(水) 22:32:26.87 ID:cx0A8DSwH >>898 Tab Mix Plus を使用している方なら、互換性がないので TMP の多段機能を使用してください http://egg.5ch.net/test/read.cgi/software/1710673850/900
901: 名無しさん＠お腹いっぱい。 [sage] 2025/08/13(水) 23:36:35.26 >>899 userChromeJS.multiTabRows@Merci.chao.tabMaxWidth はあったのですが、 userChromeJS.multiTabRows@Merci.chao.tabMaxHeight みたいなのがが無かった。 タブの高さを変更するには、何を変更すればいいのですか？ それとも、変更不可能なのかな。 見た感じ、ちょっと高さを低くしたい…?? http://egg.5ch.net/test/read.cgi/software/1710673850/901
902: 名無しさん＠お腹いっぱい。 [sage] 2025/08/13(水) 23:42:48.61 >>901 解決したわ。 userChrome.css で --tab-min-height の値を変更すればいいのね。 http://egg.5ch.net/test/read.cgi/software/1710673850/902
903: Merci chao (JP 0H4f-Uy6d) [mercichao@gmail.com] 2025/08/14(木) 00:08:55.64 ID:TTJc90YAH >>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#高度な調整 http://egg.5ch.net/test/read.cgi/software/1710673850/903
904: 名無しさん＠お腹いっぱい。 [sage] 2025/08/14(木) 02:57:18.84 >>903 > もし (--tab-min-height) + (--tab-block-margin) * 2 < 33px の場合、このルールも必要ですよ： コメントの「24px 未満には設定しないこと」の事かな？？ 一応、２５にしました。 http://egg.5ch.net/test/read.cgi/software/1710673850/904
905: 名無しさん＠お腹いっぱい。 [sage] 2025/08/14(木) 02:59:15.83 レイアウトは崩れてないみたいなので、まぁいいかな、と…(汗) http://egg.5ch.net/test/read.cgi/software/1710673850/905
906: 名無しさん＠お腹いっぱい。 [sage] 2025/08/14(木) 03:00:28.65 ここって絵文字は化けるのか。 では「💦」でいいのかな… http://egg.5ch.net/test/read.cgi/software/1710673850/906
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 82 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.012s