…te UI for Angular 21 リリースいたしました。本リリースでは、様々な新機能と重大な変更が含まれておりますので是非ご期待ください。詳細は以下をご覧ください。 Typedoc と Sass の API サイトで表示するバージョンを選択いただけますが、製品リリースから同バージョンの API ご提供までには通常数日いただいております。また前バージョンリリース以降に API の追加/変更がない場合、最新バージョンはドロップダウンに追加されない場合があることにご注意くだ…

…te UI for Angular 20.1 リリースいたしました。本リリースでは、様々な新機能と変更が含まれておりますので是非ご期待ください。詳細は以下をご覧ください。 Typedoc と Sass の API サイトで表示するバージョンを選択いただけますが、製品リリースから同バージョンの API ご提供までには通常数日いただいております。また前バージョンリリース以降に API の追加/変更がない場合、最新バージョンはドロップダウンに追加されない場合があることにご注意くださ…

…te UI for Angular Ignite UI for Blazor Ignite UI for React Ignite UI for Web Components 新製品（Ultimate / Professional）のバージョンアップガイド を確認しましょう。 6. 将来を見据えた3つの選択肢 〜今後どう進めるべきか？〜 ここまでの章を読み進めていただいた方の多くは、次のような疑問をお持ちではないでしょうか。 「必要な旧製品・バージョン（フレームワークの種類）…

… UI シリーズは Angular、React、WebComponents 版も用意されており、それらプラットフォームでも利用可能です。これは、本記事で解説したような高度で自由度の高いレイアウト変更機能を、Blazor のみならず、Angular や React、Vue や Svelte といったライブラリ/フレームワークで構築された皆さんの Web アプリケーションに手軽に搭載できるということであり、驚くべきことです。 ぜひこの機会に Ignite UI をお試しください!…

…te UI for Angular にもタイルマネージャーコンポーネントが含まれています。つまり、JavaScript/TypeScript を用いたクライアント Web アプリケーション開発、例えば React や Angular アプリケーションでもタイルマネージャーを無償で商用利用可能です。Ignite UI for WebComponents を使用すれば、あらゆる JavaScript フレームワークでタイルマネージャーを利用できます。 ぜひこの機会に Ignite…

… UI シリーズは Angular、React、WebComponents 版も用意されており、それらプラットフォームでもオープンソース版が利用可能です。 Ignite UI の一部オープンソース化により、これまで有償版でしか利用できなかった多くのコンポーネントが無償で利用できるようになりました。その中には本記事で紹介したカードコンポーネントのほかにも、“タイルマネージャー” のような高度で自由度の高いレイアウトコンポーネントも含まれています。タイルマネージャーを使えば、ユー…

…te UI for Angular Ignite UI for Web Components どの技術スタックでも「無料で使い始められる」点が魅力です。 MIT ライセンスとは？ オープンソースコンポーネントは MITライセンス で提供されています。 MIT = Massachusetts Institute of Technology（マサチューセッツ工科大学） 世界でもっとも利用される“自由度の高い”ライセンスの一つです。 MITライセンスの安心ポイント 商用・非商用どち…

…す。React / Angular / Blazor / Web Components それぞれの構成に沿ったコードを自動生成することができます。フォルダ一式が整理された状態でコード自動生成されるため、ジュニアデベロッパーでもスムーズにコードを理解することができます。 コード自動生成を理解する コードの自動生成（公式ヘルプドキュメント） 4つのフレームワークにコード自動生成できるApp Builder（ブログ情報） また、ご希望のフレームワークの特性を理解しましょう。既存シス…

…te UI for Angular 19.2 リリースいたしました。本リリースでは、様々な変更が含まれておりますので是非ご期待ください。詳細は以下をご覧ください。 Typedoc と Sass の API サイトで表示するバージョンを選択いただけますが、製品リリースから同バージョンの API ご提供までには通常数日いただいております。また前バージョンリリース以降に API の追加/変更がない場合、最新バージョンはドロップダウンに追加されない場合があることにご注意ください。 は…

…ク（React / Angular / Blazor / Web Components）でコード自動生成できる レスポンシブデザインも簡単に実装できる AI にプロンプトを送るとUIデザインを自動生成できる そして、この App Builder から Reveal（組込型セルフBIソリューション）を組み込むことができます。 App Builder の UI選択パレットに Reveal が追加されており、ドラッグ＆ドロップでダッシュボードを配置できます。コーディングにかかる時間…

…ンドとして定番の 「Angular」 と、デザインからコードを自動生成できる 「App Builder」の組み合わせによる価値を解説します。 React / Web Components / Blazor など、多くの選択肢がある中で、 「なぜ、あえて Angular を選ぶのか？」 「なぜ、App Builder × Angular という組み合わせに投資するのか？」 この “選定理由” を、現場目線でしっかり言語化していきます。 今、多くの企業が「既存Web資産の刷新」や…

…act コード ２.Angular コード（スタンドアローン記法/モジュール記法） ３.Blazor（C#） コード（Server/WebAssembly） ４.Web Components コード（W3C標準ネイティブの TypeScript） 本記事では、この自動生成機能を中心に、App Builder が提供する開発効率化の仕組みや、実際の開発フローについて詳しく解説します。 1. App Builder とは 2. 4つのフレームワークでコード自動生成 1. Reac…

…必須に ReactやAngularなどJavaScriptフレームワークの学習コストが高い Figmaデザインからの再実装に時間がかかり、UI統一も難しい 既存のアプリをどこから、どうやって移行すべきかわからない このような現場の悩みに対して、「Blazor（C#）」＋「App Builder」という組み合わせが、いま注目を集めています。本記事では、これらの課題を解決するためのC#ベースアプリのWeb再構築戦略を、App Builder を活用した具体的なBlazor移行手法…

…をもとにReact、Angular、Blazor、Web Componentsの4つのフレームワーク向けにコード自動生成できるため、デザインの二重管理が不要になります。 上流工程を見直そう！デザイン工数の2重管理を解消するApp Builder - インフラジスティックス・ジャパン株式会社Blog 🔗 バックエンド資産を最大限活用可能 既存システムのデータベースやビジネスロジックを捨てることなく、既存バックエンドフレームワークとの親和性が高いため、移行に伴うリスクを最小化でき…

…ト技術（React・Angular・Blazorなど）はライフサイクルが短く、常に学び直しが必要 社内に「Webエンジニア」がいないため、既存メンバーでは対応困難 外注に頼ると、ベンダーロックや品質依存のリスクが高まる ❸ レガシー資産の壁 VB6、WinForms、WPFの資産が10年以上にわたって拡張・改修され続けている ソースコードが属人化しており、改修に踏み切るとバグの温床になる アーキテクチャが抜本的に異なり、Web対応への移行が容易でない ❹ 組織・業務プロセスの…

…te UI for Angular Ignite UI for Web Components Ultimate UI for ASP.NET Web Forms Ultimate UI for ASP.NET Core Ultimate UI for ASP.NET MVC Ultimate UI for jQuery デスクトップアプリケーション向けUIライブラリ Ultimate UI for Windows Forms Ultimate UI for WPF 最大の特徴…

… Blazor / Angular ― 従来の選択肢とその課題 4. Web Components の特長と強み 1. フレームワーク非依存 2. ブラウザネイティブの標準仕様 3. 再利用性の高さ 4. 長期運用に強い 5. App Builder が解決すること 5-1. App Builder でデザインしたWebアプリケーション 5-2. Web Components で自動生成されたコード一式 5-3. Web Components コードをビルド実行 関連ブログ …

…te UI for Angular 20 リリースいたしました。本リリースでは、様々な新機能と変更が含まれておりますので是非ご期待ください。詳細は以下をご覧ください。 Typedoc と Sass の API サイトで表示するバージョンを選択いただけますが、製品リリースから同バージョンの API ご提供までには通常数日いただいております。また前バージョンリリース以降に API の追加/変更がない場合、最新バージョンはドロップダウンに追加されない場合があることにご注意ください。…

…れます。React、Angular、Blazorなどの主要フレームワークに即時対応し、生成されるコードもベストプラクティスに沿った構造になっています。これにより、エンジニアがゼロから組み直す必要がありません。 上流工程の一貫性 要件定義で作ったデザインがそのままコード化されるため、顧客との合意内容がそのまま動作するシステムに反映されます。結果的に、レビューや修正も最小限で済み、見積精度や納期遵守率が飛躍的に高まります。 上流工程の一貫性 5. 実際の効果事例 ある製造業向けの…

… Google の Angular（スタンドアロンコンポーネント/モジュール） Microsoft の Blazor（Server/WebAssembly） React Web Components（JavaやPHPと親和性の高いTypeScript） React フレームワークで Zip ダウンロード 6-2. 関連ブログ コード自動生成までの一連の流れについては、下記ブログなども参考にしてください。 blogs.jp.infragistics.com blogs.jp.i…

…zor/React/Angular/Web Components）できる BtoBレベルの業務アプリケーションのプロダクションコード一式が自動で手に入る（開発速度UP） 自動生成されたコードは即時ビルド可能、さらにVisual Studioで高度なカスタマイズも可能 UI部品は全てInfragisticsでテスト完了済みの高機能なUIコンポーネント（単体テスト工数を大きく削減） UI部品は全てApp Builder 上でRestAPI連携も可能、APIエンドポイントのコードも…

…te UI for Angular ヘルプドキュメント Ignite UI for Web Components ヘルプドキュメント Ignite UI for jQuery ヘルプドキュメント Ultimate UI for ASP.NET ヘルプドキュメント Windows アプリケーション Ultimate UI for Windows Forms ヘルプドキュメント Ultimate UI for WPF ヘルプドキュメント 例：高度なチャートコンポーネントの Rea…

…ct/Blazor/Angular/WebComponentsでの画面開発を、できるだけ短時間で仕上げたい グリッド等のUI部品とAPIと接続してデータ連携するプロトタイプをすばやく作りたい このような課題をお持ちではないでしょうか？ App Builder は、クラウド上で動作するローコード開発ツールで、直感的なUIと強力なコード生成機能を両立。 React / Angular / Blazor / WebComponents に対応した高品質なコードを生成できるため、プロ…

…te UI for Angular 19.1 リリースいたしました。本リリースでは、様々な新機能と変更が含まれておりますので是非ご期待ください。詳細は以下をご覧ください。 Typedoc と Sass の API サイトで表示するバージョンを選択いただけますが、製品リリースから同バージョンの API ご提供までには通常数日いただいております。また前バージョンリリース以降に API の追加/変更がない場合、最新バージョンはドロップダウンに追加されない場合があることにご注意くださ…

…で UI を構築し、Angular / React / Blazor / Web Components 向けのコードを自動生成できるツールです。裏側では、弊社の UI コンポーネントライブラリ「Ignite UI」シリーズの各種バージョンが利用されています。 通常、App Builder のバージョンアップに伴い、これらのコンポーネントも最新バージョンへと自動で更新されます。これ自体は製品の進化として望ましいことではありますが、プロジェクト現場によっては思わぬ「バージョンアッ…

… Webアプリ開発：Angular / React / Blazor / Web Components / ASP.NET / jQuery デスクトップアプリ開発：WPF / WinForms データ可視化：高機能チャート、高機能グリッド ローコード開発支援：App Builder（デザイナー向けUI設計＆コード生成） ✅ ポイント：これにより、開発の初期設計〜実装〜運用まで、Infragisticsだけですべてが完結します。 まとめ：配布ライセンス不要がもたらす“真の自由…

…te UI for Angular 18.2 リリースいたしました。本リリースでは、様々な新機能と重大な変更が含まれておりますので是非ご期待ください。詳細は以下をご覧ください。 Typedoc と Sass の API サイトで表示するバージョンを選択いただけますが、製品リリースから同バージョンの API ご提供までには通常数日いただいております。また前バージョンリリース以降に API の追加/変更がない場合、最新バージョンはドロップダウンに追加されない場合があることにご注意…

…ct、Vue.js、Angularといったフレームワークにより、開発効率は大きく向上しました。UIライブラリの洗練もあり、ユーザー体験の質はかつてないほど高まっています。 その一方で、バックエンドのAPI開発が開発全体の足かせになっているという声も少なくありません。特に、異なるデータベースの統合やレガシーシステムとの接続が求められる場面では、多くの時間と労力が費やされているのが実情です。 こうした課題を解消する糸口として、注目されているのが、Microsoftが提供する Da…

…なると React/Angular/Blazor などレスポンシブ設計などを含めた知識が必要になってくる。開発だけでなくUI設計もしなければならないので、現在の開発チームのスキルでは手を出しにくく感じる。できればUI設計の部分は外注したいが、予算が足りない。 「どこで何が動かなくなるか」Windows Formで使っていたUIコンポーネントもWebにはそのまま持っていけない。内部ロジックもイベントの仕組みも異なる。今までのコードが動かなくなるだけでなくて、意図した通りではに挙…

…ーと即時コード生成 Angular、Blazor（Server/WebAssembly）、React、WebComponents フレームワークへの対応 AI生成によるビュー生成、データソース生成、画像生成への対応 App Builder で構築したWebアプリのデモンストレーション 2. エンジニア向けローコード開発の本質 2.1 ローコードの強みと限界 ローコード開発というと間接部門などの「非エンジニア向け」というイメージを持たれがちですが、App Builderはエンジ…