WEB系プログラマーで抑えるべきオススメのツール一覧


デスクトップアプリ

  • VSCode(テキストエディタ)
  • GitKraken(GitをGUIで管理, コンフリクトの対応がめちゃ楽)
  • Local by Flywheel(WordPressをローカルで構築)
  • MAMP(PHPとMySQLをローカルで構築)
  • Prepros(SCSSなどのコンパイル、そのほかにもブラウザの表示にも役立つ)
  • チャットアプリはご自由に(Discord, Slack, Chatwork)

CUIツール

  • Git(Version管理ツール)
  • Git flow(git flowの便利なコマンドが効くようになります。)
  • create-react-app(reactの環境構築できます)
  • vue-cli(Vue.jsの環境構築できます)
  • Gulp(SCSSのコンパイルやBrowser Syncで環境構築)
  • WebPack(複数のファイルを一つのファイルにコンパイルしてまとめる)
  • Docker(仮想環境をコンテナレベルで作成)
  • Vagrant(仮想環境丸ごとコマンドだけで作成)

Chromeの拡張機能

  • Google翻訳(ドラッグするだけで翻訳)
  • ColorZilla(ブラウザから色を簡単に検出)
  • WhatFont(ブラウザからフォントを簡単に検出)
  • Wappalyzer(ブラウザの使用しているライブラリなどを簡単に検出)
  • parg.co URL shortener(開いているページのショートURLを瞬時に作成してくれる)

VSCodeの拡張機能

  • Bookmark(Bookmarkつけることができるようになります。: デフォルトであるかも?)
  • Live Server(htmlファイル右クリックするだけでファイル変更をリアルタイムにブラウザ表示)
  • Bracket Pair Colorizer(かっこのブロックをわかりやすく表示)
  • Git History(GitのログをGUIで表示してくれます。)
  • Zenburn Theme(テーマをZenburnにできる)
  • Material Icon Theme(アイコンのテーマをいい感じにしてくれます)