フロントエンドフレームワーク
React、Vue、Angularなどのフロントエンドフレームワークのルール
Angular (Novo Elements)
スタンドアロンコンポーネントを使用したAngularとNovo Elementsの統合に関する包括的なガイドとルール。クリーンで保守性が高く、効率的なコードを実現します。
Angular
Novo Elements
スタンドアロンコンポーネント
Angular (TypeScript)
TypeScript、Angular 18、Jestを使用した専門的なAngularプログラミング。明確で読みやすく、保守性の高いコードに焦点を当てています。
TypeScript
Angular
Jest
Astro (TypeScript)
TypeScriptとTailwindCSSを使用したAstroプロジェクトの開発と保守のための包括的なガイドライン。
TypeScript
Astro
TailwindCSS
Cursor AI (React, TypeScript, shadcn/ui)
ReactとTypeScriptを専門とし、shadcn/uiを活用した最新のUI開発を行う高度なAIプログラミングアシスタント。最新技術とベストプラクティスを使用して、クリーンで保守性が高く、高性能なコードを保証します。
React
TypeScript
shadcn/ui
Next.js 15 (React 19, Vercel AI, Tailwind)
Next.js 15、React 19、Vercel AI SDK、Tailwind CSSを使用した最新のWebアプリケーション構築のための包括的なガイドとベストプラクティス。TypeScript、Shadcn UI、Radix UI、パフォーマンス最適化戦略を含みます。
React 19
Next.js 15
Vercel AI
Next.js 14 (Tailwind, SEO)
Next.js 14、Tailwind CSS、TypeScriptを使用した最新のSEO最適化Webアプリケーション構築のための包括的なガイドとコード生成ルール。サーバーサイドレンダリング、レスポンシブデザイン、パフォーマンス最適化のベストプラクティスを含みます。
Next.js
Tailwind CSS
SEO
Next.js (React, Tailwind)
Next.js、React、Tailwind CSS、Shadcn UIを使用した最新のWebアプリケーション開発のための包括的なガイドとルール。TypeScript、関数型プログラミング、パフォーマンス最適化を重視した設定です。
Next.js
React
Tailwind CSS
Next.js (React, TypeScript)
Next.js、React、TypeScriptを使用した開発のための包括的なガイド。ベストプラクティス、パフォーマンス最適化、最新のWeb開発技術に焦点を当てています。
React
TypeScript
Next.js
Next.js (Supabase Todoアプリ)
Next.jsとSupabaseを使用したTodoアプリケーション構築のための包括的なガイドと仕様。バックエンドサービスにSupabase、サーバーサイドレンダリングにNext.js、スタイリングにTailwind CSSを活用します。
Next.js
Supabase
Todoアプリ
Next.js (Tailwind, TypeScript)
Tailwind CSSによるスタイリングとTypeScriptによる型安全性を備えたNext.jsアプリケーション開発のための包括的なガイドとルール。最新で効率的、スケーラブルなWeb開発環境を保証します。
Next.js
Tailwind CSS
TypeScript
Next.js (TypeScriptアプリ)
Autonomysネットワーク用のNext.jsとTypeScriptベースのブロックエクスプローラー「Astral」。状態管理、UIコンポーネント、データフェッチライブラリを統合しています。
Next.js
TypeScript
ブロックエクスプローラー
Next.js (TypeScript)
TypeScriptを使用したNext.jsによるフルスタックアプリケーション構築のための包括的なガイド。最新のUIライブラリの統合、パフォーマンスとスケーラビリティの最適化を含みます。
TypeScript
Next.js
React
Next.js (TypeScript, Tailwind)
Autonomysネットワーク用のブロックエクスプローラー「Astral」。Next.js、TypeScript、Tailwind CSSで構築され、ブロックチェーンデータを探索するためのレスポンシブでアクセシブルなインターフェースを提供します。状態管理、UIコンポーネント、データフェッチのための高度なライブラリを統合しています。
TypeScript
Tailwind
Next.js
Next.js (Vercel, Supabase)
BA Copilotは、ビジネスアナリストがBPMNダイアグラムの作成、修正、反復を支援するAIアシスタントです。アップロードされたドキュメントとユーザークエリを活用し、コンテキストに基づいた提案を提供します。Next.js、Vercel、Supabaseで構築され、ビジネスプロセスモデリングとドキュメント作成のためのシームレスなワークフローを実現します。
Next.js
Vercel
Supabase
Next.js (Vercel, TypeScript)
TypeScript、Tailwind CSS、Shadcn UIを使用したNext.jsプロジェクトで、AI SDK RSCとVercelミドルウェア、KVデータベースを統合するための包括的なガイド。
Next.js
Vercel
TypeScript
Next.js (App Router)
Next.js App Routerプロジェクトのベストプラクティスを実装するための包括的なガイドとルール。フォルダ構造、コーディング規約、パフォーマンス最適化を含みます。
Next.js
App Router
React
Next.js (Material UI, Tailwind CSS)
Next.jsで構築された最新のポートフォリオプロジェクト。Material UI、Tailwind CSS、Shadcn/UIを採用し、レスポンシブで視覚的に魅力的なデザインを実現。TypeScript、App Router、構造化された`src/`ディレクトリをサポートし、より良い組織化を実現します。
Next.js
Material UI
Tailwind CSS
Qwik (TypeScriptとViteによる基本セットアップ)
Qwik.jsをTypeScriptとViteでセットアップするための包括的なガイド。ベストプラクティス、フォルダ構造、パフォーマンス最適化のヒントを含みます。
Qwik.js
TypeScript
Vite
Qwik (Tailwind CSS)
QwikアプリケーションをTailwind CSS、TypeScript、Viteで開発するための包括的なガイドとルールセット。ベストプラクティス、フォルダ構造、最適な開発のための追加手順を含みます。
Qwik
Tailwind CSS
TypeScript
Reactコンポーネント作成
Reactコンポーネントを作成するための包括的なガイドライン。ベストプラクティス、コンポーネント構造、Tailwind CSSとTypeScriptとの統合を含みます。
React
TypeScript
Tailwind CSS
React (Next.js UI開発)
ReactとNext.jsのUI開発を専門とするAIプログラミングアシスタント。ブラウザ用の明確で読みやすく効率的なJavaScriptコードの生成に焦点を当てています。最新バージョンの人気フレームワークとライブラリを活用し、正確で事実に基づいた、思慮深い回答を提供します。
Next.js
React
UI開発
React (TypeScript, Next.js, Node.js)
TypeScript、Next.js、Node.jsを使用したReactアプリケーション開発のための包括的なガイドラインとベストプラクティス。コーディング規約、推奨ライブラリ、ファイル構造、パフォーマンス最適化、テスト要件、エラー処理を含みます。
TypeScript
Next.js
Node.js
React (TypeScript, Symfony)
React、TypeScript、Symfonyを使用したフルスタック開発のための包括的なガイド。ベストプラクティス、コーディング規約、パフォーマンス最適化技術を学びます。
TypeScript
Symfony
React
Solid.js (基本セットアップ)
Solid.jsプロジェクトのセットアップと最適化のための詳細ガイド。ベストプラクティス、フォルダ構造、パフォーマンスのヒントを含みます。
Solid.js
セットアップ
ベストプラクティス
Solid.js (TypeScript)
TypeScriptを使用したSolid.jsプロジェクトのための包括的な.cursorrules。ベストプラクティス、フォルダ構造、コーディング規約を含みます。
TypeScript
Solid.js
関数型コンポーネント
Solid.js (Tailwind CSS)
Solid.jsとTailwind CSSを統合するためのベストプラクティスとルール。コンポーネント構造、スタイリング、パフォーマンス最適化を含みます。
Solid.js
Tailwind CSS
フロントエンド開発
SvelteKit (RESTful API, Tailwind CSS)
RESTful API、SupabaseによるPostgreSQLデータベース、Tailwind CSSによるスタイリングを備えた最新のSvelteKitベースのWebアプリケーション。Vercelにデプロイされ、Supabase Authによる認証機能を実装しています。
SvelteKit
RESTful API
Tailwind CSS
SvelteKit (Tailwind CSS, TypeScript)
Tailwind CSSによるスタイリングとTypeScriptによる型安全性を活用したSvelteKitプロジェクトの包括的なガイドとコーディング規約。シンプルさ、可読性、パフォーマンス、保守性、テスト容易性、再利用性を重視しています。
SvelteKit
Tailwind CSS
TypeScript
SvelteKit (TypeScriptガイド)
SvelteKit、TypeScript、Supabase、Drizzleを使用した最新のWebアプリケーション構築の包括的ガイド。状態管理、ルーティング、パフォーマンス最適化、国際化などのベストプラクティスを学べます。
SvelteKit
TypeScript
Supabase
Vue 3 (Nuxt 3開発)
Vue 3とNuxt 3を使用した開発の包括的なガイドライン。ベストプラクティス、パフォーマンス、保守性に焦点を当てています。
Vue 3
Nuxt 3
JavaScript
Vue 3 (Composition API)
Vue 3 Composition APIのベストプラクティス、プロジェクト構造、スケーラブルで保守可能なVue 3アプリケーション構築のための追加指示を含む包括的ガイド。
Vue 3
Composition API
TypeScript
Next.js、Supabase、Shadcn PWAプロジェクト開発ルール
Next.js、Supabase、Shadcn PWAプロジェクトの様々な側面をカバーするルール。簡潔で型安全なコードの記述、関数型プログラミングの使用、命名規則の遵守などのコード品質とスタイルガイドラインを含みます。ビルドノートのルールには、場所、命名、コンテンツ構造、更新時間、スタイル、完了または非推奨ノートの処理が含まれます。コンテキストファイルルールは、マスターと追加コンテキストファイルの目的、更新条件、変更管理を指定します。プロジェクトには、スタックとフレームワークの使用、モノレポ構造、ツーリングに関する要件もあります。
Next.js
Supabase
Shadcn
HTML、Tailwind CSS、Vanilla JavaScriptコーディングルール
最新バージョンのHTML、Tailwind CSS、Vanilla JavaScriptを使用したプログラミングのルール。ユーザーのニーズに正確に従う、正確なコードの提供、可読性の重視などの要件を含みます。
HTML
Tailwind CSS
JavaScript
Next.js Best Practices
このドキュメントは、Next.jsアプリケーションの開発におけるベストプラクティスを概説しています。コードの組織化、パフォーマンス最適化、セキュリティ、テスト戦略、および避けるべき一般的な落とし穴に焦点を当てています。これらのガイドラインに従うことで、堅牢で拡張可能かつ保守可能なアプリケーションを構築することができます。
Next.js
フロントエンド開発
コード組織化
Vue.js Best Practices and Coding Standards
このドキュメントは、Vue.js開発のベストプラクティスを概説しており、コードの組織化、パターン、パフォーマンス、セキュリティ、テスト、一般的な落とし穴、ツールなどの面をカバーし、高品質で保守可能でパフォーマンスの良いコードを確保します。
Vue.js
フロントエンド開発
コーディング標準
Netlify Library Best Practices and Coding Standards
このドキュメントは、Netlifyを使用したアプリケーション開発のベストプラクティスを詳述しています。コードの組織化、パフォーマンス、セキュリティ、テスト、デプロイメントなどが含まれます。たとえば、特定のディレクトリ構造を提案し、JAMstackなどのデザインパターンを使用し、コード分割によるパフォーマンス最適化や、入力検証やAPI通信のHTTPS化などのセキュリティ対策を実装することが挙げられます。
Netlify
フロントエンド開発
コード組織
jQuery Best Practices A Comprehensive Guide
このガイドは、jQuery開発のベストプラクティスを詳細に説明しています。コードの組織化、一般的なパターン、パフォーマンス最適化、セキュリティ、テスト、ツールの使用などの面をカバーしています。ディレクトリ構造、デザインパターン、セレクタの最適化などのアドバイスを提供し、コードの品質、パフォーマンス、保守性を確保することを目的としています。
JavaScript
DOM
ライブラリ
Ant Design React App Development Best Practices
このドキュメントは、Ant Design を使用した React アプリケーションの開発に関するベストプラクティスを提供しています。コードの組織化、パターン、パフォーマンス、セキュリティ、テストなどの面をカバーしています。例えば、バンドルサイズを減らすためのモジュール化インポートや、コンポーネントのオンデマンドロードのための React.lazy の使用を提案しています。また、入力検証や認証などのセキュリティ対策や、さまざまなレベルのテスト方法も紹介しています。
Ant Design
React
フロントエンド開発
Nuxt.js Development Best Practices
これらのルールはNuxt.js開発に焦点を当てています。ESLintの有効化、モジュールの採用、規則の遵守、パフォーマンスの最適化などをカバーしています。また、セキュリティ、テスト、一般的な間違いの回避も含まれています。適切なコードの組織化、コンポーネント設計、状態管理により、堅牢で保守可能なNuxt.jsアプリを構築できます。
Nuxt.js
フロントエンド開発
ESLint
CodeMirror Best Practices and Coding Standards
このドキュメントは、CodeMirrorを使用したテキストエディタやコード関連アプリケーションの開発におけるベストプラクティスとコーディング標準を示しています。コードの組織、設計パターン、パフォーマンス最適化、セキュリティ、テストなどの面をカバーしています。これらのガイドラインに従うことで、コードの保守性、パフォーマンス、ユーザー体験を向上させることができます。
CodeMirror
フロントエンド開発
コーディング標準
Angular Best Practices and Coding Standards
このドキュメントは、Angularアプリケーション開発の包括的なベストプラクティスとコーディング標準を提供します。コードの組織化、一般的なパターン、パフォーマンス、セキュリティ、テスト、ツールの使用などの分野をカバーしています。ディレクトリ構造、デザインパターン、アンチパターンの回避方法、最適化、セキュリティ、テストの戦略などが詳細に説明されています。これらのガイドラインに従うことで、堅牢で保守可能なアプリケーションを構築できます。
Angular
フロントエンド開発
コーディング標準
Chakra UI Development Rules
これらのルールは、Chakra UI開発の様々な側面をカバーしています。アクセシビリティ、プロップベースのスタイリング、テーマ管理、モジュール化コンポーネント、レスポンシブデザインなどが含まれます。また、コードの組織化、テスト、パフォーマンス、セキュリティ、一般的な落とし穴についてもガイダンスを提供しています。開発に必要なツールと環境のセットアップも詳細に説明されています。
Chakra UI
フロントエンド開発
アクセシビリティ
Shadcn UI Best Practices
このドキュメントは、Shadcn UIを使った開発のベストプラクティスを詳述しています。コードの組織化、一般的なパターン、パフォーマンス、セキュリティ、テスト、落とし穴、ツールの使用などが含まれます。コードについては、適切なディレクトリとファイルの命名、コード分割を提案しています。また、状態管理、セキュリティ脆弱性の対処、さまざまなテスト戦略に関するアドバイスも提供しています。
Shadcn UI
フロントエンド開発
React
React-Redux Best Practices
このドキュメントは、Redux を状態管理に使用する React アプリケーションの開発におけるベストプラクティスを詳述しています。コードの組織化、デザインパターン、パフォーマンス、セキュリティ、テスト、ツールの使用などが含まれます。例えば、機能ベースのディレクトリ構造の使用、セレクターの利用、メモ化技術の適用が推奨されています。また、状態の直接変更やグローバル状態の過度な依存などのアンチパターンを避けるように注意を促しています。
React
Redux
ベストプラクティス
react-query Best Practices
このドキュメントは、Reactアプリケーションでreact - queryを使用するためのベストプラクティスを詳述しています。コードの組織化、共通パターン、パフォーマンス、セキュリティ、テスト、落とし穴、ツールなどの面をカバーしています。例えば、機能ベースのディレクトリ構造、データ取得用のカスタムフックの使用、入力検証やAPI通信でのHTTPSの実装などのセキュリティ対策が挙げられます。
react-query
React
フロントエンド
Material-UI/MUI Best Practices and Coding Standards
このドキュメントは、Material - UIを使用したReactアプリケーションの開発に関するベストプラクティスを提供します。コードの組織化、命名規則、一般的なパターン、パフォーマンス、セキュリティ、テスト、ツールなどが含まれています。これらのガイドラインに従うことで、保守可能で拡張性があり、パフォーマンスが高く、セキュアなアプリケーションを作成できます。
Material-UI
React
フロントエンド開発
Axios Development Rules
これらのルールは、開発における Axios の使用の様々な側面をカバーしています。コードの組織化(ディレクトリ構造や命名規則)、共通のパターン(シングルトン、アダプター、ファクトリーパターン)、パフォーマンス最適化(キャッシュやリクエストデバウンス)、セキュリティのベストプラクティス(XSS や CSRF 攻撃の防止)、テスト方法(ユニットテストや統合テスト)などが含まれます。URL のハードコーディングを避け、エラーを適切に処理します。
Axios
API開発
HTTPリクエスト