Repolode
kiraaziz

kiraaziz/Neoflow

tldrawエンジンを基盤に、リアルタイムのチーム共同作業とAI機能を備えたオープンソースのホワイトボードアプリ。

代替できる製品:MiroFigma FigJam

スター
378
フォーク
44
未解決の Issue
2
最終コミット
7 か月前

これは何?

Neoflowは、チームやデザイナーなど、アイデアを一緒にスケッチしたい人向けのWebベースのホワイトボードです。tldrawエンジンを基盤とし、Next.jsとReactのアプリケーションとして動作します。

無限キャンバス上でコンテンツを描画・配置できる、シンプルで直感的なインターフェースを重視しています。複数人が同じボードで作業できるリアルタイム共同編集に加え、創作の作業を支援するAI機能も備えています。

ローカルで実行するには、リポジトリをcloneし、必要な環境変数を.envファイルに設定してから、npmで依存関係をインストールし、localhost:3000で開発サーバーを起動します。

主な機能

  • 01共有ホワイトボードでのリアルタイム共同編集
  • 02tldrawの描画エンジンを基盤に構築
  • 03創作の作業を支援するAI機能
  • 04アイデアを描画・配置するためのシンプルで直感的なインターフェース
  • 05オープンソースで無料で利用可能

ユースケース

  • リモートチームでのブレインストーミング
  • ワイヤーフレームやデザイン案の共同スケッチ
  • 会議中のアイデア、フロー、図の整理

クイックスタート

  1. 1

    リポジトリをクローンする

    git clone https://github.com/kiraaziz/Neoflow.git
  2. 2

    プロジェクトディレクトリに移動する

    cd Neoflow
  3. 3

    依存関係をインストールする(READMEでは --force を使用)

    npm --force i
  4. 4

    開発サーバーを起動し、http://localhost:3000 を開く

    npm run dev

使う前に知っておきたいこと

  • READMEには必要な変数を設定した .env ファイルを用意するよう記載されていますが、詳細はリンクされていないドキュメントを参照するよう案内されています。
  • ライセンスのメタデータ欄は空ですが、READMEにはプロジェクトがMITライセンスであると記載されています。

トピック

よくある質問

Neoflow とは?
tldrawエンジンを基盤に、リアルタイムのチーム共同作業とAI機能を備えたオープンソースのホワイトボードアプリ。 Neoflowは、チームやデザイナーなど、アイデアを一緒にスケッチしたい人向けのWebベースのホワイトボードです。tldrawエンジンを基盤とし、Next.jsとReactのアプリケーションとして動作します。
Neoflow は無料で使えますか?ライセンスは?
Neoflow にはライセンスが明記されていません。コードは公開されていますが、ライセンスがない場合は再利用の許諾がないため、利用前に作者に確認することをおすすめします。
Neoflow は今もメンテナンスされていますか?
半年以上コミットなし。Neoflow の最終コミットは 2026年3月19日 です。
Neoflow は何に使えますか?
リモートチームでのブレインストーミング ワイヤーフレームやデザイン案の共同スケッチ 会議中のアイデア、フロー、図の整理
Neoflow のインストール方法は?
リポジトリをクローンする: git clone https://github.com/kiraaziz/Neoflow.git プロジェクトディレクトリに移動する: cd Neoflow 依存関係をインストールする(READMEでは --force を使用): npm --force i 開発サーバーを起動し、http://localhost:3000 を開く: npm run dev
Neoflow はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/kiraaziz/Neoflow

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト