モダンなWebアプリ開発に必要なツール10選

MacBookProにWebアプリ（Vue.js）の開発環境を構築するにあたりインストールしたツール一覧

仕事

• Google Chrome

  • 言わずと知れた高速で高機能なブラウザ
  • デベロッパーツールを使えばJSのデバッグやHTMLの解析を簡単に行える
  • プラグインをインストールすれば機能拡張も可能

• Slack

  • チャットツールのデファクトスタンダード
  • チーム開発でコミュニケーションをとるときに重宝します
  • アプリ連携をすればGitHubからの通知も受信できます

• Evernote

  • メモ管理アプリの定番
  • 情報収集した内容をWebクリップで保存・検索できる
  • コードはgist、情報はEvernoteと使い分けるのが良いかも

開発

• Visual Studio Code

  • Microsoft製テキストエディタ
  • 様々な言語に対応している
  • プラグインを追加することで機能拡張が可能

• GitHub Desktop

  • GitHubを使った開発を簡単に行えるアプリケーション
  • クローンやコミットなどGUIで操作できる

• TeamSQL

  • DB接続のクライアントツール
  • メジャーなDBに対応しているため複数のクライアントを一つに統合できる

• Node.js

  • サーバーサイドのJavaScriptプラットフォーム
  • JavaScriptで動くWebアプリを開発するなら必須
    • Ex. Vue.js、Angular、React

• Yarn

  • JavaScriptパッケージ管理ツール
  • Node.jsをインストールすればnpmが入ってますが、個人的にはYarnが好きなのでこちらで管理しています
    • パッケージがキャッシュされるのでインストールが高速といったメリットがあります

インフラ

• Docker Desktop

  • 最近はCloud Nativeの気運が高まっているためWebアプリをコンテナ化するなら必須でしょう
  • 仮想環境にDocker環境を構築するよりも簡単にコンテナを動かせます

• Kitematic

  • GUI上でDockerを操作できるツール
  • 簡単にpostgreSQLなどを起動できる