ビジュアルエディターとAIによるコード分析機能を備えたオープンソースのReactコンポーネント開発Webアプリ・「ReactRun AI」

Ads

ReactRun AI

ビジュアルエディターとAIによるコード分析機能を備えたオープンソースのReactコンポーネント開発Webアプリ・「ReactRun AI」

ReactRun AIはビジュアルエディターとAIによるコード分析機能を備えたオープンソースのReactコンポーネント開発Webアプリです。MITライセンスの元でソースコードが公開されています。

上SSのように左ペインにReactのコード、中央ペインがプレビュー、プレビュー内の任意の要素をクリックすると右ペインに編集メニューが表示されます。

更に、下部にはAI分析ツールも用意されており、書かれたReactコードをAIが分析してパフォーマンス最適化などの改善点やバグなどの問題点といった事を指摘してくれます。OpenAIのGTP-4をモデルに採用しています。

リポジトリには、インターフェースのD&DやRWD確認テスト、コードのエクスポートなども備わっていると書いてありましたが、動作サンプルでは確認出来ませんでした。あまり問題ではないですが機能としてはあればうれしいですね。動作も軽量でUIもシンプルで使い勝手良く、Reactアプリ開発者の方にあると嬉しいツールと言う印象でした。AI機能も含めて動作テスト可能なので是非触ってみてください。

ReactRun AI動作サンプル