[{"id":"08e0fe96-3025-463b-bcee-87f4b29c462b","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"0d5035e7-1a53-4dc5-b32e-9ce261bfa47e","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"2fb2b485-f567-436c-9ca9-06dd71ceadb3","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"c1466f0c-9710-41d3-9812-c7321630328a","tags":[{"product":null,"links":null,"id":"e1d31134-0bda-4c05-bee0-b1f21f82940b","name":"new","color":"#00A273","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"b0e616b5-b520-405e-b108-e81363a8dd74","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"f5712fda-d364-4652-9783-3073e2560b97","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"8f03c498-1e02-459a-a6de-ee619033d6d2","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"2b701643-01a1-40e0-b49b-0a6e93c1f847","tags":[{"product":null,"links":null,"id":"e1d31134-0bda-4c05-bee0-b1f21f82940b","name":"new","color":"#00A273","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"07b4f367-7ddc-4c8a-932c-b180f112364e","tags":[{"product":null,"links":null,"id":"e1d31134-0bda-4c05-bee0-b1f21f82940b","name":"new","color":"#00A273","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]}]
        
(Showing Draft Content)

Webデザイナコンポーネントの使用(React)

新しいReactフレームワークでActiveReportsJSを使用する

Reactのシステムは進化しており、Reactのドキュメントでは新しいアプリケーションやWebサイトを構築する際、「Reactを搭載したフレームワーク」を利用することを推奨しています。以前のバージョンではパッケージランナーツールのcreate-react-appを使用していましたが推奨方法ではなくなっており、代替としてNext.jsのようなフレームワークや、Viteのような包括的な機能とパフォーマンスに優れたツールをご利用することをお勧めいたします。

Next.js

Next.jsは、サーバーサイドレンダリング(SSR)や静的サイト生成などの機能を可能にするReactフレームワークです。ActiveReportsJSではNext.jsにてクライアントサイドレンダリング(CSR)での利用をサポートしています。Next.jsでのActiveReportsJSをご利用される場合は、こちらの「クイックスタート(Next.js)」をご確認ください。

Vite

Viteは、Webプロジェクトのために、より速く無駄のない開発体験を提供することを目的としたビルドツールであり、Reactアプリケーションの構築に役立ちます。ViteでのActiveReportsJSをご利用される場合は、こちらの「クイックスタート(Vite)」をご確認ください。


上記のReactを搭載したフレームワークでのご利用が困難な場合、ActiveReportsJSのバージョンを「V4.2J」以下でのご利用をご検討ください。