0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

AI IDE Kiro ダウンロード&インストール

Posted at

image.png

はじめに

AI IDE AWSのIDE「Kiro」って話題になってますね」の記事を書いてから、1カ月ほど経過、、、
Kiro から連絡を頂けたので、ダウンロード&インストールしてみたいと思います。

Hi, you're off the waitlist!

「Kiro」からご連絡を頂けました。

image.png

ダウンロード&インストール

ダウンロード

image.png

インストール

image.png

image.png

image.png

VsCode から拡張をインストールしてくれている間に、「Specs(仕様駆動開発)」を記載

Specs(仕様駆動開発)

Specの3つのフェーズが超大事!

  1. Requirements(要件)フェーズ - 「何を作るか」を明確に
  2. Design(設計)フェーズ - 「どう作るか」を設計
  3. Implementation(実装)フェーズ - タスクに分解

まずは使ってみる

下準備

  1. GitHubと連携
  2. GitHub にリポジトリを作成: java_springboot_api_kiro_sample を作成
  3. リポジトリを Clone
  4. Clone したプロジェクトをローカルからオープン
    image.png

Let's build

  1. 「Vibe」または「Spec」
    1. バイブ:まず対話、次に構築。アイデアを模索し、ニーズを発見しながら反復する
    2. 仕様:まず計画を立て、それから構築する。コーディング開始前に要件定義と設計を行う
  2. 今回は「Spec」を選択
  3. IN「JavaのSpringbootでAPIを作ります。このAPIは、ユーザーの一覧を取得します。」
  4. Kiro「JavaのSpring BootでユーザーAPI一覧を取得するAPIを作成しますね。まず、この機能の要件を整理していきましょう。」
  5. IN「OK」(OKって言葉じゃないけど) ※プロジェクト直下の.kiro/specs/user-list-api 配下にファイルが生成される
  6. Kiro「Created requirements.md」
  7. IN「OK」(OKって言葉じゃないけど)
  8. Kiro「Created design.md」
  9. IN「OK」(OKって言葉じゃないけど)
  10. Kiro 「Created tasks.md」
    1.IN「DBは不要でプログラムに直接返却データを記載してください」
  11. Kiro「Accepted edits to tasks.md」「9 edits to file design.md」
  12. Kiro「実装を開始するには、tasks.mdファイルを開いて、各タスクの横にある「Start task」ボタンをクリックしてください。」
  13. .kiro/spacs/user-list-api/tasks.md を開いて、上から順番に Stat task をクリック
    1. Set up Spring Boot project structure and dependencies
    2. Create User data model
    3. Implement in-memory data storage
    4. Implement business logic layer
    5. Create REST controller
    6. Implement error handling
    7. Write controller unit tests
    8. Create integration tests
    9. Finalize application configuration and verification
  14. ローカル環境に Maven が入ってないため、Mavenコマンドでエラー
  15. IN「実行テストは不要です。まずはプログラムだけ作りたいです」
  16. 期待通り一旦、プログラムだけが自動生成
  17. IN「User-list-apiを利用して、表示を行う画面をVue.jsで追加してください」
  18. Kiro「Vue.jsフロントエンドの追加が完了しました!」
  19. IN「DevContainaerで実行するように変更してください」
  20. Kiro「DevContainer設定が完了しました!」
  21. 【問題】実行しようと「Dev Containers」の拡張機能をインストールしようとしたけど、表示されない
  22. とりあえず、Dev Containers拡張機能なしでの実行(> .\scripts\start-docker-dev.ps1
    1. コンテナが立ち上がらないなど、問題をいろいろKiroがTry&Errorを続ける。。。
    2. なんども修正を繰り返しているので、過去に "jules" で作成した `Dev Container を参考して作成
  23. Kiro では "DevContainer" を諦めて、VsCode で開いて、DevContainerを起動
  24. 全体の起動スクリプトでは起動しなかったので、バックエンドを起動、フロントエンドの中身のコマンドを1つずつ起動

結果の画面表示

image.png

最終的な Specs

おわりに

以前利用した「AI エージェント Julesって?とりあえず、使ってみる」から比べると同様の内容を作成するのに、2倍以上の時間となった。
日本語チャットの理解とプログラム解釈が、Jules の方が高いように思える。
また、DevContainaerがIDEから利用できない?(やり方が悪い?)が、非常にツライ。実際の開発では、DevContainaerは必須なので、Kiro を使いつつ VsCoce も使うのが必須であれば、他の選択肢になりそう。

ただ、Kiro のメリットは「Spec」なので、ここをもっと使いこなせるように改善していきたい!


参考(感謝)

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?