Webサイト開発環境を構築する
Claude Code を活用して、Webサイト構築を行う際に、以下のツールが必要になることがあります。
- Node.js : ワンページ完結のサイトを構築するノウハウに必要
- Hugo : ドキュメントサイトを構築するのに必要なノウハウ
Node.js のインストール
既にインストールされているか確認
ターミナルで以下のコマンドを実行します：
node --version
npm --version両方のコマンドでバージョンが表示されれば、すでにインストールされています。
インストール手順
Homebrew を使用（推奨）
# Homebrewがインストールされているか確認
brew --version
# Homebrewがまだインストールされていない場合
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
# Node.js をインストール
brew install nodeインストール後の確認
必ず、ターミナルを再起動して確認してください。
node --version
npm --versionWinget を使用（推奨）
PowerShell または コマンドプロンプトを管理者権限で開いて実行：
# Wingetがインストールされているか確認
winget --version
# Node.js をインストール
winget install OpenJS.NodeJSインストール後の確認
必ず、ターミナルを再起動して確認してください。Visual Studio Codeを使っている場合は、VSCodeを再起動します。
node --version
npm --version※ 新しくターミナルを開き直してください。
Hugo のインストール
既にインストールされているか確認
hugo versionバージョンが表示されれば、すでにインストールされています。
インストール手順
Homebrew を使用
# Hugo拡張版をインストール
brew install hugoインストール後の確認
hugo versionWinget を使用
PowerShell または コマンドプロンプトを管理者権限で開いて実行：
# Hugo拡張版をインストール
winget install Hugo.Hugo.Extendedインストール後の確認
必ず、ターミナルを再起動して確認してください。Visual Studio Codeを使っている場合は、VSCodeを再起動します。
hugo versionもし、GO言語が必要になれば、インストールしてください。
winget install GoLang.Go次のステップ
両方のツールが正常にインストールされたら、Webサイト構築の準備完了です。Claude Code を使って効率的にサイトを構築しましょう。