🇬🇧 English | 🇻🇳 Tiếng Việt | 🇯🇵 日本語
GitHubのインターフェースを生産性向上機能で強化するクロスブラウザ拡張機能(Chrome & Firefox)。
- ワイドレイアウト - GitHubを全幅に拡大してコードを読みやすく
- テーブル拡大 - 状態保持機能付きの拡大可能なテーブル
- 画像ライトボックス - 画像をクリックしてズーム付きの全画面表示
- GIFピッカー - コメントやissueにGIFを挿入
- サイドバー切替 - ボタンまたは
Alt+Mショートカットでサイドバーを表示/非表示 - 編集履歴 - split/unified/previewモードでコメント編集の差分を表示
Chrome Web Storeから直接インストール。
Firefox Add-onsから直接インストール。
git clone https://github.com/lamngockhuong/github-flex.git
cd github-flex
pnpm install
pnpm buildブラウザに読み込み:
Chrome:
chrome://extensions/を開く- デベロッパーモードを有効にする(右上)
- パッケージ化されていない拡張機能を読み込むをクリック
dist/chrome/フォルダを選択
Firefox:
about:debugging#/runtime/this-firefoxを開く- 一時的なアドオンを読み込むをクリック
dist/firefox/フォルダ内の任意のファイルを選択
pnpm dev # 両ブラウザをwatchモードでビルド
pnpm build # 両ブラウザのプロダクションビルド
pnpm build:chrome # Chromeのみビルド
pnpm build:firefox # Firefoxのみビルド
pnpm lint # コードスタイルをチェック
pnpm lint:fix # 問題を自動修正
pnpm lint:firefox # web-extでFirefoxビルドをlint
pnpm test # テストを実行Firefox Add-onsに新しいバージョンを提出する際、esbuildでバンドルしているためMozillaはソースコードのアップロードを要求します。以下のコマンドでソースzipを作成:
zip -r github-flex-source.zip src/ scripts/ package.json pnpm-lock.yaml biome.json README.md LICENSE manifest.json- English(デフォルト)
- Tiếng Việt(ベトナム語)
- 日本語
拡張機能はサポートされている場合、ブラウザの言語に合わせて自動的に表示されます。
- Manifest V3 (Chrome 88+, Firefox 112+)
- webextension-polyfill(クロスブラウザAPI互換性)
- Vanilla JavaScript (ES Modules)
- esbuild(バンドラー)
- Biome(リンター/フォーマッター)
- Vitest(テスト)
この拡張機能が役立つと感じたら、開発の支援をご検討ください: