英語の原文: https://argusic.com/subject/react-konva

react-konva

Konva 2d キャンバスライブラリ向けの React コンポーネント。JSX でインタラクティブなグラフィックス、デザインエディター、ホワイトボードを構築できます。

動作するソース: GitHubホームページTypeScriptMITコミット 92117241d76b

TypeScript、MIT ライセンス. プロジェクト自身の表記: canvas、canvas editor、design editor、draw graphics、konva、konva framework、react、react canvas.

react-konva は動作します。Argusic のエージェントが GPU のないクリーンなマシンで 13 分でインストールし、2 件のエラーに遭遇してすべてを自力で修正し、セッション全体が記録されました。

All 196 browser tests pass against Chromium, TypeScript checks pass, the build produces es/ and lib/ output, SSR rendering succeeds across CommonJS and ES module entry points, package exports resolve correctly in ESM/CJS/Node10/Bundler modes, and DevTools registration and canvas commits are functional.

クリーンなマシンでエージェントが最終的に得た結果 (エージェント自身の言葉)。 計測方法

Argusic が毎回新しいマシンで計測しています。 すべての数値はその証拠にリンクしています。 Argusic スコア 100 点中 60 点 (このプロジェクトの実行スコアの平均)。

概要

判定
動作する
Argusic スコア
60 / 100
検証した実行のコスト
0.08 USD (実測)
記録された実行
2
最終テスト
スター
6,443
フォーク
295
未解決の Issue
0
ウォッチャー
61
サイズ
3 MB
作成日
最終プッシュ

プロジェクトのデータは GitHub から取得 (このページの冒頭にリンクあり)、更新日 。テストデータは Argusic によるもので (CC BY 4.0)、すべての数値は、完全なログ、録画、それらの sha256 ハッシュを含む実行ページにリンクしています。

計測した内容

この判定を決めた実行から取得しています。 各行は記録された値であり、推定値ではありません。

react-konva のテスト中に各失敗で失われた時間 (記録された実行から作成)
各バーはエージェントが記録した失敗と、それにかかった時間です。この実行のデータのみから描いています。

うまくいかなかった点 (エージェント自身の言葉)

エージェント自身の言葉を、深刻なものから順に掲載しています。助言に書き換えることはありません。

  • npm install failed on Node 18: Cannot read properties of null (reading 'edgesOut') - peer dependency conflict with vitest@4 requiring Node >=205 分
  • Playwright and vitest@4 require Node >=20 but only Node 18 was available3 分
インストール時間
13 分
クリーンなマシンから完了まで
30 分
遭遇したエラーと修正したエラー
2 件に遭遇、2 件を人の手を借りずに修正
結果の証明方法
npx vitest run exited 0 with 25 files/196 tests passed; npm run test:typings passed; node build.mjs built es/ and lib/; node test/11-ssr.mjs, test/24-package-exports.mjs, test/29-devtools.mjs all passed
使用したモデルのトークン
177,402
テストした正確なコミット
92117241d76b
コンテナイメージ
sha256:cdd920bce783

計測していない内容

残りの半分です。この証拠がどこまでを示すのかを正確に確認できます。欠けている部分は欠けているものとして表示し、埋めることはありません。

GPU メモリのピーク
CPU マシンで実行したため、サンプリングする GPU がありませんでした
長時間の実行での振る舞い
各試行はドキュメントにある最小の設定と決まった時間予算を使うため、計測しているのは動作するかどうかであり、負荷のもとでどう持ちこたえるかではありません

録画の最後

この判定を決めたターミナルセッションの最後の行を、記録されたとおりに表示しています。

1. **npm install failed** on Node 18 with `Cannot read properties of null (reading 'edgesOut')` — p…
2. **Playwright / vitest require Node >=20** — Node 18 in the container couldn't run them. Fixed by…
**Verification results with Node 22:**
| Suite | Result |
|---|---|
| `vitest run` (dev) | 25 files, 196 tests passed |
| `NODE_ENV=production vitest run` | 25 files, 196 tests passed |
| `npm run test:typings` | passed |
| `node build.mjs` | built `es/` and `lib/` |
| SSR test (`11-ssr.mjs`) | all entry points OK |
| Package exports (`24-package-exports.mjs`) | all OK |
| DevTools (`29-devtools.mjs`) | all OK |

セッション全体を再生 (クリーンなマシンからこの時点までのすべてのコマンド)。

テスト方法

1 つのエージェント、1 つのコンテナで、人の手は借りません。エージェントはプロジェクト自身のドキュメントに書かれた方法でインストールし、実行し、壊れた部分を修正します。以下はすべて、実際に起きたとおりに記録されています: ターミナルセッション、ログ、そして正確なコミットです。 評価方法の全文.

強みと限界

意見ではなく、計測された事実です。コンテンツの作成方法.

うまくいった点

  • クリーンなマシンで実行状態に達し、セッションが記録されました。
  • 2 件のエラーすべてから、人の介入なしに回復しました。失敗が解決できる程度にはドキュメント化されていることを示しています。
  • GPU なしで動作したため、起動に GPU は必要ありません。
  • ホストの報告によると、ライセンスは MIT です。
  • 2 回計測しているため、一度きりの結果ではありません。

うまくいかなかった点、または不明な点

  • インストールに 13 分かかり、Argusic が計測した比較可能な 8 件のプロジェクトの中央値より遅い結果です。

Argusic がインストールして時間を計測した canvas のプロジェクト 9 件のうち、react-konva は実行状態に達するまでの速さが 7 番目で、9 件中 6 件がそもそも実行状態に達しました。

適している用途

  • ノートパソコンや小さなサーバーで試す場合: GPU なしで実行状態に達しました。

同じ分野でテストしたプロジェクト

ここに挙げたものはすべて、Argusic がクリーンなマシンにインストールして実行しました。テストしていないものは表示されません。

実行履歴

テスト担当試行結果スコアコスト (USD)日時
Argusic Runner2/3動作した100.000.08
Argusic Runner1/3動作しなかった20.000.02

トピック (出典: GitHub)

canvascanvas-editordesign-editordraw-graphicskonvakonva-frameworkreactreact-canvasvisualizationwhiteboard

バッジを埋め込む

プロジェクトの README に貼る Markdown です。バッジはこのページにリンクします。利用条件: 利用規約ページ.

[![Tested by Argusic](https://argusic.com/badge/react-konva.svg)](https://argusic.com/subject/react-konva)

質問

react-konva は動作しますか?
はい。react-konva は動作します. Argusic はクリーンなマシンで 13 分でインストールして起動し、途中で 2 件のエラーに遭遇し、セッションを記録しました。
Argusic は react-konva をどのようにテストしましたか?
新しい使い捨てのマシンで、すべてのコマンドを記録しながらテストしました (リポジトリはコミット 92117241d76b に固定)。記録された試行は 2 回で、手順の全体は評価方法のページに掲載しています。
react-konva のテストにはいくらかかりましたか?
この判定を出した実行のコストは 0.08 USD です: 100 万トークンあたりの定価ではなく、実際の計算資源とモデルのコストです。その実行のページに記録されています。
react-konva のインストールにはどのくらい時間がかかりますか?
この判定を決めた実行では、クリーンなマシンから実行状態まで 13 分でした。これは 1 回の計測された試行であり、平均ではありません。
react-konva には GPU が必要ですか?
起動には必要ありません。Argusic は GPU のないマシンで実行状態に達しました。
react-konva のインストールでは何がうまくいきませんか?
記録された実行では 2 件の問題が発生しました。そのうち 2 件は人の手を借りずに修正されました。それぞれの問題と、かかった時間をこのページに掲載しています。
react-konva は代替のプロジェクトと比べてどうですか?
Argusic がインストールして時間を計測した canvas のプロジェクト 9 件のうち、react-konva は実行状態に達するまでの速さが 7 番目で、9 件中 6 件がそもそも実行状態に達しました。
react-konva の証拠はどこにありますか?
記録された 2 回の実行すべてをこのページに掲載しており、それぞれが完全なログとターミナル録画にリンクしています。録画は sha256 フィンガープリントとともに保存されているため、こっそり改変することはできません。

Discussion