すべてのSkill (6,277)

TanStack Table v8 を活用し、React でテーブル表示に必要なソート、フィルタ、ページネーション、行選択、仮想スクロール、サーバーサイドデータ処理などを効率的に実装できるUI構築を支援するSkill。

shadcn/uiコンポーネントライブラリのパターンやCLIの使い方、テーマ設定、カスタマイズに関する情報を活用し、洗練されたWebアプリケーションのUIを効率的に構築・改善するSkill。

ReactでWebアプリケーションのUIを構築する際に、Material UIというデザイン性の高い部品を効率的に活用するためのパターンを提供するSkill。

Tailwind Labsが提供する、デザインされていない、アクセシビリティに配慮したUIコンポーネントを利用して、Webサイトやアプリケーションの見た目を自由にカスタマイズし、誰にとっても使いやすいインターフェースを構築するSkill。

ReactでエンタープライズレベルのWebアプリケーションを構築する際に、洗練されたUIコンポーネントを効率的に利用し、デザイン性の高い画面を開発するSkill。

Vite設定、パスエイリアス、ベンダーチャンク分割、環境別ビルド、Rolldownによるコード分割、Sassの最新API、ビルドターゲット、モジュールプリロードなど、Web開発の効率化とパフォーマンス向上に不可欠なツール設定を最適化するSkill。

Vue Test Utilsを使ってVueコンポーネントのテストを効率的に行うための、mountやshallowMountなどのAPI操作、イベント発火、非同期処理対応、Piniaストアのモック化といった実践的な手法を習得するSkill。

Vitestというツールを使って、Webサイトのテストに必要な設定、検証、モック（代役）、時間操作、画面キャプチャ、網羅率などを効率的に行い、品質向上を支援するSkill。

React Testing Libraryを用いて、Reactコンポーネントのテストを、アクセシビリティを重視しつつ、ユーザー操作や非同期処理も含めて効率的に行うための様々な手法を習得するSkill。

Playwright E2Eテストのパターンとして、テスト構造やページオブジェクトモデル、ロケーター戦略、アサーション、ネットワークモック、Visual Regressionなどを活用し、並列実行や設定を効率的に行うSkill。

Cypress E2Eを用いて、テスト構造の設計、データ属性の活用、APIモック、カスタムコマンド、コンポーネントテスト、アクセシビリティテスト、CI/CD連携など、Webアプリケーションのテストを効率的に行うSkill。

Tailwind CSS v4という、CSSの設定を柔軟に行える便利なツールを使って、ウェブサイトのデザインを効率的に、そして思い通りに調整するSkill。

Zustandは、useStateの使い分けやグローバルな状態管理、Contextの誤用を防ぐ際に役立ち、クライアントの状態パターンを効率的に管理するSkill。

Vue 3 アプリケーションでクライアントの状態を管理する際に、Pinia ストアのオプションやセットアップストアを選択したり、ストアを組み合わせたり、データの永続化を実装したりするのに役立つSkill。

React Queryでサーバーの状態を効率的に管理し、OpenAPIの定義から型安全なデータ取得を可能にするReactのWebアプリケーション開発を支援するSkill。

ReactでWebアプリケーションの画面遷移を、ファイル構成に基づきながら型安全に行い、検索パラメータの検証やデータの事前読み込み、コード分割などを効率的に実現するSkill。

Webサイトやアプリをより速く、オフラインでも快適に使えるように、Service Workerという技術を使ってデータの保存や更新を効率的に行うSkill。

WebアプリやPWAをオフラインでも快適に使えるように、データ同期の仕組みを使い、ネットワークが不安定な状況でもスムーズに情報更新や操作を可能にするSkill。

ウェブサイトの表示速度を改善するために、ファイルサイズを小さくしたり、表示の仕組みを最適化したり、主要な指標を改善したりすることで、ユーザー体験を高めるSkill。

SvelteKitは、ファイルベースのルーティングやデータ読み込み、フォーム処理、サーバー処理など、Webサイトに必要な機能をまとめて提供し、高速な表示やAPI作成を支援するSkill。

Next.js App Routerの様々なパターンを活用し、ファイルベースのルーティングやサーバー/クライアントコンポーネント、ストリーミング、メタデータAPIなどを実装して、Webアプリケーション開発を効率化するSkill。

Astroは、コンテンツを重視したWebサイト構築フレームワークで、部分的なインタラクティブ性、ファイルベースのルーティング、柔軟なレンダリング方式、画面遷移、多様なフレームワークのコンポーネント利用をサポートするSkill。

Vue 3 Composition API で国際化対応を行う際に、型安全性を確保し、より安全で効率的な多言語対応のウェブアプリケーション開発を支援するSkill。

ICUメッセージ形式で国際化対応されたWebアプリケーションを、React Intlライブラリを用いて多言語対応させるための翻訳作業を効率化するSkill。