【App Builder 活用術】デザインとコードをGitHubでブランチ管理！仕様変更に強いマージ戦略を考える

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

近年のWebアプリケーション開発においては、効率と柔軟性を両立させることが求められています。特に、開発プロセスにおいてデザインとコードの仕様変更が頻繁に発生する場合、それらをシームレスに管理できることはプロジェクトの成功に不可欠です。

そんな中で注目されているのが App Builder です。このツールは、ビジュアルデザインから自動的にコードを生成する画期的な機能を備え、デザインと開発の一体化を強力にサポートします。

しかし、一部の開発現場からは「App Builder は一次開発のみに適しているのでは？」という懸念が挙がっていることも事実です。具体的には、一度自動生成されたコードにカスタマイズを施した後、App Builder へ再インポートできない仕様が課題とされています。

このため、「デザインの仕様変更」や「二次開発で新たなデザインを反映したい」場合に、App Builderが使えなくなるのではないかというご心配の声をお聞きします。

この記事では、GitHub を活用したブランチ構成（main-dev-feature）を導入することで、こうした課題をクリアでき、App Builder をプロジェクトの全てのフェーズで適用してデザインを反映できる解決策を紹介します。これにより、App Builder の利用者は何度でもデザインの仕様変更に対応することができ、二次開発の新たなデザインを取り込むことができるようになります。

App Builder を使用してWebアプリケーションを開発する際には、デザインの変更とカスタマイズしたコードを効果的に管理するためのマージ戦略がとても重要です。それでは早速見て行きましょう。

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

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

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

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

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

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

【2024年】日本の中小企業が取り組むべきDX推進手法（データ可視化とローコード）

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

日本の中小企業は、デジタルトランスフォーメーション（DX）の推進に迫られています。経済産業省レポートの「2025年の崖」では、DXに対応できない企業が経済的な危機に直面する可能性を警告しています。日本の人口減少による労働力不足は、中小企業にとっても重大な課題となり、より少数精鋭でのDX人材の組織づくりが必要とされています。

今回のブログでは、これからの時代に中小企業が取り組むべきDXについて、具体的なステップと戦略を解説します。

Infragistics Ultimate 24.1 製品リリースノート

リリースの時期がやってきました。今回のInfragistics Ultimate 24.1は、世界中でシンプルさと美しさを兼ね備えたアプリケーションを作成するために役立つ、待望の新機能を多数提供します。これまで以上に開発速度が最大8倍向上しました！

継続的なリリーススケジュールの一環として、ここ数か月にわたり、私たちはApp Builderの強化されたコード生成機能や、主要なWebフレームワーク向けの高度なグリッドコンポーネントに焦点を当ててきました。

Infragistics Ultimate 24.1の主な特徴は以下の通りです

• その他のローコード機能：Reactコード生成とマスター・ディテール機能
• 最新のWebフレームワーク向け：新しいグリッドとコンポーネント
• 強化されたチャート機能：チャートハイライトフィルター
• デスクトップエクスペリエンスの向上： .NET 8 のサポートとファネルチャートの強調表示

私たちの主な目標は、皆様とチームの生産性を向上させることです。個人の開発者であっても、大規模なデジタル製品チームの一員であっても、Infragistics Ultimateは、美しく高性能なアプリをより効率的に作成するために必要なツールを提供します。

それでは、各機能の詳細を見ていきましょう。

【2024年】Windows FormsからWPF・Webアプリへ移行するための最新ガイド

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

2000年代初頭に登場した Windows Forms は、長年にわたり多くの企業においてデスクトップアプリケーション開発の主力として活躍してきました。Windows Forms は、その使いやすさと広範なコントロール群によって、当時の開発者にとって非常に魅力的な選択肢でした。特に、社内業務システムやデバイスと密接に連携するアプリケーションの構築において、その地位は不動のものだったと思います。

一方で、テクノロジーの進化とともに、Windows Forms は徐々にレガシーな技術となりつつあります。モダンなUIデザインや高度なユーザーエクスペリエンスの要求が高まる中、WPF やWebアプリケーションのような新しいプラットフォームへの移行が企業にとって重要な課題となっています。

2024年現在、移行を検討している多くの企業が直面するのは、技術的な面だけでなく、コストや運用面での課題も含めた包括的な移行戦略の立案です。

本ガイドでは、Windows Forms から WPF やWebアプリケーションへの移行を成功させるための最新情報とベストプラクティスを提供します。移行のメリットやリスクを理解し、どのアプローチが自社にとって最適であるかを見極めるためのガイドとなることを目指しています。

このガイドを通じて、将来的な技術基盤へのシームレスな移行を実現し、ビジネスの競争力をさらに高めるためのヒントを得ていただければ幸いです。

IT投資を見直しませんか？App BuilderでWeb開発部門の生産性を70%向上させる手法

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

Infragistics App Builder は、Web開発部門を持っているソフトウェア企業にとってゲームチェンジャーとなる強力なローコードツール（コード自動生成・AI搭載）です。

企業の成長に不可欠な要素の一つが、IT投資の最適化です。特に、ソフトウェア開発部門の生産性を向上させることは、競争の激しい市場での成功に直結します。しかし、多くの企業が開発プロセスの遅延やコストの膨張に悩まされているのが現状です。

そこで、Infragistics App Builder が登場します。App Builder は、開発プロセスを最大70%もスピードアップし、コスト削減を実現する革新的なツールです。本記事では、その具体的なメリットと導入による生産性向上の手法をご紹介します。

アトミックデザイン×ローコード App Builder でUIコンポーネントの再利用を促進する！

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

Infragistics App Builder は、アトミックデザインの原則に基づいたUI構築を支援する強力なツールです。

ソフトウェア開発の現場では、デザインの一貫性を保ちながら効率的にUIを構築することが求められます。ここで登場するのが「アトミックデザイン」という設計手法です。

アトミックデザインはUIコンポーネントを「原子」「分子」「生体」「テンプレート」「ページ」という5つの階層に分解し、再利用可能なコンポーネントを組み合わせてデザインするアプローチです。

この記事では、App Builder がどのようにアトミックデザインの特性を実現し、導入したソフトウェア企業がその恩恵を受けられるかを解説します。

WPF 24.1 リリース：WPF インストーラーから NuGet パッケージへの移行

Infragistics の主な目標は、統合や使用、維持が容易なツールを提供することです。バージョン 24.1 のリリースでは、従来の WPFインストーラーから、WPF コンポーネント用の NuGet パッケージへとシームレスに移行するためのツールが提供されます。

この変更が具体的に何を意味し、なぜ重要なのかを解説します。このブログでは、このシフトの背後にある理由を説明し、その利点を詳しくご紹介します。

App Builder リリース & React コード生成

今月、App Builder の新たなマイルストーンを迎えました。6月のアップデートにより、ローコードプラットフォームが大幅に強化され、さらに迅速なアプリ開発が可能になります。これには、待望のReactコード生成機能をはじめとする新しいローコード機能の追加が大きく貢献しています。また、新しいゲストアクセスモードを利用すれば、初めてのユーザーでもアカウントにサインアップすることなくApp Builderを試用することができます。サインインすると、進行状況を保存でき、作業内容が保持されるため、安心して利用できます。

さらに、Reactコード生成に加え、Select、Text-area、Radio-group コンポーネントの双方向データバインディングのサポートが追加されました。これにより、ユーザーインターフェースとデータモデルの間でシームレスな同期が可能になります。また、アプリで使用されているデータソースの最新更新情報を通知する機能も追加され、データの変更を効果的に管理できるようになりました。

React コード生成やその他の新機能について説明する前に、App Builder が初めての方に、なぜこのツールが組織のアプリケーション開発プロセスにおいて重要なのかを簡単にご紹介します。

• ビジュアル アプリ ビルダー：プロダクト マネージャー、デザイナー、開発者、関係者向けの統合プラットフォーム。
• クラウドベースのWYSIWYGドラッグ&ドロップツール：これにより、企業は完全なビジネスアプリを従来よりも80%速く設計・構築できます。
• ローコードツール：Figma と Sketch のデザインから、実運用対応のBlazor、Angular、Webコンポーネント、Reactコードを生成できます。

App Builder リリース: 双方向データ バインディング、データソース、OpenAPI スキーマの更新など

5 月の App Builder リリースでは、多くの新機能と改善点が提供されました。ユーザーは、既存のデータソースを最新のOpenAPIスキーマに更新し、変更点を確認できるようになりました。また、Input、Checkbox、Switch、Date Picker、Calendar、Rating、Sliderといった各コンポーネントにおける双方向データバインディングのサポートも向上しました。

その他の新機能としては、ツリーグリッドコンポーネントで行の作成、更新、削除が可能となるデータアクションが追加され、行選択イベントに基づいて変数を更新できるようになりました。さらに、ツリーコンポーネントが強化され、単一ノードの展開とアイテムクリックの切り替えに対応するプロパティが追加されています。加えて、入力コンポーネントには新しい検索スタイルのオプションが追加されました。

これらの新機能を詳しくご紹介する前に、App Builderにまだ馴染みのない方のために、組織のアプリケーション開発プロセスにおいて重要なツールとして検討すべき理由を簡単にお伝えします。

• ビジュアル アプリ ビルダー：プロダクト マネージャー、デザイナー、開発者、関係者向けの統合プラットフォームです。
• クラウドベースのWYSIWYGドラッグ&ドロップツール：企業は完全なビジネスアプリケーションをこれまでよりも80％速く設計・構築できます。
• ローコードツール：FigmaやSketchのデザインから、本番環境に対応したBlazor、Angular、Web Components、Reactのコードを生成します。

Angular Signals を理解する：総合ガイド

進化し続けるWeb開発の世界において、Angularはプログラマーの能力を絶え間なく強化することで、常に最前線を走り続けています。同社は、改善への揺るぎないコミットメントで知られており、今回のAngular v16のリリースではエキサイティングな新機能である『 Angular Signals 』を導入しました。

Angular Signalsが初めての方、またはすでに開発者プレビューを試したことがあるがSignalの仕組みについて詳しく知りたい方に、この包括的なガイドが理解の助けとなるでしょう。

『 Angular 状態管理 』プロジェクトを進めるためのベストプラクティス！

大量のデータ通信を伴う Angular アプリを構築する際には、データ効率、ネットワーク遅延、スケーラビリティ、リソース管理、テスト、ユーザーエクスペリエンス（UX） などの要因に対処するための包括的なアプローチが必要です。また、アプリのスケーラビリティと一貫性を保ちながらデータの競合を回避するため、効果的な Angular の状態管理は非常に重要です。適切な状態管理がなければ、データはアプリ内のどこにでも散在してしまう可能性があります。

では、Angular の状態管理とは何でしょうか？また、どのように実装すべきでしょうか？この記事では、『 Ignite UI for Angular 』 を用いた Angular 状態管理のベストプラクティスを紹介します。RxJS（Reactive Extensions for JavaScript） を利用したサービスベースの実装方法や、NgRx（Angular Reactive Extensions） を使用した状態管理アプローチを、実際のコード例を交えて詳しく解説します。

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

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

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

FigmaとApp Builderを使ったコード生成の注意ポイント（Indigo.Design UI キット活用術）

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

Infragistics の App Builder は、Figma デザインを取り込んで、コード自動生成できる画期的なツールですが、使用する際の注意ポイントを理解しましょう。

注意するポイントは下記です。

• Indigo.Design UI キットのデザインファイルが必要
• Indigo.Design プラグイン（Figma プラグイン）が必要
• 基本コンポーネント（Base Components）の理解
• コンポーネントの使用方法の理解
• プロパティ管理の理解
• メタデータ（親子関係情報）の理解

これらを理解することで、Figma から App Builder へインポートしたデザインを、コード自動生成する業務シナリオにおいて、効率的にツールの活用が進むと思います。