環境構築 / Learch

環境構築

SolidJS プロジェクトを始めるにあたり、開発環境のセットアップは重要な最初のステップです。このセクションでは、SolidJS の開発環境を構築する具体的な手順を紹介します。これには、Node.js のインストール、プロジェクトの作成、開発ツールの設定が含まれます。

SolidJS のプロジェクトを始める前に、Node.js がシステムにインストールされている必要があります。Node.js は、SolidJS アプリケーションの開発に必要な npm パッケージマネージャを提供します。

Node.js のダウンロードとインストール:
Node.js の公式ウェブサイト(https://nodejs.org/)から、お使いのオペレーティングシステムに合わせたインストーラをダウンロードしてください。LTS（Long Term Support）バージョンのインストールを推奨します。
インストールの確認:
インストール後、コマンドラインまたはターミナルを開き、以下のコマンドを実行して Node.js と npm のインストールを確認します。
```
node -v
npm -v
```
これらのコマンドは、それぞれインストールされた Node.js と npm のバージョンを表示します。

Node.js がインストールされたら、SolidJS プロジェクトを作成する準備が整いました。

新しい SolidJS プロジェクトの作成:
コマンドラインまたはターミナルで、以下のコマンドを使用して新しい SolidJS プロジェクトを作成します。my-solid-appはプロジェクトの名前で、任意に変更できます。
```
npx degit solidjs/templates/js my-solid-app
```
このコマンドは、SolidJS の JavaScript テンプレートを基に新しいプロジェクトを作成します。TypeScript を使用したい場合は、solidjs/templates/tsを指定します。
プロジェクトディレクトリに移動:
次に、作成したプロジェクトのディレクトリに移動します。
```
cd my-solid-app
```
依存関係のインストール:
プロジェクトディレクトリ内で、以下のコマンドを実行して必要な依存関係をインストールします。
```
npm install
```

依存関係がインストールされたら、開発サーバーを起動して、アプリケーションが正しく動作することを確認します。

開発サーバーの起動:
以下のコマンドを実行して開発サーバーを起動します。
```
npm run dev
```
アプリケーションの確認:
ブラウザを開き、http://localhost:3000にアクセスして、SolidJS アプリケーションが正しく表示されることを確認します。