Riml Me

🚀 riml - me プロジェクトドキュメント

このプロジェクトは、Next.js App Router を使用して構築された、最新のウェブアプリケーションです。

🚀 クイックスタート

まずは開発サーバーを起動しましょう。

npm run dev
# または
yarn dev
# または
pnpm dev
# または
bun dev

ブラウザで http://localhost:3000 を開くと、アプリケーションが表示されます。app/page.tsx ファイルを編集することでページを変更でき、編集時にはページが自動的に更新されます。

このプロジェクトでは、next/font を使用して、Geist というウェブ用のフォントを自動的に最適化して読み込んでいます。

✨ 主な機能

• Next.js App Router を利用した現代的なウェブアプリケーション構築
• 自動的なフォント最適化と読み込み

📦 インストール

前提条件

• Node.js 20.18.0
• pnpm 20.1.2

インストール手順

# コードリポジトリをクローンする
git clone https://github.com/xxxxx/riml-me.git
cd riml-me

# 依存関係をインストールする
pnpm install

開発サーバーの起動

# 開発サーバーを起動する
pnpm dev

アプリケーションは http://localhost:3000 で実行されます。

テストの実行

# 単体テストを実行する
pnpm test

# テストカバレッジを確認する
pnpm test:coverage

コードチェックとフォーマット

# コードチェックを実行する
pnpm lint

# コードフォーマットを実行する
pnpm format

📚 ドキュメント

技術スタック

プロジェクト構造

/
├── apps/                     # アプリケーションコード
│   └── app/                  # メインアプリケーション
│       ├── src/             # ソースコード
│       │   ├── app/        # Next.js App Router
│       │   └── components/  # 共通コンポーネント
│       ├── public/          # 静的ファイル
│       └── ...
├── packages/                 # 共有パッケージ
│   ├── biome-config         # Biome の設定
│   ├── eslint-config        # ESLint の設定
│   └── vitest-config        # Vitest の設定
└── ... (設定ファイルなど)

開発規約

• コンポーネントは src/components ディレクトリに配置する
• ページは src/app ディレクトリに配置する
• 型定義はそれぞれのファイルで管理する
• テストファイルは .test.ts または .test.tsx を拡張子とする

📄 ライセンス

このプロジェクトは MIT ライセンスの下で公開されています。

🔧 技術詳細

詳細な情報については、Next.js の公式ドキュメントを参照してください。