木曜日, 7月 17, 2025
木曜日, 7月 17, 2025
- Advertisment -
ホームニューステックニュース【Kiro】Kiro(要件定義) × Claude Code(実装) で役割分担させてみる #AWS

【Kiro】Kiro(要件定義) × Claude Code(実装) で役割分担させてみる #AWS



【Kiro】Kiro(要件定義) × Claude Code(実装) で役割分担させてみる #AWS

はじめに

私は現在Claude Code(Proプラン)をWSL2環境で使って開発を行っており、快適に開発をすることができています。本日(2025年7月15日)プレビュー版が提供開始された、AWS発の新しいAI IDE「Kiro」の評判を聞き、特に要件定義周りの機能(Spec)が優れているとのことで注目しています。

そこで今回は、Windows環境にKiroをインストールし、WSL2で動作しているClaude Codeと連携させることで、要件定義はKiroの得意分野に任せ、実装は慣れ親しんだClaude Codeを使うという「いいとこ取り」の開発フローを検証してみることにしました。

環境構成

現在の開発環境

Windows 11
├── Kiro IDE (Windows版をインストール)
└── WSL2 (Ubuntu)
    ├── Claude Code (既にインストール済み)
    └── 開発プロジェクト

やりたいことの簡単なイメージ

# 1. Kiroで要件定義とスペック作成
# Kiroのチャット機能で要件を伝える
"ユーザー認証機能を持つTodoアプリを作りたい"

# 2. Kiroが自動生成
- requirements.md (要件定義書)
- design.md (技術設計書)
- tasks.md (タスクリスト)

# 3. Kiroの統合ターミナルでClaude Codeを起動
$ claude

# 4. スペックをClaude Codeに渡して実装
$ claude "design.mdに基づいてAPIを実装してください"

セットアップ

1. Kiroのインストール(Windows)

以下から取得することができます。

とりあえずGoogleアカウントを使います。

スクリーンショット 2025-07-15 180005.png

2. KiroでWSL2プロジェクトを開く

とりあえず、WSL2にはつながり、Claude Codeを使うこともできそうに見えます。

スクリーンショット 2025-07-15 181523.png

以下の記事を参考にさせていただきました。ありがとうございます。

Specを体験

とりあえずSpecを選択し、プロンプトを投げてどのよう感じになるか見てみましょう。今回はQRコードを生成するWebアプリを作ってみてもらいます。

image.png

0. 投げたプロンプト

QRコードを生成してくれるWebアプリを作りたい。
とりあえず、最初はシンプルな設計にしたい。

1. Requirements

プロンプトを渡すと、以下のようにまずはrequirements.mdが生成されました。こちらで要件定義を実施しています。

image.png

読んでみると、ユーザーストーリーとその受け入れ基準が書かれています。

また、受け入れ基準は以下のように書かれています。

#### 受け入れ基準

1. WHEN ユーザーがテキスト入力フィールドにテキストを入力する THEN システムは入力されたテキストを受け取る SHALL
2. WHEN ユーザーが「QRコード生成」ボタンをクリックする THEN システムは入力されたテキストからQRコードを生成する SHALL
3. WHEN QRコードが生成される THEN システムはQRコード画像をWebページ上に表示する SHALL
4. IF 入力フィールドが空の場合 THEN システムはエラーメッセージを表示する SHALL

2. Design

要件定義を承認すると次はdesign.mdを生成します。こちらは、設計書ですね。

image.png

アーキテクチャやモジュール、データモデル、エラーハンドリングなどについて記載されています。

3. Task list

設計が承認されると、次はtasks.mdが生成されます。こちらには、実装計画が記載されています。

image.png

それぞれのタスクには、対応する要件も記載されていてわかりやすいですね。

Specでできたドキュメント

以下のような形で3つのドキュメントが生成されました。

kiro\specs\qr-code-generator
├── requirements.md
├── design.md
└── tasks.md

Specで作成されたタスクを実行していく

tasks.mdStart taskをクリックすることで各タスクを実行することができます。

image.png

タスク実行ごとに新しいセッションが作成されるようです。

image.png

実際にクリックするとこんな感じになります。

image.png

おまかんかもしれませんが、すごく改行されていますね…
(タスクはちゃんと進められている模様)

image.png

右上にUpdate tasksがあるので随時更新をかけてもよいかもしれません。

image.png

更新をかけると勝手にTask3が起動しました…
このあたりの挙動は不安定かもしれません。

Claude Codeに実装してもらう

以下のようにお願いすると、アプリをゴリゴリ作ってくれました。(少しエラーはありましたが)

image.png

Hookを利用してみる

以下の画像のように、KiroではHooksを自然言語から作成してくれるようです。今回は以下のようなHookを作ってみました。(WSL環境により動作確認で引っかかる可能性があるのでいったんしないようにお願いしています)

Spec機能でドキュメントが完成したら、そのドキュメント群(.kiro/specs/hoge)を参照して、
`claude .kiro/specs/hogeにあるドキュメントをもとに実装して。動作確認は不要です。 --dangerously-skip-permissions`
を実行する

image.png

また、作成されたHookは以下のように、.kiro/hooks配下に置かれるようです。

image.png

追加の変更で、確認対象をtasks.mdに限定しておきます。(Specにて最後に作成されるドキュメントのため)

image.png

動作確認(簡単なサイコロアプリの作成)

新しくSpecを使い要件定義を実施したところ、要件定義が完了した時点で裏で動いてそうです。

image.png

2か所ほどパッケージ不足などのエラーはありましたがそれっぽいものはできました。

image.png

このような使い方の実用性はわかりませんが、技術的には、「Kiro(要件定義) × Claude Code(実装) で役割分担させることは可能」ということはわかりました。

おわりに

実用性は置いておいて、Kiroと、Claude Codeうまく組み合わせることができるのでは!?と思い勢いでいろいろ試してみました。もう少しちゃんと工夫すればいい感じに使えそうな雰囲気は感じています。また時間があるときにいろいろ試してみたいと思います。
ありがとうございました。





Source link

Views: 0

RELATED ARTICLES

返事を書く

あなたのコメントを入力してください。
ここにあなたの名前を入力してください

- Advertisment -