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

COJT サイトをローカルで起動する

COJT サイト を自身のパソコンで動かし、開発できる状態にすることがこのセクションの目標です。

GitHub リポジトリのクローン

注記

事前に Node.js や Git、pnpm などの環境が整っていることが前提です。
未設定の方は、まず ローカル環境の準備 の手順を完了してください。

以下の公式リポジトリへアクセスします:

🔗 https://github.com/tsukuba-cojt/tsukuba-cojt.github.io

クローンするには、ターミナルを開き、保存したい任意のディレクトリに移動します。たとえば「書類」フォルダに保存する場合:

cd ~/Documents

その後、次のコマンドでリポジトリをクローンします:

git clone https://github.com/tsukuba-cojt/tsukuba-cojt.github.io.git

パッケージのインストール(pnpm)

リポジトリのクローンが完了したら、次にそのディレクトリへ移動します:

cd tsukuba-cojt.github.io

依存パッケージをインストールするには、以下のコマンドを実行します:

pnpm install
pnpm を使う理由

pnpm は、従来の npm や yarn に比べて以下のような利点があります:

  • ディスク使用量が少なく、高速
  • パッケージの依存関係をより厳密に管理
  • 大規模プロジェクトでも安定して動作

Git 認証でエラーが出る場合

初めて GitHub からクローンする際、個人アクセストークンの入力が求められる場合があります。

以下のガイドを参考に、トークンを取得・設定してください:


サイトを起動し、ブラウザで確認する

以下のコマンドで開発サーバーを起動します:

pnpm dev

数秒後に起動が完了したら、ブラウザで以下の URL にアクセスしてください:

🔗 http://localhost:8080

ローカルで COJT サイトが正しく表示されれば成功です。