Repolode
jiuyang5354

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. 1

    最新リリースから margin.zip をダウンロードし、固定のフォルダーに解凍します

  2. 2

    edge://extensions または chrome://extensions を開き、デベロッパー モードを有効にします

  3. 3

    「パッケージ化されていない拡張機能を読み込む」をクリックし、manifest.json があるフォルダーを選択します

  4. 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 の数値は毎日更新されます。

関連プロジェクト