GitHub Flex äœæè : Lam Ngoc Khuong
GitHubã®UIãæ¡åŒµ - ã¯ã€ãã¬ã€ã¢ãŠããããŒãã«/ç»åã®æ¡å€§ãGIFããã«ãŒããµã€ãããŒåæ¿ãç·šéå±¥æŽãã¥ãŒã¢
æ¡åŒµæ©èœã¡ã¿ããŒã¿
ã¹ã¯ãªãŒã³ã·ã§ãã
ãã®æ¡åŒµæ©èœã«ã€ããŠ
GitHub Flexã¯ãæ¥ã
ã®ã¯ãŒã¯ãããŒãããã¹ã ãŒãºã§å¹ççã«ãã匷åãªçç£æ§åäžæ©èœã§GitHubã®ã€ã³ã¿ãŒãã§ãŒã¹ã匷åããŸãã
æ©èœ:
⢠ã¯ã€ãã¬ã€ã¢ãŠã: GitHubããŒãžããã©ãŠã¶ã®å šå¹ ã«æ¡åŒµããŸããç»é¢ã¹ããŒã¹ã®ç¡é§ããªãããã³ãŒããå·®åãã³ã³ãã³ããäžç®ã§ç¢ºèªã§ããŸãã
⢠ããŒãã«æ¡å€§: 倧ããªããŒãã«ã®æ¡å€§ãåã®ãªãµã€ãºãåã®è¡šç€º/é衚瀺ãå¯èœãå šç»é¢ã¢ãŒãã§ããŒãã«ã衚瀺ããã¹ãŠã®ã«ã¹ã¿ãã€ãºïŒåå¹ ãé衚瀺åãå±éç¶æ ïŒã¯ããŒãžèªã¿èŸŒã¿éã§ä¿æãããŸãã
⢠ç»åã©ã€ãããã¯ã¹: GitHubäžã®ä»»æã®ç»åãã¯ãªãã¯ããŠãã«ã¹ã¯ãªãŒã³ãªãŒããŒã¬ã€ã§è¡šç€ºãæ°ããã¿ããéãããšãªããã¹ã¯ãªãŒã³ã·ã§ãããå³è¡šãããžã¥ã¢ã«ã³ã³ãã³ããç°¡åã«ç¢ºèªã§ããŸãã
⢠GIFããã«ãŒ: ã³ã¡ã³ããIssueããã«ãªã¯ãšã¹ãã«GIFãçŽæ¥æ¿å ¥ãGiphyã®èšå€§ãªã©ã€ãã©ãªããæ€çŽ¢ - äŒè©±ã«ãªã¢ã¯ã·ã§ã³ãšæ¥œããã远å ã§ããŸãã
⢠ãµã€ãããŒåæ¿: ã¯ã³ã¯ãªãã¯ãŸãã¯Alt+MããŒããŒãã·ã§ãŒãã«ããã§ãGitHubã®ãµã€ãããŒã衚瀺/é衚瀺ãã³ã³ãã³ãã«éäžãããæã«æ°Žå¹³ã¹ããŒã¹ãåãæ»ããŸãã
⢠線éå±¥æŽ (Edit History): ã³ã¡ã³ãã説ææã®ç·šéå±¥æŽã匷åãããå·®åãã¥ãŒã¢ã§è¡šç€ºãç·šéå±¥æŽãã€ã¢ãã°ã§ãSplit Viewããã¯ãªãã¯ãããšãåå²ã»çµ±åã»Markdownãã¬ãã¥ãŒã¢ãŒãã§åèªã¬ãã«ã®ãã€ã©ã€ãä»ãæ¯èŒãã§ããŸãã
ãã¹ãŠã®æ©èœã¯ãããã¢ããèšå®ããåå¥ã«æå¹/ç¡å¹ã«ã§ããŸããèšå®ã¯ãã©ãŠã¶åæãéããŠããã€ã¹éã§åæãããŸãã
軜éããªãŒãã³ãœãŒã¹ãManifest V3ã§æ§ç¯ãããŒã¿åéãªãããã©ããã³ã°ãªã - ããè¯ãGitHubäœéšãã
æ©èœ:
⢠ã¯ã€ãã¬ã€ã¢ãŠã: GitHubããŒãžããã©ãŠã¶ã®å šå¹ ã«æ¡åŒµããŸããç»é¢ã¹ããŒã¹ã®ç¡é§ããªãããã³ãŒããå·®åãã³ã³ãã³ããäžç®ã§ç¢ºèªã§ããŸãã
⢠ããŒãã«æ¡å€§: 倧ããªããŒãã«ã®æ¡å€§ãåã®ãªãµã€ãºãåã®è¡šç€º/é衚瀺ãå¯èœãå šç»é¢ã¢ãŒãã§ããŒãã«ã衚瀺ããã¹ãŠã®ã«ã¹ã¿ãã€ãºïŒåå¹ ãé衚瀺åãå±éç¶æ ïŒã¯ããŒãžèªã¿èŸŒã¿éã§ä¿æãããŸãã
⢠ç»åã©ã€ãããã¯ã¹: GitHubäžã®ä»»æã®ç»åãã¯ãªãã¯ããŠãã«ã¹ã¯ãªãŒã³ãªãŒããŒã¬ã€ã§è¡šç€ºãæ°ããã¿ããéãããšãªããã¹ã¯ãªãŒã³ã·ã§ãããå³è¡šãããžã¥ã¢ã«ã³ã³ãã³ããç°¡åã«ç¢ºèªã§ããŸãã
⢠GIFããã«ãŒ: ã³ã¡ã³ããIssueããã«ãªã¯ãšã¹ãã«GIFãçŽæ¥æ¿å ¥ãGiphyã®èšå€§ãªã©ã€ãã©ãªããæ€çŽ¢ - äŒè©±ã«ãªã¢ã¯ã·ã§ã³ãšæ¥œããã远å ã§ããŸãã
⢠ãµã€ãããŒåæ¿: ã¯ã³ã¯ãªãã¯ãŸãã¯Alt+MããŒããŒãã·ã§ãŒãã«ããã§ãGitHubã®ãµã€ãããŒã衚瀺/é衚瀺ãã³ã³ãã³ãã«éäžãããæã«æ°Žå¹³ã¹ããŒã¹ãåãæ»ããŸãã
⢠線éå±¥æŽ (Edit History): ã³ã¡ã³ãã説ææã®ç·šéå±¥æŽã匷åãããå·®åãã¥ãŒã¢ã§è¡šç€ºãç·šéå±¥æŽãã€ã¢ãã°ã§ãSplit Viewããã¯ãªãã¯ãããšãåå²ã»çµ±åã»Markdownãã¬ãã¥ãŒã¢ãŒãã§åèªã¬ãã«ã®ãã€ã©ã€ãä»ãæ¯èŒãã§ããŸãã
ãã¹ãŠã®æ©èœã¯ãããã¢ããèšå®ããåå¥ã«æå¹/ç¡å¹ã«ã§ããŸããèšå®ã¯ãã©ãŠã¶åæãéããŠããã€ã¹éã§åæãããŸãã
軜éããªãŒãã³ãœãŒã¹ãManifest V3ã§æ§ç¯ãããŒã¿åéãªãããã©ããã³ã°ãªã - ããè¯ãGitHubäœéšãã
0 人ã®ã¬ãã¥ãŒæ
åœè
ã 0 ãšè©äŸ¡ããŸãã
æš©éãšããŒã¿
å¿ èŠãªæš©é:
- github.com ã®ãŠãŒã¶ãŒããŒã¿ãžã®ã¢ã¯ã»ã¹
- gist.github.com ã®ãŠãŒã¶ãŒããŒã¿ãžã®ã¢ã¯ã»ã¹
ä»»æã®èš±å¯èšå®:
- github.com ã®ãŠãŒã¶ãŒããŒã¿ãžã®ã¢ã¯ã»ã¹
- gist.github.com ã®ãŠãŒã¶ãŒããŒã¿ãžã®ã¢ã¯ã»ã¹
ããŒã¿åé:
- éçºè ã«ãããšããã®æ¡åŒµæ©èœã¯ããŒã¿åéãå¿ èŠãšããŸããã
詳ããæ
å ±
- ã¢ããªã³ãªã³ã¯
- ããŒãžã§ã³
- 0.0.11
- ãµã€ãº
- 59.62 KB
- æçµæŽæ°æ¥
- 9æ¥å (2026幎4æ23æ¥)
- é¢é£ã«ããŽãªãŒ
- ã©ã€ã»ã³ã¹
- MIT License
- ãã©ã€ãã·ãŒããªã·ãŒ
- ãã®ã¢ããªã³ã®ãã©ã€ãã·ãŒããªã·ãŒãèªã
- ããŒãžã§ã³å±¥æŽ
- ã³ã¬ã¯ã·ã§ã³ãžè¿œå
ãã®æ¡åŒµæ©èœã®éçºè ã¯ãéçºãç¶ããŠãããããå°é¡ã®å¯ä»ã«ããæ¯æŽãæ±ããŠããŸãã
Build instructions:
1. Install dependencies: pnpm install
2. Build Firefox: pnpm build:firefox
3. Output is in dist/firefox/
Source code: https://github.com/lamngockhuong/github-flex (or link to your repo)
The extension uses:
- webextension-polyfill for cross-browser compatibility
- esbuild for bundling (IIFE format)
- No minification obfuscation â source maps are straightforward
contextMenus permission: Used to add a right-click context menu for the GIF picker feature.
host_permissions (github.com, gist.github.com): Required to inject content scripts that modify GitHub's UI.
storage permission: Used to save user preferences/settings.