Skip to content

Latest commit

 

History

History
163 lines (125 loc) · 7.96 KB

File metadata and controls

163 lines (125 loc) · 7.96 KB

🇬🇧 English | 🇻🇳 Tiếng Việt | 🇯🇵 日本語

GitHub Flex

Chrome Web Store Version Chrome Web Store Users Chrome Web Store Rating Firefox Add-on Version Firefox Add-on Users Firefox Add-on Rating CI MIT License GitHub Stars

Chrome Web Storeからインストール Firefox Add-onsからインストール Website

GitHub Flex on Unikorn.vn GitHub Flex - Launched on J2TEAM Launch

GitHubのインターフェースを生産性向上機能で強化するクロスブラウザ拡張機能(Chrome & Firefox)。

GitHub Flex

機能

  • ワイドレイアウト - GitHubを全幅に拡大してコードを読みやすく
  • テーブル拡大 - 状態保持機能付きの拡大可能なテーブル
  • 画像ライトボックス - 画像をクリックしてズーム付きの全画面表示
  • GIFピッカー - コメントやissueにGIFを挿入
  • サイドバー切替 - ボタンまたは Alt+M ショートカットでサイドバーを表示/非表示
  • 編集履歴 - split/unified/previewモードでコメント編集の差分を表示

ワイドレイアウト 画像ライトボックス

GIFピッカー サイドバー切替

インストール

Chrome Web Store

Chrome Web Storeから直接インストール。

Firefox Add-ons

Firefox Add-onsから直接インストール。

ソースから

git clone https://github.com/lamngockhuong/github-flex.git
cd github-flex
pnpm install
pnpm build

ブラウザに読み込み:

Chrome:

  1. chrome://extensions/ を開く
  2. デベロッパーモードを有効にする(右上)
  3. パッケージ化されていない拡張機能を読み込むをクリック
  4. dist/chrome/ フォルダを選択

Firefox:

  1. about:debugging#/runtime/this-firefox を開く
  2. 一時的なアドオンを読み込むをクリック
  3. 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への公開

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(テスト)

スポンサー

この拡張機能が役立つと感じたら、開発の支援をご検討ください:

GitHub Sponsors Buy Me A Coffee MoMo

他のプロジェクト

  • Termote - モバイル/デスクトップからPWAでCLIツール(Claude Code、GitHub Copilot、任意のターミナル)をリモート操作
  • TabRest - 非アクティブなタブを自動でアンロードしてメモリを解放するChrome拡張機能

ライセンス

MIT