# 0. はじめに

こちらのページでは簡易的なポートフォリオサイトを作ることを想定して手順を作成しております。 ある程度慣れてきたら、発展の内容にも挑戦してみましょう。

# 環境の確認

Node.js

• インストーラーから入れたいからはこちら
  Node.js インストーラー

• Mac ユーザーで、hombrew から入れたい人はこちら
  MacにNode.jsをインストール- Qiita

• Windows ユーザーで、Chocolatey から入れたい人はこちら
  WindowsでChocolateyとnodistで、バージョン切り替え可能なNode.jsの環境を構築する - Qiita

エディターはできれば VScode
日本語にしたい方は、別途これも入れてください。
japanese language packs for visual studio codes

# バージョンおよびパスが通っているか確認

• node のバージョン確認 node -v

• yarn のバージョン確認 yarn -v

• npm のバージョン確認 npm -v

# 使うフレームワークを選択

• vue を選択

  vue-cliを導入して、対話形式で vue-router を入れましょう。
  順番: 1 --> 5 --> 発展

• react を選択

  create-react-appを使い react を導入し、react-router-dom を入れましょう。
  順番: 2 --> 5 --> 発展

• svelte を選択

  tigedを使い svelte を導入し、svelte-spa-router を入れましょう
  順番: 3 --> 5 --> 発展

• その他(普通のサイト)

  サイト作成後に Git 管理を導入しましょう。
  順番: 4 --> 5