Mozilla Firefox 多段タブスレ Part.3 (954ﾚｽ)
Mozilla Firefox 多段タブスレ Part.3 http://egg.5ch.net/test/read.cgi/software/1710673850/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
1: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7ed7-kR6J) [sage] 2024/03/17(日) 20:10:50.29 ID:yvdT8G1H0 !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 http://egg.5ch.net/test/read.cgi/software/1710673850/1
855: 名無しさん＠お腹いっぱい。 [sage] 2025/08/02(土) 22:42:32.80 >>854 あ、解決しました。 browser.tabs.tabMinWidth を書き換えたら、リアルタイムで変化して、 適切な幅が分かり易くていいですね。 http://egg.5ch.net/test/read.cgi/software/1710673850/855
856: Merci chao (JP 0He7-+9KN) [mercichao@gmail.com] 2025/08/02(土) 22:46:24.70 ID:gkqAaoohH >>852 バージョン 3.1 が公開されました： https://github.com/Merci-chao/userChrome.js/raw/refs/heads/main/MultiTabRows@Merci.chao.uc.js Firefox を次回起動したときに、アップデート通知が表示されるかもしれません（※通知機能を無効にしていない場合） 今のところ通知は英語ですが、日本語メッセージは v3.1 に含まれています 変更履歴： - 追加 autoCollapse と関連オプション: ホバーしていないときにタブを1行に折りたたむ。Firefox 115 では layout.css.has-selector.enabled を有効にする必要があります。（実験的） - 追加 tabsAtBottom：タブバーを下部に配置（1: ナビゲーションツールバーの下、2: ブックマークツールバーの下）。Firefox 115 では未対応。 - 追加 hideDragPreview：タブやグループをドラッグ中にプレビューを非表示。値の例：0（常に表示）、1（グループのみ）、2（タブのみ）、3（両方）。 - 追加 animationDuration：アニメーションの長さ（ミリ秒、0〜1000）。※長すぎるとパフォーマンスに影響します。 - 追加 tabMaxWidth：タブの最大幅を指定。最小幅は browser.tabs.tabMinWidth を使ってください。 - 追加 hideScrollButtonsWhenDragging：ドラッグ時にスクロールボタンを非表示にする設定。 - タブグループからタブ全体をドラッグする際、ドロップするまではグループを維持。 - Firefox 142 に対応。 - タブを上下端にドラッグしてスクロールする際の不具合を修正。 - compactControlButtons は Windows 11 では常に利用可能。 - 一部テーマでの表示崩れを修正。 - その他、軽微なバグ修正。 新しく追加された tabsAtBottom オプションで、タブバーの表示順を変更できるようになりました userChrome.css に関連する設定を使っている場合は、一度削除して、問題が解消するか確認してみてください それと、タイトルバーを使っているようですね。もしよければ、以前のレガシー拡張をベースにした別スクリプト「Page Title in URL Bar」も試してみてください： https://github.com/Merci-chao/userChrome.js#page-title-in-url-bar ページタイトルと URL の両方がアドレスバーに表示されます このような感じになります： https://tadaup.jp/8ZagrtnP3.png http://egg.5ch.net/test/read.cgi/software/1710673850/856
857: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ca31-/90x) [sage] 2025/08/02(土) 22:47:52.85 ID:ZtSNSulB0 >>853 ありがとうございます 原因違ったようです ツールバーの順番は関係なかったです 原因はこれでした--tab-min-height: 25px; デフォルトの36pxだと問題無く消えます。 Firefoxの密度設定は通常に設定しています #tabbrowser-tabs { /* タブのコンテンツの高さ： * コンパクト-29px、通常-36px、タッチ-41px； * 24px 未満には設定しないこと。また、ピクセル単位の整数値を使うことで表示の不具合を防ぎます。*/ --tab-min-height: 25px; } 一応CSS送りました。見ていただけると助かります。 http://egg.5ch.net/test/read.cgi/software/1710673850/857
858: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ca31-/90x) [sage] 2025/08/02(土) 23:51:14.11 ID:ZtSNSulB0 もしかしたら1段目のタブバー自体の高さが残ってるのかも タブがある状態で導入したから気づかなかったけど でも#tabbrowser-tabsで高さを変更すればバーもタブも高さは変わるはずでは？ http://egg.5ch.net/test/read.cgi/software/1710673850/858
859: Merci chao (JP 0Hf3-pNjB) [mercichao@gmail.com] 2025/08/03(日) 00:55:24.31 ID:lhru72SWH >>858 userChrome_Tab.css にタブの幅を設定していたルール： /* タブの横幅 */ .tabbrowser-tab[fadein]:not([pinned]) { min-width: 125px !important; /* 最小値 デフォルト 76px */ max-width: 165px !important; /* 最大値 デフォルト 225px */ } これらは上記の新バーションの設定「userChromeJS.multiTabRows@Merci.chao.tabMaxWidth」と「browser.tabs.tabMinWidth」で指定してください ざっと見れば、これは一番怪しいです あとでちゃんと調べてみるね そして、userChrome_Toolbar.css にあるこれらの記述を削除し、新しい設定「userChromeJS.multiTabRows@Merci.chao.tabsAtBottom」を 1 に変更してね #toolbar-menubar { order: 1; } /* メニューバー */ #nav-bar { order: 2; } /* ナビゲーションツールバー */ #TabsToolbar { order: 3; } /* タブバー */ #PersonalToolbar { order: 4; } /* ブックマークツールバー */ http://egg.5ch.net/test/read.cgi/software/1710673850/859
860: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6b31-B3Cu) [sage] 2025/08/03(日) 02:55:16.44 ID:Y4DZOhir0 >>859 ありがとうございます これだけ残して検証しました #tabbrowser-tabs { --tab-min-height: 25px; } タブの高さは変わるけど1段目のタブバーの高さが固定されたままになりませんか？ http://egg.5ch.net/test/read.cgi/software/1710673850/860
861: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0ba7-4ObG) [sage] 2025/08/03(日) 05:23:16.31 ID:3zkFSrrp0 この手のものは急いで導入しないで修正されるまで待たんと時間ばかり持ってかれるが 飛びつきさんがいるおかげで修正が早まることになるから飛びつきさんはありがたいと思うことにしてる http://egg.5ch.net/test/read.cgi/software/1710673850/861
862: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6b31-B3Cu) [sage] 2025/08/03(日) 07:01:42.81 ID:Y4DZOhir0 AIに見てもらったらどうやら MultiTabRows@Merci.chao.uc.jsとMultiRowTabLiteforFx.uc.jsは折返しの仕様が違うことが原因ぽい MultiTabRows@Merci.chao.uc.jsは見た目は折り返してるけど、タブバーの高さは固定されたままなので整合性が取れない MultiRowTabLiteforFx.uc.jsは タブが多段になるとタブバーの高さも動的に変わるので整合性が高い と言われた。修正可能か聞いたけど駄目っぽい よくわからんけどMultiRowTabLiteforFx.uc.jsは2段目以降のバーは、実は1段目のバーの高さが折り返し分伸るだけで別に段数が増えるわけではない？ MultiTabRows@Merci.chao.uc.jsはタブ自体は折り返しているがバーが固定さてたまま折り返しの分伸びないってことっぽい？ なのでデフォルトの高さより低くすると1段しか無い時にタブだけ低くなってデフォルト分のバーの高さが残る で、この残ってるのが2段めが消えないように見えると⋯ http://egg.5ch.net/test/read.cgi/software/1710673850/862
863: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6b31-B3Cu) [sage] 2025/08/03(日) 08:03:10.52 ID:Y4DZOhir0 やっと出来たー なんとかタブバーの高さを段数に応じて折り返し可能にしてみたけど一時的な回避策です 環境次第ではおかしくなるかもです 水平間隔、垂直間隔は1px, タブのコンテンツの高さ25px用です。 /* 暫定折り返し対応策 */ #tabbrowser-tabs { display: flex !important; /* 横並び＋折り返し */ flex-wrap: wrap !important; /* 複数行に対応 */ height: auto !important; min-height: var(--tab-min-height) !important; --tab-overflow-clip-margin: 1px; --tab-inline-padding: 1px; --tab-min-height: 25px; --tab-block-margin: 1px; } js内でなんとかしてほしい http://egg.5ch.net/test/read.cgi/software/1710673850/863
864: 名無しさん＠お腹いっぱい。 (ｽｯﾌﾟﾌﾟT Sd9b-d7oq) [sage] 2025/08/03(日) 08:35:47.78 ID:AR96PkUsd MultiRowTabLiteforFx.uc.js を編集しようとしたら， 「〜というファイルを開けません 読み込みアクセス権がありません」と出るようになってしまった。 解決方法を教えてください。 http://egg.5ch.net/test/read.cgi/software/1710673850/864
865: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a37b-B3Cu) [sage] 2025/08/03(日) 10:16:41.76 ID:rMwK8ju20 まずはAIに聞こう http://egg.5ch.net/test/read.cgi/software/1710673850/865
866: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 139f-//aw) [sage] 2025/08/03(日) 10:35:27.56 ID:32zEt/4x0 >>864 エスパーだけど、最近の関連スレでの類似書き込みを見るにESETあたり使ってるんじゃねーの http://egg.5ch.net/test/read.cgi/software/1710673850/866
867: 名無しさん＠お腹いっぱい。 (ｽｯﾌﾟﾌﾟT Sd9b-d7oq) [sage] 2025/08/03(日) 10:48:10.10 ID:AR96PkUsd >>866 ESETが原因でした。 ありがとうございました。 いくつかの設定をOFFにしていったけど，あっちをOFFにして，あっちをONにして…とやってたら，どの設定が原因かわからなくなった… http://egg.5ch.net/test/read.cgi/software/1710673850/867
868: Merci chao (JP 0Hf3-pNjB) [mercichao@gmail.com] 2025/08/03(日) 11:32:25.02 ID:lhru72SWH >>860 やっと原因が分かりました これって、前に話してた件ですよね？ https://tadaup.jp/8XlEaof47.jpg 原因は、Firefoxの組み込みスタイルルールにより、`#tabbrowser-tabs` に `min-height` が適用されており、そのルールでは `--tab-min-height` という変数に 36px が設定されているためです： https://tadaup.jp/8U6GzQ123.jpg 一方で、`userChrome_Tab.css` では 25px に設定していて、上書きもされていないのに… https://tadaup.jp/8UDMGrWiu.jpg 実は、`--tabstrip-min-height` が `:root` で定義、計算されているせいでした： https://tadaup.jp/8d3nuUOV2.jpg なので、`:root` に `--tab-min-height` を指定してあげることで、`--tabstrip-min-height` にも反映されるようになります： https://tadaup.jp/8xpaj40yM.jpg Firefoxの組み込みスタイルの方が優先度が高いみたいなので、`!important` を付けるのは必要そうです これで余白もちゃんと消えました： https://tadaup.jp/8IyuEWHMK.jpg `--tab-min-height` の挙動をちゃんと確認してなかったのは自分のミスでした…。 あと、`userChrome_Tab.css` にある `min-width` や `max-width` の指定も忘れずに削除してくださいね タブが動いたりアニメーションする時に、わずかに揺れるような現象があります。これは、`--tab-min-height` を 25px に設定した場合に、他のスタイルルールの影響でタブの最終的な高さが小数点付きになってしまうためです。 おそらく視覚的なグリッチ（表示上の不具合）であり、次のバージョンで修正を試みる予定です。 http://egg.5ch.net/test/read.cgi/software/1710673850/868
869: Merci chao (JP 0Hf3-pNjB) [mercichao@gmail.com] 2025/08/03(日) 11:37:41.67 ID:lhru72SWH >>860 --tab-block-margin も同じようにしてね http://egg.5ch.net/test/read.cgi/software/1710673850/869
870: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6b31-B3Cu) [sage] 2025/08/03(日) 12:31:03.42 ID:Y4DZOhir0 >>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; } クリーンな状態で導入しなかったせいで混乱したけど たぶんタブに色を付けてなかったら気づかなかったと思う http://egg.5ch.net/test/read.cgi/software/1710673850/870
871: Merci chao (JP 0Hf3-pNjB) [mercichao@gmail.com] 2025/08/03(日) 12:33:58.53 ID:lhru72SWH タブの高さによって、より複雑な依頼されているようです 特にドラッグ＆ドロップ処理では、正確な高さ判定が求められます。終的な高さが小数点付きになってしまうと不具合が発生するのを観察しました 当面は、なるべく Firefox のデフォルトスタイルを使用することをおすすめします http://egg.5ch.net/test/read.cgi/software/1710673850/871
872: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 2025/08/04(月) 11:49:01.96 ID:8f1dKc9uH >>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; } } http://egg.5ch.net/test/read.cgi/software/1710673850/872
873: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 2025/08/04(月) 12:12:32.61 ID:8f1dKc9uH タブの高さを調整したい方は、上記のルールを追加することで、現在の MultiTabRows@Merci.chao.uc.js バージョン 3.1 でも正常に動作するはずです 不具合が発生した方は、ぜひご報告ください http://egg.5ch.net/test/read.cgi/software/1710673850/873
874: 870 (ﾜｯﾁｮｲ 6b31-B3Cu) [sage] 2025/08/04(月) 15:31:35.52 ID:626kAffw0 タブの垂直間隔と水平間隔を見た目上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; } http://egg.5ch.net/test/read.cgi/software/1710673850/874
875: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 2025/08/04(月) 16:58:38.97 ID:R8dnqpmrH >>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; } http://egg.5ch.net/test/read.cgi/software/1710673850/875
876: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 2025/08/04(月) 17:01:01.13 ID:R8dnqpmrH >>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); } } http://egg.5ch.net/test/read.cgi/software/1710673850/876
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 !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の影 */ } 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
907: Merci chao (JP 0H4f-Hgda) [mercichao@gmail.com] 2025/08/14(木) 10:13:38.61 ID:aKtrH+ijH >>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 グリッチ・不具合発生やすい http://egg.5ch.net/test/read.cgi/software/1710673850/907
908: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 37fc-dYUg) [sage] 2025/08/14(木) 16:55:21.55 ID:/dUHEdMO0 ピン止めのタブ以下多段ならない件 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詳しくなくすみません) http://egg.5ch.net/test/read.cgi/software/1710673850/908
909: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 76af-QbuV) [sage] 2025/08/15(金) 02:11:23.17 ID:dgcOGfvu0 >>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; } http://egg.5ch.net/test/read.cgi/software/1710673850/909
910: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 76af-QbuV) [sage] 2025/08/15(金) 02:12:12.81 ID:dgcOGfvu0 /*ピン留めしたタブとしていないタブの隙間を消す*/ .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; } http://egg.5ch.net/test/read.cgi/software/1710673850/910
911: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 76af-QbuV) [sage] 2025/08/15(金) 02:19:28.89 ID:dgcOGfvu0 >>908 あとFirefoxViewは非表示にしてある タブのサイズとは関係ないけど>>775は//でコメントアウトしてある これで140.1.0ESRポータブルで問題無く使えてる 1段目(ピン留めタブは5つくらい)と2段目は全く同じ幅 http://egg.5ch.net/test/read.cgi/software/1710673850/911
912: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 37fc-dYUg) [sage] 2025/08/15(金) 18:15:07.73 ID:NvWSJzOx0 >>909-911 ご丁寧にありがとうございました。 休憩時間に見てる途中ですが >909の分はgrepして多段タブ.zip(138+)と競合しなさそうで別の.jsファイルとしてchrome￥nに置けば良さそうです。引き続きgrepしてから適用します。 http://egg.5ch.net/test/read.cgi/software/1710673850/912
913: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 37fc-dYUg) [sage] 2025/08/15(金) 21:05:14.02 ID:NvWSJzOx0 ¥nとややこしい誤記なので訂正します 誤:chrome￥n 正:chrome¥ http://egg.5ch.net/test/read.cgi/software/1710673850/913
914: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 17bd-eMCN) [sage] 2025/08/15(金) 21:16:29.44 ID:TcQ1B6BR0 MultiTabRows@Merci.chao.uc.jsに移行してみたー userChrome.jsは元々使ってたのにしてるけど問題無いかな http://egg.5ch.net/test/read.cgi/software/1710673850/914
915: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 19fc-yZQk) [sage] 2025/08/17(日) 15:02:07.31 ID:WQT/gpVA0 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)の様にしたいという意図です。 http://egg.5ch.net/test/read.cgi/software/1710673850/915
916: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 19fc-yZQk) [sage] 2025/08/17(日) 15:20:00.05 ID:WQT/gpVA0 上記の画像をサムネ表示できる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)の様にしたいという意図です。 http://egg.5ch.net/test/read.cgi/software/1710673850/916
917: Merci chao (JP 0H95-o4l0) [mercichao@gmail.com] 2025/08/17(日) 17:39:12.92 ID:kgkT0YaNH >>916 少し気になったのですが、ピン留めしたタブが通常のタブと同じサイズになっているのは、どういった理由があるのでしょうか？ 特定のタブを先頭に配置することで、何か違いやメリットがあるのでしょうか？ http://egg.5ch.net/test/read.cgi/software/1710673850/917
918: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d3dd-xufC) [sage] 2025/08/17(日) 19:58:41.96 ID:Wj2d+VQ50 ＞なぜ特定のタブを先頭に配置？ ピン留めタブと通常タブが同じサイズ？ 1⃣Gmailを先頭から動かしたくない 2⃣pinの幅も揃えてすっきりしたい っていう理由で 横からですが自分も教えてほしい http://egg.5ch.net/test/read.cgi/software/1710673850/918
919: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 19fc-yZQk) [sage] 2025/08/17(日) 20:50:13.64 ID:WQT/gpVA0 >>917-918 お教頂いた内 >>909参照。 最初の2項目 ピン止めと 非ピン止め 双方のタブ幅120pixel設定だから。 デフォルトは前者は狭いです。 >>918 ピン止めは文字通りgmail等 よく使うタブ用ですね。ファビコンですぐ判別できますし http://egg.5ch.net/test/read.cgi/software/1710673850/919
920: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dbaf-Aaf0) [sage] 2025/08/18(月) 04:52:32.66 ID:n5DjgQg30 >>909-911はuserChrome.cssに記述した方が良いよ MultiRowTabLiteforFx.uc.jsは>>775のコメントアウトだけやれば良い 個人的にはピン留めタブも同じ幅派だなぁ 小さいと押しづらくて隣のタブをクリックしてしまう事があるので http://egg.5ch.net/test/read.cgi/software/1710673850/920
921: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ db76-58GQ) [sage] 2025/08/18(月) 07:42:48.04 ID:Qyz8gScm0 多段タブ.zipって138+で更新止まったの？ http://egg.5ch.net/test/read.cgi/software/1710673850/921
922: 名無しさん＠お腹いっぱい。 (ｽｯｯﾌﾟ Sdb3-yZQk) [sage] 2025/08/18(月) 14:12:02.81 ID:jMBW1sAtd >>920 「>>909-911はuserChrome.cssに記述した方が良いよ」の理由は、下記など想像できますが何でしょうか (a)正常になる つまり>>916の最初の図た同じくピン止めタブ下も多段タブ (b)正常にはならないが、保守性や競合の可能性等 http://egg.5ch.net/test/read.cgi/software/1710673850/922
923: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dbaf-Aaf0) [sage] 2025/08/18(月) 15:54:19.56 ID:n5DjgQg30 >>922 少なくともそれで正常(>>916の1枚目の画像と同じ)に表示出来てるし MultiRowTabLiteforFx.uc.jsが更新来るたび書き換えるの面倒だからね 尚、今新規にESR140.1ポータブルDLして最低限の記述で909-910コピペしたけど やはり正常に表示されたよ これで駄目ならalice0775氏のとこでuserChrome.jsなどを最新にしてないとか ファイルがUTF-8になってないとかかな http://egg.5ch.net/test/read.cgi/software/1710673850/923
924: Merci chao (JP 0H9d-o4l0) [mercichao@gmail.com] 2025/08/18(月) 21:13:30.55 ID:YXEtTd9DH 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 http://egg.5ch.net/test/read.cgi/software/1710673850/924
925: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4171-xufC) [sage] 2025/08/19(火) 06:30:05.50 ID:QBmc/w2D0 >>916 止まってるね。身体の調子が悪いとか、面倒になったとか、何かしら理由はあるんだろうけど。 https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme/tree/master/Multirow%20and%20other%20functions/Multirow%20tabs ここのMultiRowTabLiteforFx.uc.jsもいい感じだよ。 http://egg.5ch.net/test/read.cgi/software/1710673850/925
926: 925 (ﾜｯﾁｮｲ 4171-xufC) [sage] 2025/08/19(火) 06:31:22.38 ID:QBmc/w2D0 返信引用間違えた >>921 だった http://egg.5ch.net/test/read.cgi/software/1710673850/926
927: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4160-xufC) [sage] 2025/08/19(火) 14:24:23.04 ID:QBmc/w2D0 ところでIzheil氏のMultiRowTabLiteforFx.uc.jsの@authorの履歴かな そこに最近このスレによく書き込んでくださるMerci-chaoさんの名もあるけど 一時MultiRowTabLiteforFx.uc.jsに関わっていたのかな http://egg.5ch.net/test/read.cgi/software/1710673850/927
928: Merci chao (JP 0H9d-xufC) [mercichao@gmail.com] 2025/08/19(火) 16:05:49.41 ID:TRlE8TWTH >>927 いいえ、そんなに深く関わっていたわけじゃないですね 昔、Izheil 氏の MultiRowTabLiteforFx.uc.js を使っていて、ある些細な提案とそのコードを投稿しました それで、「作者の一員」になりました： https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme/commit/9a8d59790da33c1c477881d324ac81cbfcd00895 気づいたのは、かなり後になってからでした（笑） 最初はそのスクリプトをベースで改造して、自分が欲しかった機能を追加してたが、だんだん全く別物になっていきました http://egg.5ch.net/test/read.cgi/software/1710673850/928
929: 名無しさん＠お腹いっぱい。 (ｽｯﾌﾟ Sdf3-yZQk) [sage] 2025/08/19(火) 19:53:26.51 ID:2mL9Rv1Wd >>923 遅くなりました。922です。 テストまでありがとうございます。 ESRポータブル日本語版も今v140.1.03ですね。 不慣れなので >>909-911はuserChrome.cssの何行目に挿入したかお教え頂けますか？ (例:最終行の一つ前751行目など) http://egg.5ch.net/test/read.cgi/software/1710673850/929
930: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dbaf-Aaf0) [sage] 2025/08/20(水) 04:00:27.12 ID:hkjycDe10 >>929 @charset "utf-8"; /* ピン留めしたタブの幅 */ なので3行目からだね http://egg.5ch.net/test/read.cgi/software/1710673850/930
931: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7322-uNzz) [sage] 2025/08/20(水) 15:21:58.98 ID:M9RnIHQt0 一段落ついたら142以降の安定版上げるかテンプレに書いてくれや 読むのめんどくさいんで http://egg.5ch.net/test/read.cgi/software/1710673850/931
932: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 19fc-yZQk) [sage] 2025/08/21(木) 00:03:25.95 ID:w05yOfS00 >>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)を実行しできた(続く) http://egg.5ch.net/test/read.cgi/software/1710673850/932
933: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 19fc-yZQk) [sage] 2025/08/21(木) 00:04:33.85 ID:w05yOfS00 \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]\★ではない) http://egg.5ch.net/test/read.cgi/software/1710673850/933
934: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 19fc-yZQk) [sage] 2025/08/21(木) 00:05:27.61 ID:w05yOfS00 (続き) *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でした) http://egg.5ch.net/test/read.cgi/software/1710673850/934
935: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 19fc-yZQk) [sage] 2025/08/21(木) 00:13:19.72 ID:w05yOfS00 続き（*2):前回>>929でVersion誤記しました。すみません。 http://egg.5ch.net/test/read.cgi/software/1710673850/935
936: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dbaf-Aaf0) [sage] 2025/08/21(木) 03:19:02.13 ID:M9KfVHIe0 >>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以外でやったのはこんな感じ http://egg.5ch.net/test/read.cgi/software/1710673850/936
937: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d9cf-mlbM) [sage] 2025/08/21(木) 03:38:08.32 ID:7Z0VIBfT0 139のはtest用やね http://egg.5ch.net/test/read.cgi/software/1710673850/937
938: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 19fc-yZQk) [sage] 2025/08/21(木) 09:13:53.39 ID:w05yOfS00 >>936 ありがとうございます。932-935=>>916です >>909-910はどのファイルのどこに 追記しましたでしょうか？ また それでタブをピン止めした際、(909で変更されたピン止めタブの幅は別にして) 下図の様にピン止めしたタブの下も多段タブが入るのでしょうか？ https://i.imgur.com/U0ckTFS.jpeg >>936 = >>909-911さんですね http://egg.5ch.net/test/read.cgi/software/1710673850/938
939: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dbaf-Aaf0) [sage] 2025/08/21(木) 11:19:41.39 ID:M9KfVHIe0 >>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とかやってみると良いかと 自分が教えられるのはこれくらいかな http://egg.5ch.net/test/read.cgi/software/1710673850/939
940: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 41a7-2K4X) [sage] 2025/08/21(木) 23:56:20.05 ID:Ktwxl4e00 なにがあんだかわからなくなってきた http://egg.5ch.net/test/read.cgi/software/1710673850/940
941: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 41d7-PSkW) [sage] 2025/08/22(金) 01:18:49.99 ID:s7wYNYCo0 >>938 ESRは来年（2026）の第二四半期まではロダの多段タブでも大丈夫だろうね 以降はロダの更新がない限りは別の多段タブのスクリプトに変える必要あるだろうけど http://egg.5ch.net/test/read.cgi/software/1710673850/941
942: 名無しさん＠お腹いっぱい。 [sage] 2025/08/22(金) 01:30:06.27 ずーっと「128.14.0esr(64 ﾋﾞｯﾄ)」を使ってる。 何故かずーっと「最新バージョンです」って言われるし… http://egg.5ch.net/test/read.cgi/software/1710673850/942
943: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 19fc-yZQk) [sage] 2025/08/22(金) 02:12:56.50 ID:4Y3Qd8xL0 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 さん 誠に有難うございました。 http://egg.5ch.net/test/read.cgi/software/1710673850/943
944: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 19fc-yZQk) [sage] 2025/08/22(金) 02:14:34.19 ID:4Y3Qd8xL0 (続き=原因等) >>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 さん 誠に有難うございました。 http://egg.5ch.net/test/read.cgi/software/1710673850/944
945: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 5931-TfC1) [] 2025/08/22(金) 07:42:07.54 ID:UG/D9F5p0 上手く言えないんですが タブの1段目と2段目の隙間を圧縮することって出来ますか？ 隙間が空きすぎてて何かしっくりこないんです どこをイジればいいですか？ http://egg.5ch.net/test/read.cgi/software/1710673850/945
946: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dbd7-2K4X) [sage] 2025/08/22(金) 10:11:41.95 ID:sbOprGyW0 142.0 (64bit)にしたら、多段タブzipだとタブの移動が凄いことになったので これを機に@Merciに切り替えてみた 以前からのcssもそのまま使えたし、概ね良好 http://egg.5ch.net/test/read.cgi/software/1710673850/946
947: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d3dd-PSkW) [sage] 2025/08/23(土) 11:18:23.43 ID:CRkEt4Vg0 Tab Mix Plus有料じゃなくなった？ 開発ビルド - 2025-08-20 一応使える タブ移動のときの変な動きが正常になってる http://egg.5ch.net/test/read.cgi/software/1710673850/947
948: 名無しさん＠お腹いっぱい。 [sage] 2025/08/23(土) 16:26:09.33 何処でインストール出来るの？ 検索しても、これ ttps://addons.mozilla.org/ja/firefox/addon/tab-mix-plus-webextension/ しか見つからないんだけど… http://egg.5ch.net/test/read.cgi/software/1710673850/948
949: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d3dd-PSkW) [sage] 2025/08/23(土) 16:50:44.90 ID:CRkEt4Vg0 >>948 github.com/onemen/TabMixPlus/releases ここだよ インストール方法は省くけど ただまた有料化して使えなくなるかもだからオススメはしない http://egg.5ch.net/test/read.cgi/software/1710673850/949
950: 名無しさん＠お腹いっぱい。 [sage] 2025/08/23(土) 17:01:34.44 extensions.experiments.enabled を True に変更しても、 ＸＰＩが壊れている、って言われてインストール出来なかった。 http://egg.5ch.net/test/read.cgi/software/1710673850/950
951: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d3dd-PSkW) [sage] 2025/08/23(土) 17:53:24.66 ID:CRkEt4Vg0 >>950 github.com/onemen/TabMixPlus/ 構成ファイル(fx-folder.zip)と utils（utils.zip）の最新ファイルとインストール方法は上のリンクから つべのTabMixPlusインストール方法でやるなら最新ファイルを使って www.youtube.com/watch?v=77WtnF_6mps http://egg.5ch.net/test/read.cgi/software/1710673850/951
952: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a9a7-KI5w) [sage] 2025/08/24(日) 17:08:04.38 ID:49VMfPrH0 なにがあんだかわからなくなってきた http://egg.5ch.net/test/read.cgi/software/1710673850/952
953: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 35da-BVU1) [sage] 2025/08/28(木) 17:09:22.70 ID:cTTdZKx50 142.0.1 (64 ビット) OK http://egg.5ch.net/test/read.cgi/software/1710673850/953
954: 名無しさん＠お腹いっぱい。 (JP 0H39-NWkk) [sage] 2025/08/30(土) 00:00:24.38 ID:/5qKMrm1H MultiRowTabLiteforFx.uc.jsを更新し続けてくれた方、今までありがとうございました http://egg.5ch.net/test/read.cgi/software/1710673850/954
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.024s