はじめまして、にへーと申します。
私は、フロントエンドエンジニアを経験後に専門学校講師を仕事にしています。
趣味は、コーディング。他の人の書いたソースを眺めていられるそんな人です。
今回、自分自身がフロントエンドを作っていく際に使っているツールをまとめておきます。
1.Visual Studio Code
前職で使っていたのですが、とにかく軽い。
Microsoftが開発しているので、TypeScriptとかとも相性がバッチリみたいです。
アカウント連携が結構良くて、複数環境で開発を行っている人にはとても使いやすいと思います。
Windows、Ubuntu、Macを使う人にはもってこいです。
2.NeoVim
Vimなどは使ったことがなかったのですが、最近使うように心がけています。
VSCodeなどGUIアプリケーションがない場合にも対応できるよう、現在勉強中です。
プラグインもNeoVimは豊富にあるようなので、これから実験していこうと考えています。
3.Google Chrome Developer Tool
エンジニアの人からしたら「あたりまえ!」と思われると思いますが...
検証作業には必須です。
レイアウト調整や、CSSの詳細度、JavaScriptの動作確認などに使っています。
4.Node.jsとGulp
ツールというのは微妙なラインですが、Gulpで画像圧縮などのめんどくさい作業をタスクランナーにしたりしていました。
今は、あんまりGulpは使っていないですが、とにかく便利です。
5.Whats Runs(Google Chrome)
Google Chromeの拡張機能です。
他の人が運営しているサイトでどんなシステムが動いているか確認できるツールです。
「あ、この人PHPだ」「お！このサイトNext.jsじゃん!」とかを調べることができます。
サーバーもApacheとかNginxとかも見れます。
まとめ
ざっくりとまとめてみましたが、意外と数が少なかったです。
他にも思い出したらあると思うので、またなにかあれば別記事を作成してみようと思います。
初めての投稿でした。なにか参考になれば幸いです。