日本語版

Development Environment Setup

Productive development starts with a well-configured environment. This guide covers editor configuration, runtime management, package managers, Docker-based development environments, and team-wide standardization -- everything you need to build a modern development setup.

Target Audience

• Engineers setting up development environments for new projects
• Tech leads looking to standardize their team's development environment
• Developers who want to learn Docker-based development environments

Prerequisites

• Basic terminal operations
• Fundamental Git knowledge

Study Guide

00-editor-and-tools — Editors and Development Tools

01-runtime-and-package — Runtime and Package Management

02-docker-dev — Docker Development Environment

03-team-setup — Team-Wide Configuration

Quick Reference

Recommended Development Stack:
  Editor:       VS Code + extensions or Cursor
  Terminal:     Warp (macOS) / Windows Terminal
  Shell:        zsh + starship prompt
  Node.js:      fnm (recommended) or mise
  Packages:     pnpm (recommended)
  Linter:       Biome (recommended) or ESLint + Prettier
  Git Hooks:    husky + lint-staged
  Docker:       Docker Desktop or OrbStack (macOS)
  DB GUI:       TablePlus or DBeaver
  API:          Bruno or Hoppscotch
  AI:           GitHub Copilot + Claude Code

References

1. VS Code. "Documentation." code.visualstudio.com, 2024.
2. Docker. "Docker Desktop." docs.docker.com, 2024.
3. pnpm. "Documentation." pnpm.io, 2024.