メインコンテンツまでスキップ

🛠️事前準備

このページではこどもテックキャラバンHPの開発に必要な技術を紹介します。

JavaScript 実行環境（以下から１つ）​

  • Bun オススメ！
  • Deno
  • Node.js: デフォルトの npm ではない以下のパッケージマネージャの利用を推奨

SCM ツール（以下から１つ）​

コードエディター（好きなものを１つ）​

  • VSCode Windows の方
  • Zed: macOS や Linux の方

このチュートリアルや今後の説明では、以下のツールを使用して説明していきます。

  • JavaScript 実行環境 : Bun
  • SCM ツール : Sapling
  • コードエディター : VSCode

プロジェクトをクローン​

こどもテックキャラバンHPを扱う為に、先ずはレポジトリをクローンします。

次のコマンドを実行することで、GitHub レポジトリをローカルにクローン出来ます。

Terminal
sl clone git@github.com:OpenUp-LabTakizawa/caravan-kidstec.git

上記のコマンドは Powershell やターミナル、又はターミナルが統合されたコードエディター上で実行出来ます。

クローン出来たら、プロジェクトに移動して必要な依存関係を全てインストールしましょう。

Terminal
cd caravan-kidstec
bun i

cd コマンドはワーキングディレクトリを変更します。 プロジェクトをクローンしたら、ターミナルでプロジェクトのディレクトリに移動する必要があります。

bun i、deno install、pnpm i、yarn コマンドは必要な依存関係を自動的に解決し、インストールします。

これで、こどもテックキャラバンHPを実行する環境が整いました。