第2部:基礎知識 / 第2章:開発環境

よく使う開発ツール

開発現場でよく使われるツールを紹介します。すべてを覚える必要はありませんが、「こういうツールがある」と知っておくと役立ちます。

📖 読了目安 約15分 対象:これからツール選びを始める方

コードエディタ / IDE

Visual Studio Code(VS Code)

最も人気のある軽量エディタです。

項目内容
対応言語ほぼすべて(拡張機能で対応)
特徴軽量、高速、拡張機能が豊富
価格無料
プラットフォームWindows / Mac / Linux

必須の拡張機能

  • Japanese Language Pack:日本語化
  • GitLens:Git履歴の詳細表示
  • Prettier:コード整形
  • 言語別の拡張機能(Python、C#など)

よく使うショートカット

ショートカット動作
Ctrl + Pファイルを開く
Ctrl + Shift + Pコマンドパレット
Ctrl + Shift + Fプロジェクト内検索
F12定義に移動
Ctrl + /コメント切り替え

Visual Studio

Microsoft製の本格的なIDEです。

項目内容
主な用途C#、.NET、C++開発
特徴高機能、デバッガが強力
価格Community版は無料
プラットフォームWindows / Mac

VS CodeとVisual Studioの違い

項目VS CodeVisual Studio
動作軽量重め
機能拡張機能で追加最初から豊富
デバッガシンプル高機能
向いている軽い編集、Web開発本格的なC#/.NET開発

差分比較ツール

WinMerge

ファイルやフォルダの差分を比較するツールです。

項目内容
特徴2つのファイルの違いをハイライト表示
価格無料
プラットフォームWindows

使用シーン

  • 変更前後のコードを比較
  • 本番環境と開発環境の設定ファイルを比較
  • マージ時のコンフリクト解決

基本的な使い方

  1. WinMergeを起動
  2. 比較したい2つのファイルをドラッグ&ドロップ
  3. 差分がハイライト表示される
  4. 矢印ボタンで差分箇所を移動

データベースツール

A5:SQL Mk-2

SQLを実行してデータベースを操作するツールです。

項目内容
特徴ER図作成、SQL実行、データ編集
対応DBMySQL、PostgreSQL、SQL Server、Oracle など
価格無料
プラットフォームWindows

主な機能

  • SQL実行:SELECT、INSERT、UPDATE、DELETE
  • テーブル参照:データの閲覧・編集
  • ER図表示:テーブル間のリレーションを図で確認
  • エクスポート:CSV、Excelへの出力

使用シーン

  • テストデータの確認
  • 不具合調査時のデータ確認
  • 簡単なデータ修正

図表作成ツール

draw.io(diagrams.net)

フローチャートや図を作成するツールです。

項目内容
特徴ブラウザで使える、豊富なテンプレート
価格無料
利用方法Web版、デスクトップ版、VS Code拡張

作成できる図

  • フローチャート
  • システム構成図
  • ER図
  • シーケンス図
  • ネットワーク図

PlantUML

テキストからUML図を生成するツールです。

@startuml
User -> System : リクエスト
System -> Database : データ取得
Database --> System : データ
System --> User : レスポンス
@enduml
項目内容
特徴コードで図を書ける、バージョン管理しやすい
価格無料
利用方法VS Code拡張、オンラインエディタ

その他便利ツール

Postman

APIの動作確認ツールです。

  • HTTPリクエストを手動で送信
  • レスポンスを確認
  • テストの自動化

Fiddler / Charles

HTTP通信を確認するツールです。

  • ブラウザとサーバー間の通信内容を確認
  • リクエスト/レスポンスの詳細を見る
  • 通信のデバッグ

ツールの選び方

チームで決まっている場合

チームと同じツールを使うのが基本です。

  • 操作方法を聞きやすい
  • 設定ファイルを共有できる

自由に選べる場合

用途おすすめ
軽い編集、Web開発VS Code
C#/.NET開発Visual Studio
差分比較WinMerge
DB操作A5:SQL Mk-2
図の作成draw.io

まとめ

カテゴリツール用途
エディタVS Code軽量な編集、多言語対応
IDEVisual Studio本格的なC#/.NET開発
差分比較WinMergeファイルの違いを確認
DB操作A5:SQL Mk-2SQL実行、データ確認
図作成draw.ioフローチャート、構成図

最初から全てを使いこなす必要はありません。必要になったときに使い方を覚えていきましょう。