Skip to content

Instantly share code, notes, and snippets.

@shoota
Last active July 12, 2024 04:30
Show Gist options
  • Save shoota/1de30c1a320d9b37a6efac11aa128870 to your computer and use it in GitHub Desktop.
Save shoota/1de30c1a320d9b37a6efac11aa128870 to your computer and use it in GitHub Desktop.
Google Chrome Extensions for Devloper

General / Web

開いているWebサイトが利用しているJSライブラリやサーバ、クラウドサービスなどを解析して表示してくれる。 どんなSPAライブラリで構成されているか、jQueryが使われているかなどをさっと確認したり、内部構成が隠蔽されているサービス(STUDIOなど)がどのような構成であるかをざっくり確認して、セキュリティリスクなどを見るなどに便利。

Markdownで/コマンドで定型文を出力することができる。 \/askbadge のBadgeをだしたりできるので、Markdownで情報を簡潔にまとめるのに重宝している。 設定ファイルをjsonとしてexportして移行したりできるので便利。

1PasswordのChrome拡張。必須。

Google Calendarにアクセス権を与えると設定されているMTGのGoogle meet or Zoomを1分まえに自動で開きます

WebサイトのColor picker。ディスプレイの色味の違いで不安になったときや、RGB指定からHexを取りたいときなどに利用。

NotionをSlideとして表示してくれるツール。個人メモをさっと共有してLTするなど、時間がないときのスライド生成に便利。

GitHub

GitHubのちょっと痒いところに手が届かないUIを書き換えて使いやすくしてくれる。

LGTM画像をGitHubコメント欄に挿入するボタンを提供する。

地獄のミサワ検索&画像URLコピーツール

Frontend

ReactComponentの解析ツール

ApolloClientの開発者用ツール。公式ツールだが最近不安定なのであまり使ってない...。

react-hook-formの開発者ツール。内部状態(useFormの返却値など)を可視化できるので、log debugをしなくて済む。公式ツール。

BrowserStack製のIEエミュレータ。「IEはサポート外とわかってますが、お客さんがIEだけだから実際どう見えるのか教えて〜。」的なニッチなシーンで環境用意などをしなくて済む。

UA改ざんツール。利用シーンはあまりなく、できるだけ使わないようにしたいがどうしてもそうも行かないとき(クライアントごとに出力ファイルの文字コードの問題が発生するなど)にとりあえずやってみるためのツール。

{
"version": 4,
"folders": [
{
"name": "PR badge",
"info": "markdown badge for PR",
"snippets": [
{
"name": "badge - must",
"shortcut": "/must",
"type": "html",
"text": "![badge](https://img.shields.io/badge/review-must-red.svg)",
"html": "<span style=\"color:#4a4a4a;background-color:#eeeeee;\">![badge](https://img.shields.io/badge/review-must-red.svg)</span>"
},
{
"name": "badge - ask",
"shortcut": "/ask",
"type": "html",
"text": "![badge](https://img.shields.io/badge/review-ask-blue.svg)",
"html": "<span style=\"color:#4a4a4a;background-color:#eeeeee;\">![badge](https://img.shields.io/badge/review-ask-blue.svg)</span>"
},
{
"name": "badge - nits",
"shortcut": "/nits",
"type": "html",
"text": "![badge](https://img.shields.io/badge/review-nits-green.svg)",
"html": "<span style=\"color:#4a4a4a;background-color:#eeeeee;\">![badge](https://img.shields.io/badge/review-nits-green.svg)</span>"
},
{
"name": "badge - imo",
"shortcut": "/imo",
"type": "html",
"text": "![badge](https://img.shields.io/badge/review-imo-ff69b4.svg)",
"html": "<span style=\"color:#4a4a4a;background-color:#eeeeee;\">![badge](https://img.shields.io/badge/review-imo-ff69b4.svg)</span>"
},
{
"name": "badge - note",
"shortcut": "/note",
"type": "html",
"text": "![badge](https://img.shields.io/badge/review-note-33eeee.svg)",
"html": "<span style=\"color:#4a4a4a;background-color:#eeeeee;\">![badge](</span>https://img.shields.io/badge/review-note-33eeee.svg<span style=\"color:#4a4a4a;background-color:#eeeeee;\">)</span>"
},
{
"name": "badge-help",
"shortcut": "/help",
"type": "html",
"text": "![badge](https://img.shields.io/badge/help-me-ff4444.svg)",
"html": "<span style=\"color:#4a4a4a;background-color:#eeeeee;\">![badge](</span>https://img.shields.io/badge/help-me-ff4444.svg<span style=\"color:#4a4a4a;background-color:#eeeeee;\">)</span>"
},
{
"name": "badge-log",
"shortcut": "/log",
"type": "html",
"text": "![badge](https://img.shields.io/badge/review-log-green.svg)",
"html": "<span style=\"color:#4a4a4a;background-color:#eeeeee;\">![badge](https://img.shields.io/badge/review-log-green.svg)</span>"
}
]
}
]
}
{
"version": 4,
"folders": [
{
"name": "PR template",
"info": "",
"snippets": [
{
"name": "PR comment / me",
"shortcut": "/pr",
"type": "text",
"text": "## TL;DR\n\n## How to check\n\n## Check list\n",
"html": "<p style=\"margin:0px !important;padding:0px !important;\">## TL;DR</p><p style=\"margin:0px !important;padding:0px !important;\"><br/></p><p style=\"margin:0px !important;padding:0px !important;\">## How to check</p><p style=\"margin:0px !important;padding:0px !important;\"><br/></p><p style=\"margin:0px !important;padding:0px !important;\">## Check list</p><p style=\"margin:0px !important;padding:0px !important;\"><br/></p>"
},
{
"name": "yarn check",
"shortcut": "/yarn",
"type": "text",
"text": "check script warnings\n\n- [ ] yarn\n- [ ] yarn start\n- [ ] yarn storybook\n- [ ] yarn build",
"html": "<p style=\"margin:0px !important;padding:0px !important;\">check script warnings</p><p style=\"margin:0px !important;padding:0px !important;\"><br/></p><p style=\"margin:0px !important;padding:0px !important;\">- [ ] yarn</p><p style=\"margin:0px !important;padding:0px !important;\">- [ ] yarn start</p><p style=\"margin:0px !important;padding:0px !important;\">- [ ] yarn storybook</p><p style=\"margin:0px !important;padding:0px !important;\">- [ ] yarn build</p>"
}
]
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment