エドマンド — AIフルスタック開発者エージェント
$49.00
セール価格
$49.00
通常価格
製品情報へスキップ
エドマンド — AIフルスタック開発者エージェント
$49.00
セール価格
$49.00
通常価格
⚡ Instant download
◆ Claude & ChatGPT
∞ Keep forever
Instant download · 30-day money-back guarantee. Pay once, keep forever — no subscription. Refund policy
Claudeをフルスタック開発者に変身させましょう — あなたの機能概要を受け取り、スキーマ、バックエンド、API、フロントエンドを層ごとに説明しながら構築します。
- データベース層：スキーマ、モデル、マイグレーションと説明付きの決定事項
- バックエンド：エラーハンドリング、バリデーション、セキュリティを各段階で備えたサービス
- REST API：リクエスト/レスポンス契約、バリデーション、適切なステータスコード
- フロントエンドコンポーネント：状態管理、読み込みとエラーハンドリング、あなたのフレームワーク対応
- スタック対応：Django+React、Node+Vue、FastAPI+Next — 書き換え不要で適合
開発者、創業者、エンジニアリングチーム向け契約のフルスタック開発者は時給100ドル以上かかります — これがその機能の仕組みです。
// what's inside
ClaudeにEdmundを読み込むと、シニアフルスタック開発者エージェントがあなたの機能概要を受け取り、データベーススキーマ、バックエンドロジック、APIエンドポイント、フロントエンドコンポーネントを完全に構築します。すべてのアーキテクチャ決定を説明しながら、本番対応のコードをレイヤーごとに提供します。
多くのAI生成コードはコメントなしのブロックを出して終わりますが、Edmundは違います。スタックや要件について的確な質問をしてからコードを書き始め、レイヤーごとに構築し、各段階でチェックインし、すべての決定を説明して理解と保守を助けます。Claude、ChatGPT、またはsystem promptを受け入れる任意のAIチャットモデルで動作します。
提供内容
- → データベースレイヤー — スキーマ設計、モデル、マイグレーションにインラインコメントと構造上の決定理由の説明を付け、次のレイヤーに進む前に何が作られたか理解できます
- → バックエンドロジック — サービス関数とコア処理にエラー処理、入力検証、セキュリティ考慮を各段階で組み込み、後付けではありません
- → APIエンドポイント — リクエスト/レスポンス契約、バリデーション、エラー応答、正しいHTTPステータスコードを備えたRESTエンドポイントで、最初のコミットから本番対応可能です
- → フロントエンドコンポーネント — API統合、状態管理、ローディング状態、エラー処理を組み込んだUIコンポーネントを、React、Vue、Next.js、Nuxtなどあなたのフレームワークに合わせて調整します
- → スタック対応ビルド — Edmundは自身の好みではなくあなたのスタック向けに構築します。Django + React、Node + Vue、FastAPI + Next.jsなど、使用中のスタックに合わせて書き直し不要の出力を提供します
- → 統合ノート — レイヤーの接続方法、必要な環境変数、インストールすべき依存関係、対応すべき既知のエッジケースを解説し、最後に推測ゲームなしでリリースできるようにします
📄 edmund-full-stack-developer-agent.skill
2分以内でインストール完了
Claude、ChatGPT、及び任意のAIチャットで動作
インストール方法
.skillパッケージをダウンロード → Claudeを開く → SKILL.mdをProject Instructionsまたはsystem promptに読み込む → 会話にactivation promptを貼り付ける → Edmundが質問を一つずつ行い、説明付きの本番対応コードで機能をレイヤーごとに構築します。Claude（推奨）、ChatGPT、またはsystem promptを受け入れる任意のAIチャットで動作します。
# Edmund — AIフルスタック開発者agent あなたはEdmund、シニアフルスタック開発者agentです。データベースからフロントエンドまで機能を完全に構築し、すべての決定を説明してメンテナンスしやすくします。 ## あなたの役割 - データベーススキーマ、モデル、マイグレーション - バックエンドロジックと本番対応のREST APIエンドポイント - 状態管理、読み込み、エラー処理を備えたフロントエンドコンポーネント ## あなたの作業方法 1. コードを書く前にスタックと要件を確認する 2. 各レイヤーを順番に構築し、都度チェックインする 3. デフォルトの好みではなく、指定されたスタックに合わせて構築する
Excerpt from the actual file you'll download.
// try it
$DjangoとReactアプリのために、ユーザーレビュー機能をエンドツーエンドで構築する方法をご案内します。
1. Djangoバックエンドの設定
- モデルの作成
```python
# reviews/models.py
from django.db import models
from django.contrib.auth.models import User
from yourapp.models import Product # 例としてProductモデルがある場合
class Review(models.Model):
user = models.ForeignKey(User, on_delete=models.CASCADE)
product = models.ForeignKey(Product, on_delete=models.CASCADE, related_name='reviews')
rating = models.PositiveSmallIntegerField() # 例: 1〜5の評価
comment = models.TextField(blank=True)
created_at = models.DateTimeField(auto_now_add=True)
def __str__(self):
return f"{self.user.username} - {self.product.name} ({self.rating})"
```
- シリアライザーの作成
```python
# reviews/serializers.py
from rest_framework import serializers
from .models import Review
class ReviewSerializer(serializers.ModelSerializer):
user = serializers.StringRelatedField(read_only=True)
class Meta:
model = Review
fields = ['id', 'user', 'product', 'rating', 'comment', 'created_at']
read_only_fields = ['id', 'user', 'created_at']
```
- ビューの作成（DRFのViewSetを使用）
```python
# reviews/views.py
from rest_framework import viewsets, permissions
from .models import Review
from .serializers import ReviewSerializer
class ReviewViewSet(viewsets.ModelViewSet):
serializer_class = ReviewSerializer
permission_classes = [permissions.IsAuthenticatedOrReadOnly]
def get_queryset(self):
product_id = self.request.query_params.get('product')
if product_id:
return Review.objects.filter(product_id=product_id).order_by('-created_at')
return Review.objects.all().order_by('-created_at')
def perform_create(self, serializer):
serializer.save(user=self.request.user)
```
- URLルーティング
```python
# reviews/urls.py
from django.urls import path, include
from rest_framework.routers import DefaultRouter
from .views import ReviewViewSet
router = DefaultRouter()
router.register(r'reviews', ReviewViewSet, basename='review')
urlpatterns = [
path('', include(router.urls)),
]
```
- プロジェクトのurls.pyにインクルード
```python
# project/urls.py
from django.urls import path, include
urlpatterns = [
# 他のパス
path('api/', include('reviews.urls')),
]
```
- マイグレーションを実行
```bash
python manage.py makemigrations reviews
python manage.py migrate
```
2. Reactフロントエンドの設定
- レビュー一覧と投稿コンポーネントの作成例
```jsx
// src/components/Reviews.js
import React, { useEffect, useState } from 'react';
import axios from 'axios';
const Reviews = ({ productId, userToken }) => {
const [reviews, setReviews] = useState([]);
const [rating, setRating] = useState(5);
const [comment, setComment] = useState('');
const [error, setError] = useState(null);
const fetchReviews = async () => {
try {
const res = await axios.get(`/api/reviews/?product=${productId}`);
setReviews(res.data);
} catch (err) {
setError('レビューの取得に失敗しました。');
}
};
useEffect(() => {
fetchReviews();
}, [productId]);
const handleSubmit = async (e) => {
e.preventDefault();
setError(null);
try {
await axios.post('/api/reviews/', {
product: productId,
rating,
comment,
}, {
headers: {
Authorization: `Bearer ${userToken}`,
},
});
setRating(5);
setComment('');
fetchReviews();
} catch (err) {
setError('レビューの投稿に失敗しました。');
}
};
return (
レビュー
{error &&{error}
}-
{reviews.map((review) => (
-
{review.user} - 評価: {review.rating}
{review.comment}
{new Date(review.created_at).toLocaleString()}
))}