エンジニアの魔法を全人類へ。視覚的エージェント構築プラットフォーム「refly」入門


エンジニアの魔法を全人類へ。視覚的エージェント構築プラットフォーム「refly」入門

refly-ai/refly

2025-12-21

いいかい?これはただのツールじゃない。エンジニアが「裏方」で仕掛けた魔法を、技術に詳しくないクリエイターたちがキャンバス上で自由に操れるようにする、まさに「秘密兵器」なんだ。

さあ、シャガデリックな世界へ飛び込もう!

一言で言えば、「AIエージェントのワークフローを視覚的に構築できる、Vibe(ノリ)の良いプラットフォーム」だ。

我々エンジニアにとっての価値はここにある

キャンバス (Canvas) ベース
ノードをつなぐだけで、複雑なAIの推論プロセスを可視化できる。

マルチスレッド対話
会話をバラバラのトピック(スレッド)で管理しつつ、それぞれをコンテキストとして再利用できるんだ。

RAG (Retrieval-Augmented Generation)
知識ベースを簡単に組み込んで、AIに「記憶」を持たせられる。

エンジニアがバックエンドで「AIの思考ロジック」を組み、クリエイターがフロントエンドで「直感的に使う」。この役割分担が最高にクールなんだ、ベイビー!

導入はとっても簡単。まずはリポジトリをクローンして、依存関係をインストールするんだ。Dr.イーブルに邪魔される前にやってしまおう。

# リポジトリをゲットだ!
git clone https://github.com/refly-ai/refly.git

# 秘密の部屋(ディレクトリ)へ移動
cd refly

# パッケージをインストール(pnpmを推奨するよ)
pnpm install

# 開発サーバーを起動して、いざ出陣!
pnpm dev

これで、ローカル環境で「キャンバス」が動き出す。まるで私の秘密基地のモニターみたいにね!

refly を使って、独自の「エージェント・スキル」を追加する方法を見てみよう。エンジニアの君なら、こうやって AI に新しい「特技」を教え込めるんだ。

// skills/spy-gadget.ts
// 新しいエージェントのスキルを定義するよ!

export const spyGadgetSkill = {
  name: 'gadget_search',
  description: '秘密道具をデータベースから検索するよ。',
  parameters: {
    type: 'object',
    properties: {
      query: { type: 'string', description: '探したい道具の名前(例:空飛ぶ車)' }
    }
  },
  // これが実際の実行ロジックだ!
  run: async ({ query }) => {
    // ここで外部APIを叩いたり、データベースを検索したりする
    return `Q准将からの報告: ${query} は現在、ロンドン支部でメンテナンス中です。`;
  }
};

これを refly のワークフローに組み込めば、非技術者のユーザーがキャンバス上で「道具検索ノード」として使えるようになる。オー、イエス!

「何やってるかわからない」を解決
AIがどう考えて回答を出したのか、キャンバス上のノードを辿れば一目瞭然だ。

プロトタイピングが超速
コードを一行も書かずに(エンジニアが用意したパーツで)新しいAIサービスを作れる。

チームの調和
クリエイターが「こんなAIを作りたい」と言ったら、君はパーツを作るだけ。あとは彼らがキャンバスで「Vibe」を整えてくれる。

refly は、エンジニアのパワーを民主化するツールだ。 難解なプロンプトエンジニアリングやコードの迷宮に閉じ込められるのは、もう古い!これからはキャンバスの上で、クリエイティブにAIを躍らせる時代なんだ。

「AIとの共同作業は、まるでダンスのようなものだ。リードするのは君(エンジニア)だが、踊りを楽しむのはみんな(クリエイター)なんだ!」

さあ、君も今すぐ refly を触って、世界を救う(あるいは最高のコンテンツを作る)準備はいいかい?


refly-ai/refly




現場直結!Difyで始めるプロダクションレディなエージェントワークフロー入門

(現場は薄暗い取り調べ室。刑事役の私と、容疑者役のDifyが向かい合っています)私(刑事) さて、Difyくん。キミは一体何者なんだ?「Production-ready platform for agentic workflow development」… ソフトウェアエンジニアにとって、どういう意味があるのか、正直に話してもらおうか!


コード量削減!オールインワン開発環境で実現する高効率AI開発

「おーい、兄ちゃん!アンタ、ソフトウェアエンジニアなんだろ?最近流行りのナウい開発ツールがあるんだ。名前は使わないが、この『開発スタジオ』ってやつ、これがまた、うちのラーメンの味見みたいに、手間なくササッとAIエージェントを作れちまうって話でな!」


AIエージェントの幽霊屋敷:dtyq/magic の使い方と活用法

まるでホラーハウスのように、複雑で恐ろしい問題に直面することがありますよね。そんな時に、私たちの「魔法の杖」となるのが、dtyq/magic です。これは、単なるAIツールではなく、複数の強力な機能を一つのプラットフォームに統合した、まるでスーパーAIエージェントのような存在です。


現役エンジニア魔法少女が解説する「バイトボット」入門

今日は、最強の魔法ツール「バイトボット」について、ソフトウェアエンジニアの視点から、その秘密と使い方を特別に教えちゃうよ!バイトボットは、あなたのパソコンを自動で動かしてくれる、賢い魔法の使い魔みたいなもの。物語の始まりは、いつも忙しいソフトウェアエンジニアの魔法少女。バグ退治や新しい魔法の開発で毎日てんてこまい。


現場で鍛えるAIエージェント!OpenPipe/ARTでマルチステップタスクを自動化

OpenPipe/ARTは、まるで熟練のシェフを育てるかのように、マルチステップのエージェントを実世界のタスクで訓練するための強力なツールなんです。特に、大規模言語モデル(LLM)のようなエージェントに「現場でのOJT(On-the-Job Training)」を施すことができるのが大きな特徴です。


【エンジニア向け】デスクトップAIアシスタント「DearVa/Everywhere」の価値とサンプルコード

さて、今回ご紹介する「DearVa/Everywhere」ですが、これはソフトウェアエンジニアの皆様にとって、まさに「デスクの上に置ける、気が利くAIアシスタント」になり得る、非常に興味深いツールです。まず、このツールの本質をご説明します。


AIアプリケーション開発のためのレシピブック

今日は「Haystack」という、AIの世界で最近話題の新しいカクテルを紹介させてください。これ、ただのAIじゃなくて、色々なAIの材料を組み合わせて、お客様の好みにぴったりの一杯を作り出すためのツールなんです。ソフトウェアエンジニアの視点から言えば、Haystackは例えるなら「AIアプリケーション開発のためのシェイカーとレシピブック」です。


コード不要!AIがSQLとグラフを自動生成するGenBIツール入門

WrenAIは、以下のような点で、ソフトウェアエンジニアの助けになります。WrenAIを使えば、SQLのクエリを手動で書く必要がなくなります。自然言語で「先月の売上トップ10の顧客を教えて」と入力するだけで、適切なSQLクエリが自動生成されます。これにより、単純なデータ抽出やレポート作成にかかる時間を大幅に削減できます。


ソフトウェアエンジニアのためのAutoAgent活用ガイド

AutoAgentは、まるでタロットカードのように、予測不能な問題解決能力を持つエージェントをノーコードで生み出せます。これは、あなたの開発プロセスに革命をもたらすかもしれません。開発効率の向上コードを書く手間がなくなるため、AIエージェントの試作や開発が驚くほど速くなります。これにより、本来時間を割くべきコアな機能開発に集中できます。