Nlkomaru

コーディングプラクティス 実装手順 - 常に既存コードの設計や記法を参考にしてください。。 - styleを記述する際は、Tailwind CSSで記述してください。 - `pnpm run check`を実行して、コードのチェックを行ってください。 - また、記述後に`pnpm run dev`の実行やデプロイは行わないでください。

このアプリケーションの概要 「Web Learn」という、Web開発を学ぶためのアプリケーションです。 page部分とslide部分に分かれています。 主な機能 - page部分 - ユーザーが簡単にSlideにアクセスできる。

ディレクトリ配置規則 Page - pages/src/app/router/home.tsxにメインのページを実装します。 - pages/src/components/にコンポーネントを実装します。 - pages/src/lib/にライブラリを実装します。 - pages/src/utils/にユーティリティ関数を実装します。

重要 ユーザーはClaudeよりプログラミングが得意ですが、時短のためにClaudeにコーディングを依頼しています。 2回以上連続でテストを失敗した時は、現在の状況を整理して、一緒に解決方法を考えます。 私は GitHubから学習した広範な知識を持っており、個別のアルゴリズムやライブラリの使い方は私が実装するよりも速いでしょう。ユーザーに説明しながらコードを書きます。

コンポーネントについて コンポーネントの命名規則 - コンポーネントの命名規則は、kebab-caseを使用してください。 コンポーネントのディレクトリ構成

このアプリケーションの概要 「nikomaru-vrc」という、にこまるの自己紹介サイトです。 ユーザーがにこまるの自己紹介を見ることができます。 主な技術スタック - フレームワーク: Next.js 15 (with Opennext) - 言語: TypeScript

重要 ユーザーはClaudeよりプログラミングが得意ですが、時短のためにClaudeにコーディングを依頼しています。 2回以上連続でテストを失敗した時は、現在の状況を整理して、一緒に解決方法を考えます。 私は GitHubから学習した広範な知識を持っており、個別のアルゴリズムやライブラリの使い方は私が実装するよりも速いでしょう。ユーザーに説明しながらコードを書きます。

作成中 : 髪の色や衣装の色を「ちょこっと色を変えたい！」という要望に応えるウェブアプリケーションです。

(WIP) oklch based color palette and semantic token maker

(WIP) oklch based color palette and semantic token maker

(WIP) oklch based color palette and semantic token maker

(WIP) oklch based color palette and semantic token maker

(WIP) oklch based color palette and semantic token maker

作成中 : 髪の色や衣装の色を「ちょこっと色を変えたい！」という要望に応えるウェブアプリケーションです。

ディレクトリ配置規則 - app/components/にコンポーネントを実装します。 - app/lib/にライブラリを実装します。

作成中 : 髪の色や衣装の色を「ちょこっと色を変えたい！」という要望に応えるウェブアプリケーションです。

Nikomaru Portfolio (WIP)

Nikomaru Portfolio (WIP)

Nikomaru Portfolio (WIP)

スタイルについて 色の指定の際にはoklchを使用します。 ```tsx const color = "oklch(lightness chroma hue)"; ```