Webエンジニアのスタメンアプリ5選択

はじめに

エンジニア4年目の私が、日々の業務で使っているアプリを紹介します。
私は普段、Webエンジニアとして、フロントエンドとバックエンドの両方を担当しています。

そんな私が業務効率を上げるために使っているアプリを5つ紹介します。

VSCodeは、マイクロソフトが開発したオープンソースのコードエディタです。
エディタとしての機能はもちろん、拡張機能をインストールすることで、
様々な言語に対応した開発環境を構築することができます。

私はコードを書く際はもちろん、メモを取るときにもVSCodeを使っています。

VSCodeの拡張機能で特におすすめのものを紹介します。

Markdown All in Oneは、Markdownの記法をサポートする拡張機能です。
Markdown All in Oneをインストールすることで、
Markdownの記法を覚えていなくても、
コマンドを使うことで、Markdownの記法を簡単に入力することができます。

Git Graphは、Gitのブランチを可視化する拡張機能です。
Git Graphをインストールすることで、
VSCode上でGitのブランチを確認することができます。

GitLensは、Gitの履歴を確認する拡張機能です。
GitLensをインストールすることで、
VSCode上でGitの履歴を確認することができます。

言わずもがなですが、Google Chromeは、必須のアプリですね。
SafariやFirefoxなどのブラウザもありますが、なんだかんだで、Chromeが一番使いやすいです。

その理由の一つとして、Chromeの拡張機能が豊富であることが挙げられます。

なので、私が利用しているおすすめの拡張機能を紹介します。

Wappalyzerは、Webサイトの技術を調べる拡張機能です。
Wappalyzerをインストールすることで、利用されているフレームワークや言語などを調べることができます。

フロントエンド、バックエンドを担当しているに関わらず、Jsonを扱うことは多いと思います。

特にフォーマットされていない状態だと非常に見にくいですし、効率もかなり下がります。
JSON Viewerをインストールすることで、Jsonをフォーマットして見やすくできます。

Snap Color Pickerは、Webサイトの色を調べる拡張機能です。
Snap Color Pickerをインストールすることで、Webサイトの色を調べることができます。

コーディンのレビューなどでカラーコードが適切に反映されているのかやワイヤーフレームの色を確認するのに便利です。

Postmanは、APIのテストを行うためのツールです。

Postmanを使うことで、APIのテストを行うことができます。
バックエンド開発はもちろん、フロントエンド開発でもAPIのテストは必要になります。

コードで書く前に簡単に構造の確認をしたいときや、バックエンドの開発を待たずにフロントエンドの開発を進めたいときに便利です。

Notionは、ノートを取るためのツールです。
ドキュメントの作成や技術的なメモを取るのに便利です。

Notionは、ブラウザ上で動作するので、どのデバイスからでもアクセスすることができます。

Gitmindは、マインドマップを作成するためのツールです。

要件定義のフェーズのときにかなり役に立ちます。
思考の整理や要件の整理をする際に、Gitmindを使うことで、情報の整理を用意に行いことができます。
また、マインドマップだけではなく、フローチャートやワイヤーフレームなども作成することができます。

以上、エンジニアが業務効率を上げるために使っているアプリを紹介しました。

エンジニアは、日々の業務で様々なツールを使います。
その中でも、私が特におすすめのツールを紹介しました。

ぜひ、参考にしてみてください。