Next.js で Ignite UI for React の連携方法：動的インポートを徹底解説（よくあるご質問解説）

こんにちは！ソリューションコンサルタントの田上です。

今回の記事では、大手企業の「データ計測アプリケーション」にインフラジスティックス製のUIライブラリである「Ignite UI for React のチャート 」を使いたいというお話をお寄せいただきました。

複雑なチャートの機能要件（滑かで精度の高い曲線/ズームイン/ズームアウト/2段チャート/ラインの見せ方/etc...）を追求していく上で、React のためのレンダリングフレームワークである「Next.js」の環境を使いたいという内容でした。

お客様のご質問はこのような点でした。

• 「Ignite for React のトライアル」を進める中で「Next.js プロジェクト」がうまく動作しません。
• 「Ignite for React」は、SSRやCSRなどのレンダリング方法をサポートしていますか？
• 「Next.js」フレームワークで動作させるための「コーディング方法」を知りたい。

「Ignite UI for React」は、軽快でインタラクティブなソリューションを実現するUIコンポーネントですが、最初のトライアルでつまづくような場合の問題解決の Tips になれば幸いです。では、詳細をご説明させていただきます。

サンプルブラウザーの「サンプルアプリケーション」を上手く起動できない場合の解決方法（よくあるご質問解説）

こんにちは！ソリューションコンサルタントの田上です。

今回の記事では、大規模工場の業務システムでインフラジスティックス製のUIライブラリ（チャートやグリッド）が既に使われており、その「Ultimate UI for Windows Forms」の開発プロジェクトを引き継ぐことになられた開発者様からお寄せいただきました機能質問についてお答えします。

お客様のご質問はこのような点でした。

• 「Ultimate for Windows Forms のトライアル」をスタートしたばかりです。
• 「Infragistics のサンプルブラウザー」の利用は初めてです。
• 「Visual Studio 2022 のDLL参照設定」について知りたい。

「Ultimate UI for Windows Forms」は、軽快でインタラクティブなソリューションを実現するUIコンポーネントですが、最初のトライアルでつまづくような場合の問題解決の Tips になれば幸いです。では、詳細をご説明させていただきます。

App Builder リリース：新機能「ルートパラメーター」＆ 従属変数を使ったナビゲーション

App Builderに初めて触れる方々へ なぜこのツールがあなたの組織のアプリ開発プロセスにおいて重要なのかをまず簡潔にご説明します。

• App Builderは、プロダクトマネージャー、デザイナー、開発者、関係者のための統合プラットフォームです。
• クラウド上で動作するこのWYSIWYG（What You See Is What You Get）ドラッグ&ドロップツールを使うことで、企業は従来よりも80%高速にフルフレッジのビジネスアプリケーションを設計し、構築することが可能になります。
• FigmaやSketchでのデザイン作業からスタートし、運用環境で活用できるBlazor、Angular、Webコンポーネントのコードを生成することができるローコードツールです。

App Builderが2月にリリースしたアップデートには、長い間期待されていた新機能が盛り込まれています。 このアップデートの中心にあるのは、アプリケーションの状態管理をより簡単にするための変数の使用です。 特に、「ルートパラメーター」という特別な種類の変数を使うことで、アプリケーション内でのナビゲーションが格段にスムーズになります。

このアップデートにより、App Builderは開発者だけでなく、デザインやプロダクト管理に携わる人々にとっても、これまで以上に魅力的な選択肢となりました。設計から実装までのプロセスが大幅に短縮され、アイデアを素早く形にすることが可能になるのです。App Builderを活用することで、あなたのチームは創造性を最大限に発揮し、市場に出す製品の質とスピードを同時に高めることができるでしょう。

カレンダーバー部品の色を変えて予約管理システムのUIカスタマイズを手早く実現！（よくあるご質問解説）

こんにちは！ソリューションコンサルタントの田上です。

今回の記事では、他社製のUIライブラリから「Ultimate UI for Windows Forms」に移行をし、カレンダー部品を使って予約管理システムの「本予約/仮予約/キャンセル」を実現したいという開発者様からお寄せいただきました機能質問についてお答えします。

お客様のご質問はこのような点でした。

• 「カレンダー（WinMonthViewMulti）」の「バーの色を変更する方法」を知りたい。
• カレンダーの「月表示」「週表示」を実現したい。
• カレンダーのUI/UX表現方法を習得して「ユーザーエクスペリエンス」を向上したい。

「Ultimate UI for Windows Forms」は、このような要件も気軽に実装いただくことができます。では、詳細をご説明させていただきます。

.NET Framework環境でカレンダー部品をWindows Formsデザイナーに配置する方法（よくあるご質問解説）

こんにちは！ソリューションコンサルタントの田上です。

今回の記事では、他社製のUIライブラリから「Ultimate UI for Windows Forms」に移行をし、カレンダー部品を使って予約管理システムの「本予約/仮予約/キャンセル」を実現したいという開発者様からお寄せいただきました機能質問についてお答えします。

お客様のご質問はこのような点でした。

• Ultimate UI for Windows Forms のカレンダー部品をデザイナーにドラッグアンドドロップする方法を知りたい。
• Ultimate UI for Windows Forms のトライアルをスタートしたばかりです。
• フレームワークは「.NET Framework 4.8」を利用しています。

「Ultimate UI for Windows Forms」は、軽快でインタラクティブなソリューションを実現するUIコンポーネントですが、最初のトライアルでつまづくような場合の問題解決の Tips になれば幸いです。では、詳細をご説明させていただきます。

Ignite UI for Angular 17.0 リリースノート

インフラジスティックス・ジャパン株式会社、ローカライゼーションのルミです。Ignite UI for Angular 17.0 リリースいたしました。本リリースでは、様々な新機能と重大な変更が含まれておりますので是非ご期待ください。詳細は以下をご覧ください。

• Typedoc と Sass の API サイトで表示するバージョンを選択いただけますが、製品リリースから同バージョンの API ご提供までには通常数日いただいております。また前バージョンリリース以降に API の追加/変更がない場合、最新バージョンはドロップダウンに追加されない場合があることにご注意ください。

Ignite UI for Angular 15.1 リリースノート

インフラジスティックス・ジャパン株式会社、ローカライゼーションのルミです。Ignite UI for Angular  15.1 リリースいたしました。本リリースでは、様々な新機能と重大な変更が含まれておりますので是非ご期待ください。詳細は以下をご覧ください。

• Typedoc と Sass の API サイトで表示するバージョンを選択いただけますが、製品リリースから同バージョンの API ご提供までには通常数日いただいております。また前バージョンリリース以降に API の追加/変更がない場合、最新バージョンはドロップダウンに追加されない場合があることにご注意ください。

Angular v17 リリース：「組み込み構文」を使うことで開発スピードが向上します！

「Angular v17 リリース」により、最適化された「Angularの制御フロー」のための新しい「組み込み構文」を採用することで、Ignite UI for Angular コンポーネントでの Angular 開発プロセスを、さらに効率よく強化できる機能がリリースされました。

この強力な機能により、コードが簡素化され、型チェックが改善され、ファイルサイズが縮小され、パフォーマンスが向上します。それでは、いくつかのサンプルコードを作成しながら、構文の動作を確認しましょう。

Angularスタンドアロン・コンポーネントを徹底解説！

開発プロセスの変更と強化に関して、あらゆる手段を講じるフレームワークが 1 つあるとすれば、それは Angular フレームワークです。Angular 16.0.0 リリースでは、ツール、サーバーサイドレンダリング、リアクティブなどに大きな進歩が加えられています。開発者コミュニティにとって、AngularスタンドアロンAPIの導入は多大なるメリットをもたらします。特に「Schematics for Standalone Components」と呼ばれる新機能についてはチェックしてください。これは、再利用可能なUI要素とライブラリを構築する能力を刷新すると同時に、定型モジュールを排除しています。この特徴が、Angular 16.0.0 バージョンの最大の改善点の1つです。

App Builder の新機能を使ってマスター・ディテール アプリを実現する

App Builder は、最新の開発フレームワークをベースとした画面デザイン・レイアウトの作成に秀でたツールです。これまでも、実際のデータをバインドし、CRUD操作を実行するという機能が利用可能でしたが、最新リリースでは、よりインタラクティブなアプリケーションを構築するため「変数」、「状態管理」、「選択イベント」といった新しい概念を導入しています。これにより、マスター・ディテールなどのこれまでに実現できなかったパターンを実装出来るようになりました。

App Builder リリース：財務チャート、変数管理 UI など新機能をチェックしよう！

App Builder 開発チームの 2023年12 月のアップデートがリリースされました！このリリースには重要なアップデートが含まれていますのでチェックしてください！App Builder はチャートやグリッドといったUI部品を、ツールボックスからドラッグアンドドロップだけの簡単操作で、Webページの画面をデザインすることができるローコードツールです。

そのツールボックスに、今回新しく「財務チャート」が含まれるようになりました。これにより、ドラッグアンドドロップで財務チャートをデザインすることができるようになりました。複雑な財務チャートをよく使うプロジェクトであれば、開発工数を大きく削減することができます。

ローコード App Builder の2023年を振り返って

2023年は、ローコード App Builder プラットフォームにとって大きく飛躍した 1年だったと言えます！App Builder 開発チームは、新しいマイルストーンを定めて新しい機能をリリースし続けてきました。3年以上前に話した機能の 90% が実装されているという現在のリリース状況はとても喜ばしいことです。これは App Builder の進化と言っても良いと思います。

グリッド表示を強化！App Builder の列テンプレート機能を解説

さまざまなフィールドを持つデータソースがあると想像してみてください。例えばそれには、名字や名前、住所の詳細（丁目番地、市町村名、郵便番号など）が含まれます。最新のApp Builder™ のリリースでは、これらすべてを1つのセル表示値に統合し、全体の列数を減らすことが出来る機能が追加されました。本記事では、基本的なグリッドから列テンプレートを使ったグリッド表示へと切り替えていくチュートリアルを通して、列テンプレート機能を紹介していきたいと思います。

Blazor の状態管理 (State Management) で考慮すべきベストプラクティス

この記事の原文は以下よりご確認いただけます。
坂本純一 / 2023年11月27日(月)
Blazor State Management Best Practices | Infragistics Blog

Blazor の「状態管理（State Management）」は、フレームワークを使用して構築する、ユーザー操作を含むアプリケーションの重要な部分です。例えば、社内データにアクセスするために、ユーザーがログインする場合のシナリオを考えてみましょう。

しかし「状態が適切に管理されていない」という場合はどうでしょうか。この場合、ログイン状態がわからずにページを再読み込みするたびに、何度もログインする必要があるでしょう。

このようなアプリケーションをユーザーが使い続ける可能性はとても低いでしょう。これは極端な例ですが、状態管理が疎かになることで「UIの応答性の低下」を招くリスクがあります。ぜひ、「Blazor 状態管理（State Management）」で考慮すべき、ベストプラクティスを学んでいきましょう。

mtanoue 2024-02-01 17:00

Ignite UI for Blazor のテーマを変更・カスタマイズしてみよう

Ignite UI for Blazor ではシンプルかつ美しくデザインされた４種類の定義済みテーマが用意されており、このテーマにスタイル化されたコンポーネントを組み合わせることによって、簡単に統一感のある見た目のモダンなウェブアプリケーションを作成することができます。本記事では Ignite UI for Blazor でテーマを切り替える方法と、テーマをカスタマイズして、より自身のブランドイメージに沿ったデザインに整える方法をご紹介します。