インフラジスティックス・ジャパン株式会社Blogインフラジスティックス・ジャパン株式会社Blogインフラジスティックス・ジャパン株式会社のチームメンバーが技術トレンド、製品Tips、サポート情報からライセンス、日々の業務から感じることなど、さまざまなトピックについてお伝えするBlogです。Hatebuこんにちは!ソリューションコンサルタントの中江です。プロジェクトの作成から、簡単なアプリケーションの構築までを行なっていきます。利用して、高機能なグリッドやチャートコントロールを、簡単に実装していきます。コントロールを組み込んだデータ可視化ダッシュボードのサンプルアプリケーションについて紹介しています。こちらもぜひご覧ください。blogs.jp.infragistics.com今回は開発を始めるための環境構築を行なっていきます。インストールされている状態にセットアップします。アプリケーションを作成したいルートディレクトリを開き、メニューからターミナルを表示し、ターミナルウィンドウで以下のように入力します。バージョンにアップデートを行ってください。最新版はこちらで確認いただけます。アプリケーションの作成に成功すると、このようなメッセージが表示されます。開発サーバーを起動します。startこのような画面がブラウザ上で表示されれば、実行は成功しています。アプリケーションを記述する設定としています。以下のような画面となっています。各ライブラリをインストールします。必須で、その他は必要に応じてインストールします。igniteui-react-mapsインストールに成功したら以下のように表示されます。依存関係として各ライブラリが追記されていることが確認できます。コントロールを利用するためにモジュールをインポートする記述を行う必要があります。開き、以下のように追記します。メソッドの実行IgrGeographicMapModule.register();IgrDataChartInteractivityModule.register();コンポーネントの使用これでコンポーネント(今回の例では地理的マップコンポーネント)を利用できるようになりました。関数を以下のように変更します。実行してみると、以下のようにマップコンポーネントがレンダリングされていることを確認できます。マウス操作で拡大縮小表示や位置の移動ができることも確認できます。まとめこれで最低限の開発準備ができました。グリッドコンポーネントを使って表形式でデータの表示を行なっていきます。トライアル板での試用が可能です。アカウントの作成を行ってください。登録より30日間、弊社のテクニカルサポートをご利用いただくことが出来ますのでお気軽にお問い合わせください。お気軽にお問い合わせください。そのほか、製品デモや、弊社製品そのものに関するご相談だけでなく、システム開発における様々なご相談も実施可能な無料相談会も随時受け付けています。14:36関連記事2023-11-21よくあるけど開発が大変な「多段明細」UIをReactで実装するこんにちは!ソリューションコンサルタントの滝元です。テクニカルコンサルティングチームの古堅です。»Aboutインフラジスティックス・ジャパンのチームメンバーが技術トレンド、製品Tips、サポート情報からライセンス、日々の業務から感じることなど、さまざまなトピックについてお伝えするBlogです。Reserved引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。