mcpField
N
NoClick

NoClick

リモート
noclick.comAI・エージェント121 日前に更新
リポジトリ公式サイト

NoClick について

NoClickは、トリガー、各種連携、AIエージェントを使ったバックグラウンドタスクを構築する、オープンソースのセルフホスト可能なビジュアルワークフロー自動化プラットフォームです。キャンバス、約160の連携、実際のツールを呼び出すエージェントノード、AIワークフロービルダーを備えています。

主な機能

  1. 01ビジュアルキャンバスでワークフローを構成
  2. 02約160の連携先に接続
  3. 03分岐、反復、フィルター、コードノード
  4. 04トリガーによる自動実行
  5. 05エージェントノードから連携ツールを呼び出し
  6. 06AIビルダーによるワークフロー生成

活用シーン

  1. 01Webhookやスケジュールを起点に処理を実行
  2. 02AgentでLinearの課題を処理し結果をSlackに投稿
  3. 03ワークフローをフォーム、ダッシュボード、チャットとして公開
  4. 04MCPクライアント経由でワークフローを作成

MCP 対応

MCPサーバーを備え、MCPクライアントにワークフロー構築機能を公開します。Claude Codeなどのクライアントから接続し、コーディングエージェントにワークフローを作成させられます。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://api.noclick.io/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

詳細

翻訳後に原文が更新されています。最新の内容は原文をご確認ください。

NoClick

エージェントを説明するだけで、構築の様子を見届けて、実行できます。
AI エージェントを中核とするオープンソースのワークフロー自動化 — ビジュアルキャンバス、約160のインテグレーション、そして実際にツールを使えるコーディングエージェントを備えています。

ウェブサイト · ドキュメント · セルフホスト · Discord · コントリビューション

npm PyPI License: AGPL-3.0 Discord

Railway にデプロイ Render にデプロイ DigitalOcean にデプロイ

プロンプトを入力すると、AI ビルダーがキャンバス上で WhatsApp と Slack のサポートエージェントを組み立て、実行時には詳細な可観測性を確認でき、返信が WhatsApp に届く様子

クイックスタート

1行で実行できます。

# macOS / Linux / WSL2 -- needs Docker: https://docs.docker.com/get-docker/
curl -fsSL https://noclick.com/install.sh | sh
# Windows PowerShell -- installs Docker Desktop itself; Windows restarts once
# the first time, and the installer continues after you sign back in
irm https://noclick.com/install.ps1 | iex

Docker、Node.js 18以降、Gitをすでにお使いですか?Windowsインストーラーが引き継ぐランチャーは、どの環境でも実行できます。

npx noclick

または、手動で実行します — 同じ処理を、手順を確認しながら行えます。

git clone --branch <tag> https://github.com/noclickapp/noclick.git && cd noclick
./scripts/noclick-setup.sh
NOCLICK_VERSION=<version> docker compose up -d

どのインストール方法でも、最新リリースのソースを取得し、このインスタンス用のシークレットを生成します。これには、再実行後も保持される認証情報の暗号化キーも含まれます。また、そのリリースのイメージを取得します。初回のダウンロードは約1.5 GBで、マシン上でのコンパイルは不要です。再実行すると、その場で更新されます。リリースページのタグを指定して NOCLICK_REF=<tag> でリリースを固定できます。NOCLICK_REF=main を指定すると開発版が実行されます。フロントエンドイメージはデフォルトのローカル URL 向けにビルドされるため、別の公開 URL を使ってインストールする場合は、そのイメージを自分でビルドします。また、NOCLICK_BUILD=1 を指定すると、チェックアウトしたソースからすべてをビルドします。すべてのインストール方法については、install.sh と install.ps1 の冒頭に記載されています。

次に、http://localhost:3000 でエディターを開きます。


NoClick とは?

NoClick を使うと、ビジュアルキャンバスでオートメーションを構築し、トリガー(Webhook、スケジュール、受信メール、Slack、WhatsApp などからのチャットメッセージ)で実行できます。特徴はエージェントレイヤーです。AI エージェントノードは実際のコーディングハーネス(Claude Code、Codex、opencode、hermes、OpenClaw)を操作し、接続済みの連携機能をツールとして呼び出せるため、エージェントは Linear の課題を読み、git リポジトリで作業し、その結果を Slack に投稿できます。

このリポジトリはプラットフォーム全体を含み、AGPL の下でオープンソースとして公開されています。ワークフローエンジン、すべての連携ノード、React エディター、リアルタイムコラボレーションレイヤー、AI ワークフロービルダー、MCP サーバーが含まれます。noclick.com を動かしているものと同じコードで、制限なく、ご自身のマシン上ですべてを実行できます。

NoClick エディター:左側に AI による構築の会話、キャンバス上に完成したサポートエージェントが表示されています。Gmail と Slack のトリガーから claude-code エージェントに入力され、エージェントは Gmail、Notion、Google Sheets、Slack にツールとして接続されています。実行後はすべて接続され、緑色になっています

構築できるもの

  • キャンバス上のオートメーション — 約160種類の連携機能(Slack、Gmail、Notion、 Linear、HubSpot、Stripe、Postgres、Google Sheets、…)を、分岐、反復処理、 フィルター、コードノードと組み合わせられます。
  • トリガー — Webhook、cron スケジュール、受信メール、Slack/Discord/HubSpot の アプリイベントに対応します。話しかけられた場所で返信するチャネル型エージェントを 利用でき、ワークフローごとに必要な数だけトリガーを設定できます。
  • 実際のツールを使う AI エージェント — 連携ノードをエージェントのツール ハンドルに接続すると、エージェントはそれらの操作を直接呼び出せます。エージェント ノードは、プロセス内(OpenAI/Anthropic/OpenRouter 互換の任意のモデル)で実行するか、 インストール済みの CLI を使うコーディングハーネスとして実行できます。
  • インターフェース — あらゆるワークフロー上にフォーム、ダッシュボード、 チャットを公開できます。
  • AI で構築 — 作りたいものを説明すると、ビルダーがキャンバス上にワークフローを 組み立てます。MCP 経由でも利用できるため、Claude Code(または任意の MCP クライアント)をインスタンスに接続し、代わりに構築させることもできます。

動作の仕組み

  1. 説明します。 ビルダーに作りたいものを入力するか、任意の MCP クライアントをインスタンスに接続し、コーディングエージェントに説明させます。
  2. ビルダーが組み立てます。 実際の操作に接続されたノードがキャンバスに表示されます。 求められるのは本当に必要なものだけです。認証情報と、あなただけが決められる選択肢です。
  3. トリガーで実行します。 メッセージが届く、Webhook が発火する、スケジュールが 実行されると、ワークフローが実行され、エージェントがツールを呼び出し、指定した場所に 結果が届きます。各実行ではツール呼び出し、所要時間、エージェントの応答が記録されるため、 何が起きたかを正確に確認できます。

セルフホスティング

上記のインストーラーが最も手早い方法です。本格的なデプロイ(独自の Postgres、 オブジェクトストレージ、連携機能用の OAuth アプリ、モデルプロバイダー、および それぞれに必要な環境変数)については、 **セルフホスティングガイド**をご覧ください。

上記のデプロイボタンでは何も入力する必要はありません。Railway と Render は、 レビュー済みのリリースイメージとともに Postgres データベースを作成します (DigitalOcean では、事前に作成した noclick-db という名前のマネージドクラスターを 紐付けます)。インスタンスは初回起動時に残りの処理を行います。独自の認証レイヤーを 実行し、データベースを準備して、独自のキーを生成します。Railway は railway.template.json、Render は render.yaml、DigitalOcean は .do/deploy.template.yaml、Fly は fly.toml を使用します。各サービスが何をプロビジョニングし、 シークレットがどこに保存されるかについては、 **ホスト型デプロイガイド**をご覧ください。

実行するのはリリースです。main は上流へのマージごとに更新され、タグは意図的に 切られます。また、各タグではイメージが GHCR に公開されるため、compose スタックは ビルドではなくプルを行います。NOCLICK_VERSION でバージョンを固定してください。

ソースからの開発

前提条件:Docker、Supabase CLI、 Python 3.12(3.13 はまだサポートされていません。一部の固定バージョンのホイールをビルドできないためです)、 Node.js 20 以降、pnpm 10.34.4(またはパッケージスクリプトの実行には npm)。

pip install -r requirements.txt
make local

これにより、ローカルの Supabase(Postgres、認証、ストレージ)、バックエンド、フロントエンドがすべてマシン上で起動し、URL が表示されます。任意のメールアドレスで登録してください。ローカル認証はすぐに確認されます。キャンバスを起動するのに、クラウドアカウントも API キーも必要ありません。

# Backend
cd backend && python server.py       # or: uvicorn server:web_app
pytest                               # test suite

# Frontend
cd frontend && npm run dev
npm run typecheck && npm run build && npm test

# Database migrations
cd infra && supabase migration up --local

アーキテクチャ

パス内容
backend/nodes/すべての連携ノード。サービスごとに 1 つのモジュールがあり、設定スキーマは自己記述型です
backend/wss/Socket.IO イベント層:ハンドラー、型付きイベント、ワークフロー実行エンジン
backend/coder/workflow/XML ワークフロー DSL、グラフの状態、AI ビルダー
backend/mcp_server.pyあらゆる MCP クライアントにワークフロー構築機能を公開する MCP サーバー
backend/utils/共有サービス:Webhook、認証情報、ストレージ、リレー、cron
frontend/app/Remix + Vite アプリ:ReactFlow キャンバス、設定パネル、インターフェースビルダー
infra/supabase/データベースのマイグレーション
sdk/公開済みワークフローを埋め込むための noclick TypeScript SDK

ノードの設定 UI はバックエンドの Pydantic モデルから生成されるため、連携機能の追加は主に Python モジュールを 1 つ作成するだけで済みます。エディターがそれを自動で取り込みます。

NoClick Cloud

noclick.com はホスト型プラットフォームです。このエンジンに加えて、管理対象のインフラストラクチャも提供します。エージェントのランタイムを保持してターンを即座に再開できるようにし、Webhook と cron の配信をスケールし、ホスト型ビルダーの機能を追加するとともに、ストレージとメールを管理します。セルフホスト版とクラウド版は同じワークフロー形式を共有しているため、ワークフローを変更せずに両者の間で移行できます。また、クラウドの運用レイヤーがオープンソースエンジンの資金源となっています。

貢献

Issue やプルリクエストを歓迎します。まず取り組むのに最適なのは連携ノードの追加です。backend/nodes/ から最も近い既存ノードをコピーし、backend/nodes/core/registry.py に登録すると、設定 UI が自動生成されます。

CONTRIBUTING.md では、知っておくべきアーキテクチャと、このコードベースで定められている規約について説明しています。AGENTS.md / CLAUDE.md にもコーディングエージェント向けの同じガイダンスが記載されているため、Claude Code や Codex にチェックアウトしたコードを指定すれば、もっともらしく見えるだけの変更ではなく、実際に動作する変更を作成できます。

Discord でぜひご参加ください。質問への回答を得る最速の方法です。

ライセンス

NoClick Community はGNU Affero General Public License、 version 3(AGPL-3.0-only)に基づくオープンソースです。職場でも、それ以外の場所でも、実行、変更、セルフホストが可能です。フォークする前に知っておくべき条件が 1 つあります。NoClick を変更し、ネットワーク経由で他の人に変更後のバージョンを使わせる場合、同じライセンスのもとでそのソースコードを提供しなければなりません。これにより、NoClick とそのフォークがオープンに保たれます。

sdk/typescript と sdk/python の SDK は Apache-2.0 で提供されるため、それらを使って作成するコンポーネント、外部アプリ、スクリプトに AGPL の義務は課されません。また、HTTP または MCP API 経由で NoClick と通信するものにも適用されません。NoClick で作成したワークフロー、関数、コンポーネントはあなたのものです。ライセンスの対象は NoClick 自体であり、NoClick を使って作成したものではありません。

オープンソース化したくない製品に組み込むなど、別の条件で NoClick を利用する必要がありますか?商用ライセンスについては [email protected] までお問い合わせください。名称とロゴはライセンスではなく、商標ポリシーの対象です。v0.2.12 までのリリースは、公開時に適用されていた Sustainable Use License 1.0 のもとで引き続き利用できます。このセクションは概要です。正式な条件は LICENSE をご確認ください。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。