モチベーション

• 毎週木曜日Slackのkey_frontチャンネルでハドル機能を使いお題に対してメンバー同士ディスカッションをする時間を15〜30分程度設けている
• 今回は「Chrome拡張機能」について取り上げる
• ファシリテーターは筆者なので、事前に読み込んで気になった点などをスクラップに投げていく
• 開催日は〇〇/〇〇（木）で最終的に議事録として結論をまとめる

過去に開催した拡張機能関連の内容

https://zenn.dev/shuuuuuun/scraps/bcc59eb2f7d640

• まずは使っているVSCodeの拡張機能を洗い出してみる（アルファベット順）

Authenticator

Authenticator はお使いのブラウザーで2段階認証コードを生成します。

DeepL翻訳：読みながら、書きながら使える翻訳ツール

世界最高レベルの精度を誇るDeepL翻訳で、テキストを読みながら、または書きながら訳せます。

Lighthouse

Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps.

Localhost OGP チェッカー

localhostやBasic認証下などインターネットからリーチできない環境のHTMLファイルのOGPタグの動作確認を行うためのブラウザ拡張です。該当ファイルのheadタグを一時的にホスティングします。

LocatorJS

LocatorJS Chrome Extension - option-click to code (ReactJS)

Notion Slides by Wunderpresentation

Converts a Notion page into interactive presentation slides.

React Developer Tools

Adds React debugging tools to the Chrome Developer Tools. Created from revision ef8a840bd on 10/25/2023.

RSC Devtools

React Server Components network visualizer

Vue.js devtools

Browser DevTools extension for debugging Vue.js applications.

Wappalyzer - Technology profiler

Identify web technologies

ウェブページ全体をスクリーンショット - FireShot

ウェブページ全体をスクリーンショット撮影。PDF/JPEG/GIF/PNGでキャプチャ、編集、保存やアップロード、印刷、そしてOneNote、クリップボード、メールに送信できます。