ここちゃん ここちゃん

たけさん、プログラミングを始めたいんですけど、パソコンに何を入れればいいですか？

たけ たけ

開発環境の構築だね。俺も最初ここでつまずいたんだよ。VS Codeを入れるだけでも「え、どこからダウンロードするの？」って状態だった。

ここちゃん ここちゃん

あ、やっぱりそこから大変なんですね…不安です。

たけ たけ

大丈夫、一度セットアップしちゃえばあとは楽だから。初心者向けに手順をわかりやすく解説していくね。

開発環境構築｜初心者向けセットアップガイド

プログラミングを始めるための開発環境セットアップを解説します。

必要なもの

  • パソコン（Windows/Mac/Linux）
  • テキストエディタ
  • ターミナル
  • 各言語の実行環境

おすすめエディタ

VS Code（おすすめ）

  • 無料で高機能
  • 拡張機能が豊富
  • 多言語対応

その他

  • Sublime Text
  • Atom
  • Vim/Neovim

VS Codeの設定

インストール

公式サイトからダウンロード

おすすめ拡張機能

  • Japanese Language Pack
  • Prettier（コード整形）
  • ESLint（JavaScript用）
  • Python（Python用）
  • Live Server（HTML確認）

ターミナル

Mac

標準のターミナル.app またはiTerm2

Windows

  • Windows Terminal
  • Git Bash
  • PowerShell

言語別セットアップ

Python

# インストール確認
python --version

# パッケージ管理
pip install パッケージ名

Node.js（JavaScript）

# インストール確認
node --version
npm --version

# パッケージ管理
npm install パッケージ名

Git設定

# インストール確認
git --version

# 初期設定
git config --global user.name "名前"
git config --global user.email "メール"

便利ツール

  • Homebrew（Mac）: パッケージ管理
  • Docker: 開発環境の仮想化
  • Postman: API テスト

トラブルシューティング

パスが通らない

環境変数の設定を確認

権限エラー

管理者権限で実行

まとめ

開発環境は一度設定すれば長く使えます。丁寧にセットアップしましょう。