graphql-implementation
Design and implement GraphQL APIs with schema design, resolvers, queries, mutations, subscriptions, and best practices. Use when building GraphQL servers, designing schemas, or migrating from REST to GraphQL.
下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o graphql-implementation.zip https://jpskill.com/download/21441.zip && unzip -o graphql-implementation.zip && rm graphql-implementation.zip
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/21441.zip -OutFile "$d\graphql-implementation.zip"; Expand-Archive "$d\graphql-implementation.zip" -DestinationPath $d -Force; ri "$d\graphql-implementation.zip"
完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。
💾 手動でダウンロードしたい(コマンドが難しい人向け)
- 1. 下の青いボタンを押して
graphql-implementation.zipをダウンロード - 2. ZIPファイルをダブルクリックで解凍 →
graphql-implementationフォルダができる - 3. そのフォルダを
C:\Users\あなたの名前\.claude\skills\(Win)または~/.claude/skills/(Mac)へ移動 - 4. Claude Code を再起動
⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。
🎯 このSkillでできること
下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。
📦 インストール方法 (3ステップ)
- 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
- 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
- 3. 展開してできたフォルダを、ホームフォルダの
.claude/skills/に置く- · macOS / Linux:
~/.claude/skills/ - · Windows:
%USERPROFILE%\.claude\skills\
- · macOS / Linux:
Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。
詳しい使い方ガイドを見る →- 最終更新
- 2026-05-18
- 取得日時
- 2026-05-18
- 同梱ファイル
- 7
📖 Skill本文(日本語訳)
※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。
GraphQLの実装
目次
概要
柔軟なクライアント・サーバー通信のために、適切なスキーマ設計、リゾルバーパターン、エラー処理、パフォーマンス最適化を用いてGraphQL APIを実装します。
使用場面
- 新しいGraphQL APIの設計
- GraphQLスキーマと型の作成
- リゾルバーとミューテーションの実装
- リアルタイムデータのためのサブスクリプションの追加
- RESTからGraphQLへの移行
- GraphQLパフォーマンスの最適化
クイックスタート
最小限の動作例:
type User {
id: ID!
email: String!
firstName: String!
lastName: String!
role: UserRole!
posts: [Post!]!
createdAt: DateTime!
updatedAt: DateTime!
}
enum UserRole {
ADMIN
USER
MODERATOR
}
type Post {
id: ID!
title: String!
content: String!
author: User!
comments: [Comment!]!
publishedAt: DateTime
createdAt: DateTime!
// ... (完全な実装についてはリファレンスガイドを参照してください)
リファレンスガイド
references/ディレクトリにある詳細な実装:
| ガイド | 内容 |
|---|---|
| GraphQL Schema Design | GraphQLスキーマ設計 |
| Node.js Apollo Server Implementation | Node.js Apollo Server実装 |
| Python GraphQL Implementation (Graphene) | Python GraphQL実装 (Graphene) |
| Query Examples | クエリ例 |
| Error Handling | エラー処理 |
ベストプラクティス
✅ DO
- 明確で分かりやすいフィールド名を使用する
- クライアントのニーズに基づいてスキーマを設計する
- 適切なエラー処理を実装する
- ミューテーションには入力型を使用する
- リアルタイムデータのためにサブスクリプションを追加する
- リゾルバーを効率的にキャッシュする
- 入力データを検証する
- スケーラビリティのためにフェデレーションを使用する
❌ DON'T
- クエリを深くネストしすぎる
- 内部データベースIDを公開する
- 認証なしに機密データを返す
- 過度に複雑なスキーマを作成する
- null値の処理を忘れる
- N+1クエリの問題を無視する
- エラーメッセージを省略する
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開
GraphQL Implementation
Table of Contents
Overview
Implement GraphQL APIs with proper schema design, resolver patterns, error handling, and performance optimization for flexible client-server communication.
When to Use
- Designing new GraphQL APIs
- Creating GraphQL schemas and types
- Implementing resolvers and mutations
- Adding subscriptions for real-time data
- Migrating from REST to GraphQL
- Optimizing GraphQL performance
Quick Start
Minimal working example:
type User {
id: ID!
email: String!
firstName: String!
lastName: String!
role: UserRole!
posts: [Post!]!
createdAt: DateTime!
updatedAt: DateTime!
}
enum UserRole {
ADMIN
USER
MODERATOR
}
type Post {
id: ID!
title: String!
content: String!
author: User!
comments: [Comment!]!
publishedAt: DateTime
createdAt: DateTime!
// ... (see reference guides for full implementation)
Reference Guides
Detailed implementations in the references/ directory:
| Guide | Contents |
|---|---|
| GraphQL Schema Design | GraphQL Schema Design |
| Node.js Apollo Server Implementation | Node.js Apollo Server Implementation |
| Python GraphQL Implementation (Graphene) | Python GraphQL Implementation (Graphene) |
| Query Examples | Query Examples |
| Error Handling | Error Handling |
Best Practices
✅ DO
- Use clear, descriptive field names
- Design schemas around client needs
- Implement proper error handling
- Use input types for mutations
- Add subscriptions for real-time data
- Cache resolvers efficiently
- Validate input data
- Use federation for scalability
❌ DON'T
- Over-nest queries deeply
- Expose internal database IDs
- Return sensitive data without authorization
- Create overly complex schemas
- Forget to handle null values
- Ignore N+1 query problems
- Skip error messages
同梱ファイル
※ ZIPに含まれるファイル一覧。`SKILL.md` 本体に加え、参考資料・サンプル・スクリプトが入っている場合があります。
- 📄 SKILL.md (2,486 bytes)
- 📎 references/error-handling.md (772 bytes)
- 📎 references/graphql-schema-design.md (1,575 bytes)
- 📎 references/nodejs-apollo-server-implementation.md (1,902 bytes)
- 📎 references/python-graphql-implementation-graphene.md (1,878 bytes)
- 📎 references/query-examples.md (839 bytes)
- 📎 scripts/validate-api.sh (440 bytes)