README.md

プロジェクト概要

このリポジトリは、Vite + React + TypeScript を使用したフロントエンドテンプレートです。

環境構築

1. スタンドアロン版 pnpm のインストール

スタンドアロン版pnpmをインストール

※WindowsではWindows Defender関係で問題が起きる可能性があるため、WSLなどへのインストールを推奨します

curl -fsSL https://get.pnpm.io/install.sh | sh -

2. 依存関係のインストール＆フック有効化

プロジェクトルートで以下を実行

pnpm install

開発サーバーの起動

pnpm dev

ブラウザで http://localhost:5173 にアクセスすると、アプリケーションが表示されます。

スクリプト一覧

• pnpm dev：開発サーバーを起動
• pnpm build：ビルド (TypeScript の型チェックと Vite ビルド)
• pnpm lint：コードフォーマットとリンティング (Biome を使用)
• pnpm preview：ビルド結果のプレビュー
• pnpm prepare：Git フックのセットアップ (Lefthook)

ディレクトリ構成

.github/                
src/                    
  ├ components/         
  ├ pages/              
  ├ routes/             
  ├ services/           
  ├ stores/             
  ├ styles/             
  ├ App.tsx             
  └ main.tsx            
tests/                  
.env.template     
index.html              
package.json            
tsconfig.json           
vite.config.ts          
vitest.config.ts