フロントエンド開発を担当しています、あやかです。
社内のフロントエンドで開発する際に使用する便利ツールを教えてもらい、ちょこちょこと便利ツールがたまってきたので、ここでわかりやすくまとめるか〜と思い、一覧を作成しました。
皆様の開発のお役に立てると嬉しいです!ではどうぞ🙌
便利アプリ
■LGTMの画像生成してくれるツール
LGTMoon - 最もシンプルなLGTM画像ジェネレーター
■コードの差分表示ツール
Mergely - Diff online, merge documents
■HTMLメール版のCan i use
Can I email…
■正規表現チェッカー
Debuggex: Online visual regex tester. JavaScript, Python, and PCRE.
Chrome拡張機能
■Metaタグ見れる拡張機能
SEO META in 1 CLICK
■JSONを綺麗に見れる拡張機能
JSON Viewer
■文字をカーソルで選択するとDeepLをその場で使える拡張機能
DeepL翻訳:読みながら、書きながら使える翻訳ツール
■Vue.jsのデバック拡張機能
Vue.js devtools
■Webサイトのパフォーマンスを測定する拡張機能
Lighthouse
パフォーマンス
■最近Chromeに追加されたperformance insightsタブ
Performance insights: Get actionable insights on your website's performance - Chrome Developers