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?

Cursor Originで作成したGitリポジトリのCIにCircleCIを利用する

0
Posted at

CircleCIがCursorの提供するコードベースサービスOriginとの連携をサポートしました(beta)。

読み終えると、Cursor Origin上のリポジトリをCircleCIに接続し、pushをきっかけにCIパイプラインをトリガーできるようになります。手順は次の4つです。

  1. Originでリポジトリとアプリを用意する
  2. circleci typeのOrganizationを作成する
  3. Cursor OriginをCircleCIプロジェクトに接続する
  4. コード変更でパイプラインがトリガーされることを確認する

Cursor Origin連携はbetaです。利用できるのはcircleci typeのOrganization(URLがcircleci/<Org ID>形式)に限られます。github/<org name>形式のOrganizationでは接続できません。詳細は次の公式ドキュメントを参照してください。

https://circleci.com/docs/guides/permissions-authentication/users-organizations-and-integrations-guide/

設定方法については、動画(英語)で見ることもできます。
https://youtu.be/xRJxcriVzx0?si=kOybJLDQ-wZCghq3

Originでリポジトリを作成

まずCIを回すアプリケーションをCursor Origin上に構築しましょう。

Cursorダッシュボードからリポジトリを作成します。

スクリーンショット 2026-09-02 10.06.04.png

Originではリポジトリページにもチャット欄が用意されています。テスト対象のアプリについても、ここからそのまま実装させてみましょう。

スクリーンショット 2026-09-02 10.09.58.png

今回使用したプロンプトはこちらです。Honoを使ったシンプルなAPIを作成させています。

honoを利用したrest apiアプリケーション。nodejsアプリとして展開することを想定。今の日本時間とその時間の日本語での挨拶を返すrest apiが1つ。vitestを利用したTDD。CircleCIを利用してCIを行う。CIはnpm ci / npm run test / npm run buildの3つ。nodejs orbを活用すること。

開発が完了したと報告が来ました。Gitタブからマージしましょう。

スクリーンショット 2026-09-02 10.13.10.png

Codebaseタブでリポジトリに戻ると、HonoアプリとCircleCIのCI設定が実装された状態になっています。
スクリーンショット 2026-09-02 10.13.26.png

これでコードベースの準備は完了です。

CircleCI Organizationを作成する

続いてCircleCI側の設定を進めましょう。まずは新しくOrganizationを作成します。

Cursor Origin連携にはcircleci typeのOrganizationが必要です。既存のOrganizationがgithub/<org name>形式のURLの場合は、このセクションの手順で新しいOrganizationを作成してください。

CircleCIダッシュボードのホーム画面から、[Create organization]をクリックします。

スクリーンショット 2026-09-02 10.37.23.png
https://app.circleci.com/home

Organization名を入力しましょう。ここではCursor Originと接続することが目的であるとわかるように名前をつけておきました。

スクリーンショット 2026-09-02 10.37.40.png

これで作成完了です。URLがcircleci/<Org ID>形式になっているか、念のため確認しておきましょう。

スクリーンショット 2026-09-02 10.37.53.png

Cursor OriginをCircleCIに接続する

ではこのアプリをCircleCIに接続しましょう。まずは[Create a project]をクリックします。

スクリーンショット 2026-09-02 10.24.34.png

プロジェクト名を入力するフォームが出ますので、Originのリポジトリ名などを入力し、判別しやすい形にしておきましょう。

スクリーンショット 2026-09-02 10.46.08.png

続いてCircleCI上で使うパイプラインの名前を決めます。今回はテストとビルドを回す作りにしてありますので、デフォルト値のbuild-and-testのまま進めます。

スクリーンショット 2026-09-02 10.38.37.png

続いてどのリポジトリを対象にするかを選択する画面が開きます。ここではまず[Add]ボタンをクリックしてください。

スクリーンショット 2026-09-02 10.38.51.png

接続可能なVCSサービスが表示されます。Cursorを選択しましょう。

スクリーンショット 2026-09-02 10.38.54.png

Cursor側にリダイレクトされ、CircleCIとの連携確認画面が表示されます。リポジトリの指定もできますが、今回は便宜上[All repositories]を選択しました。

スクリーンショット 2026-09-02 10.46.55.png

連携に成功すると、リポジトリ選択画面に戻ります。先ほど作成したリポジトリが表示されますので、選択しましょう。

スクリーンショット 2026-09-02 10.47.05.png

どのタイミングでパイプラインをトリガーするかのイベント・トリガー設定画面に移動します。今回は試すことが目的ですので、すべてのgit pushで動作する[All pushes]のまま進めましょう。

スクリーンショット 2026-09-02 10.47.15.png

トリガーは複数から選べます。選択肢の一覧は公式ドキュメントを参照してください。

https://circleci.com/docs/guides/orchestrate/cursor-origin-trigger-event-options/

E2Eテストなどの重いテストを回したい場合は、[PR marked ready for review]を選ぶとよいでしょう。CursorはPRをDraftで作成します。単体テストやリントなどのパイプラインを[All pushes]でこまめに回しつつ、Ready for reviewになった時だけ重いテストをトリガーする、という戦略が作れます。

スクリーンショット 2026-09-02 10.47.17.png

最後に確認画面が出ます。
スクリーンショット 2026-09-02 10.47.28.png

作成が完了すると、Projectsに表示されるようになります。

スクリーンショット 2026-09-02 10.48.23.png

コードを変更してパイプラインをトリガーする

最後に、実際にCursorでの変更からCircleCIのパイプラインをトリガーしてみましょう。

今回は次の作業を追加で指示しました。

Temporalを使ってフォーマットした日時表示もレスポンスに追加してください。TDDで実施すること。

スクリーンショット 2026-09-02 10.50.19.png

実装作業が完了すると、CursorのGitタブ内にある[Review]にCircleCIが表示されます。

スクリーンショット 2026-09-02 10.57.10.png

クリックすると、CircleCI側のパイプライン画面が開きます。

スクリーンショット 2026-09-02 10.57.49.png

少し待つと、パイプラインの結果が表示されます。もしステータスが変わらない場合は、一度ページを再読み込みすると良いでしょう。

スクリーンショット 2026-09-02 10.58.27.png

CircleCIと連携できていますので、/fix-ciコマンドでCIの修正も指示できます。今回のケースでは、CIワークフロー作成時のNodeバージョンが古かったことが原因の様子でした。

スクリーンショット 2026-09-02 11.02.34.png

まとめ

CircleCIは特定のVCSに依存しないCI/CDサービスです。Cursor Originのような新しいリポジトリサービスでも、これまで通り.circleciディレクトリにYAMLファイルを配置することでパイプラインを組めます。

サポートされている機能の一覧は、次のドキュメントを参照してください。

Chunkなど一部のAgent機能は、現時点ではCursor Originパイプラインでは利用できません。GitHub App連携など他のパイプライン種別向けの取り組みは、次の記事で紹介しています。

https://qiita.com/CircleCIJapan/items/fd7321aad62d7051ec1c

https://qiita.com/CircleCIJapan/items/ee59879522e5736ca4be

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?