チャットボックスやページ要約、選択範囲ツールを通じて、ChatGPTなどのAIチャットモデルをあらゆるWebページで使えるブラウザー拡張機能。
jiuyang5354/bilibili-margin
Bilibiliのホーム、検索、動画、読書ページを再デザインし、純正プレーヤーを維持するChrome/Edge/Firefox拡張機能。
- スター
- 666
- フォーク
- 44
- 未解決の Issue
- 16
- 最終コミット
- 5 時間前
これは何?
MARGIN(映间)は、中国の動画プラットフォームBilibili向けのオープンソースブラウザー拡張機能です。ホームページ、検索結果、動画ページ、読書ページのレイアウトを、エディトリアルなタイポグラフィ、リキッドグラス風のコントロール、ライト・ダーク・システムから選べるテーマで再構成します。
動画ページではBilibiliの純正プレーヤー、弾幕、コメント、画質設定を維持しつつ、タイトル、投稿者カード、エピソード一覧、おすすめを再配置します。ほかにも、おすすめと検索のフィルター、お気に入りドロワー、後で見るリスト、ホバープレビュー、コマンドパレット、初回表示時刻と視聴時間を記録するローカルのアクティビティヒートマップを備えています。
設定、アクティビティ記録、カスタム背景はローカルに保存でき、JSON形式でエクスポートできます。天気カードはサードパーティのIPジオロケーションとOpen-Meteoの天気予報を利用し、IPアドレスまたは座標データを送信します。Edge、Chrome、Firefox 140以降に対応し、TypeScriptとManifest V3で構築されています。
主な機能
- 01純正プレーヤーを維持しながら、ホーム、検索、動画、読書ページのレイアウトを刷新。
- 02キーワード、投稿者、再生数、再生時間でおすすめや検索結果をフィルタリング。
- 03ガラス風のお気に入りドロワーと後で見るリスト。
- 04ローカル記録に基づく、年・月単位のアクティビティヒートマップ。
- 0513種類のアニメーション背景とカスタム画像に対応し、ライト・ダーク・システムテーマを選択可能。
- 06設定とアクティビティをJSON形式でエクスポート・インポート。
ユースケース
- すっきりとした見やすい画面で、日常的にBilibiliを閲覧する。
- 検索結果やおすすめを絞り込み、目的に合った動画を見つける。
- ローカルのアクティビティヒートマップで、自分の視聴傾向を振り返る。
クイックスタート
- 1
最新リリースから margin.zip をダウンロードし、固定のフォルダーに解凍します
- 2
edge://extensions または chrome://extensions を開き、デベロッパー モードを有効にします
- 3
「パッケージ化されていない拡張機能を読み込む」をクリックし、manifest.json があるフォルダーを選択します
- 4
Bilibili を開くか、ページを再読み込みします
使う前に知っておきたいこと
- zip ファイルから Firefox にインストールした場合、一時的なインストールとなり、Firefox の再起動時に削除されます。
- Safari はサポートされていません。
- 手動で読み込んだバージョンは、手動で更新する必要があります。
- 天気機能では、IP アドレス、市区町村、または座標のデータがサードパーティのサービスに送信されます。
収録されている特集
トピック
よくある質問
- bilibili-margin とは?
- Bilibiliのホーム、検索、動画、読書ページを再デザインし、純正プレーヤーを維持するChrome/Edge/Firefox拡張機能。 MARGIN(映间)は、中国の動画プラットフォームBilibili向けのオープンソースブラウザー拡張機能です。ホームページ、検索結果、動画ページ、読書ページのレイアウトを、エディトリアルなタイポグラフィ、リキッドグラス風のコントロール、ライト・ダーク・システムから選べるテーマで再構成します。
- bilibili-margin は無料で使えますか?ライセンスは?
- bilibili-margin は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- bilibili-margin は今もメンテナンスされていますか?
- 活発にメンテナンス中。bilibili-margin の最終コミットは 2026年11月7日 です。
- bilibili-margin は何に使えますか?
- すっきりとした見やすい画面で、日常的にBilibiliを閲覧する。 検索結果やおすすめを絞り込み、目的に合った動画を見つける。 ローカルのアクティビティヒートマップで、自分の視聴傾向を振り返る。
- bilibili-margin のインストール方法は?
- 最新リリースから margin.zip をダウンロードし、固定のフォルダーに解凍します edge://extensions または chrome://extensions を開き、デベロッパー モードを有効にします 「パッケージ化されていない拡張機能を読み込む」をクリックし、manifest.json があるフォルダーを選択します Bilibili を開くか、ページを再読み込みします
- bilibili-margin はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/jiuyang5354/bilibili-margin
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
Webサイトの利用時間を記録し、習慣レポートを表示、上限到達時にサイトをブロックするブラウザー拡張機能
あらゆるWebページの技術スタックを特定する、Chrome、Edge、Firefox対応のManifest V3ブラウザー拡張機能です。
GitHubのインターフェースを簡体字・繁体字中国語にローカルで翻訳するブラウザー拡張機能です。
ローカルに保存したURLフィルター付きルールとプロファイルで、HTTPリクエスト/レスポンスヘッダーやCookieを上書きできるブラウザー拡張機能。
ゼロ設定の開発サーバー、ホットリロード、Chrome・Edge・Firefox・Safari向けビルドを備えたクロスブラウザー拡張機能フレームワーク。