スタイリッシュ（ソフトウェア）

Stylishは、ユーザーが作成したCSSスタイルシートをウェブサイト自体が提供するスタイルシートに組み込むことで、ウェブページのコンテンツを変更することなく、ブラウザ上でウェブページの外観を変更できるユーザースタイルマネージャーです。Stylishブラウザ拡張機能には、ユーザースタイルを作成するためのツールが含まれており、関連ウェブサイトから他のStylishユーザーが作成したユーザースタイルをインストールすることもできます。これらのユーザースタイルは、特定のウェブページのみを対象とする場合もあれば、ドメイン内のすべてのページ、あるいはウェブ上のすべてのページを対象とする場合もあります。

Stylish は元々、Jason Barnabe によってMozilla Firefox用のXUL / XPCOMアドオンとして開発されました。2010年にChrome 拡張機能がリリースされ^{[ 5 ]} 、2013 年にBlinkベースのOpera 15用にリリースされ^{[ 6 ] [ 7 ]} 、 2017 年にFirefox WebExtensionとしてリリースされました^{[ 8 ] [ 9 ]} Safari ^{[ 10 ]}およびPrestoベースの Opera ^{[ 11 ]}用の同様の拡張機能は、Barnabe の承認を得て他の開発者によって「Stylish」として配布されています^{[ 12 ] [ 13 ] 。}

ユーザースタイルとは、1つ、複数、またはすべてのサイトの外観を変更するために設計されたCSSコードです。Stylish for Firefoxはブラウザ自体のスキンもスタイル設定できますが、Android版ではユーザーインターフェースがAndroidネイティブコードで構築されているため、この機能はサポートされていません。スタイルは指定された対象にのみ適用されます。個々のユーザースタイルは、ブラウザを再起動することなく有効または無効にできます。

ユーザー スタイルは、サイトが提供する CSS ルールに追加されますが、サイトのスタイルを上書きすることもできます (多くの場合、!important各置換ルールにキーワードが必要です)。最も一般的な用途は、広告のブロック、新しいカラー スキームの適用、不要なページ要素の削除です。^{[ 14 ]}

ユーザー スタイルには 3 つの種類があります。サイト スタイルは特定の Web サイトの外観を変更します。グローバル スタイルはすべての Web サイトの外観を変更します。アプリ スタイルは Firefox のユーザー インターフェイスの外観を変更します。これは Firefox でのみサポートされています。これは、userChrome.cssFirefox および Mozilla ベースのブラウザで使用される CSS ファイルに似ています。

2016年9月、Stylishとuserstyles.orgの創設者であるジェイソン・バーナベは、プロジェクトへの関心を失ったため、「ジャスティン・ヒンドマンをStylishとuserstyles.orgの次期リーダーに選んだ」と発表した。^{[ 15 ]}ヒンドマンはStylishにもuserstyles.orgにも以前から何の関わりもなかった^{[ 16 ]。}そして、バーナベがイスラエルの分析会社SimilarWebの名義貸し購入でヒンドマンに売却しただけであることがすぐに明らかになった^{[ 17 ]}。^{[ 18 ]}

2016 年 12 月、Hindman は Chrome 用の Stylish のアップデートのリリースを開始し^{[ 19 ]}、これによりユーザーの閲覧アクティビティの完全な複製が Userstyles に返されるようになりました。^{[ 20 ]} 2017 年 1 月 3 日、彼は SimilarWeb との「パートナーシップ」を発表し、「Stylish ユーザーは SimilarWeb の市場調査パネルに参加する」ことになりました。^{[ 21 ]} 10 月 31 日に Stylish XUL+XPCOM アドオンの最終アップデート (2.1.1) が行われ、ユーザー スタイルがウェブ拡張機能互換のデータベースに移行された後、11 月 10 日に Firefox ウェブ拡張機能 (3.0.1) がリリースされました。^{[ 8 ] [ 22 ]}

2018 年 7 月、これらの問題がソフトウェア エンジニアによって公表された後、^{[ 23 ]} Stylish はChrome ウェブ ストアとMozilla アドオンの両方から削除され、既存のすべてのユーザーに対して自動的にアンインストールされました。^{[ 24 ] [ 25 ] [ 26 ]} Stylish は 8 月 16 日に Mozilla アドオンに^{[ 27 ]}、11 月 5 日に Chrome ウェブ ストアに^{[ 19 ]}戻りましたが、同じロジックでしたが、拡張機能のインストール時にデータ収集に同意するようユーザーに求める新しいオプトイン ページが追加されました。^{[ 28 ] [ 29 ]} Firefox では現在、Stylish のユーザー数は、より人気のある代替品であるStylusよりも少ないと報告されています。^{[ 30 ] [ 31 ]}

GreasemonkeyやTampermonkeyなどのユーザースクリプトマネージャは、スタイルシートの内容をHTMLタグに追加し、そのタグをページに追加することで、ローカルスタイルシートをWebページに追加できます。^{[ 32 ]} Userstyles.orgのユーザースタイルは、ユーザースクリプトマネージャで使用するためのユーザースクリプトとしてダウンロードできます。<style>

UBlock Originなどの広告ブロッカーは、サイトのCSSを変更できるユーザー定義可能なフィルターを許可しています。^{[ 33 ]}

代替のユーザースタイルマネージャーには、 Stylish for Chrome ^{[ 36 ] [ 37 ]}から派生したStylus ^{[ 34 ]}および xStyle ^{[ 35 ]}、aStyle ^{[ 38 ]} 、 reStyle ^{[ 39 ] 、Website Theme Manager [ 40 ]}などがあります。

userContent.css^{Firefox では、Web サイトとブラウザのクロームのユーザー スタイルをそれぞれローカル ファイル[ 41 ]}またはuserChrome.css[ ^{42 ]}に追加できます。Firefox 69 以降では、これらのファイルを読み込むために、ユーザーは設定^をtrue に切り替える必要があります。 ^{[ 43 ]}toolkit.legacyUserProfileCustomizations.stylesheetsabout:config

• ブラウザ拡張機能
• スタイラス（ブラウザ拡張機能）

• 公式サイト