こんにちは！ソリューションコンサルタントの田上です。
Webアプリ開発において、ボタンのクリックやデータの選択といったインタラクションに対して、複数のアクションを実行したい場面は多々あります。これまでは、1つのイベントにつき1つのアクションしか設定できず、複雑なワークフローを実現するには、App Builder でコード自動生成された後に、追加のコーディングが必要でした。
最新のアップデートにより、App Builderは「マルチアクション」がサポートされました。この新機能により、1回の操作で複数のアクションをトリガーできるようになり、開発の柔軟性が格段に向上しました。
続きを読む
開発ローカル情報とは、インフラジスティックスが日々お客様と対話する中でよく耳にする、開発現場の小さな領域に限定したトピックを掘り下げて共有する特集です。
3月は、その目覚ましい変化は語るまでもないであろう生成AIの機能、特にUIの開発において代表的なツールであるFigma・Cursor・App Builder(弊社ツール) を比較して特徴をまとめました。
一方、普段商談をさせて頂く中では、「AI活用」だけでなく「AI開発」を構想・着手している企業様も多くいらっしゃいました。お話を聞く中では、社内に蓄積されている業務データをテキストプロンプトで検索・分析できる社内用の生成AIチャットボットが具体的な開発対象として主流のようでした。
続きを読む
こんにちは！ソリューションコンサルタントの田上です。
Webアプリ開発において、大量のデータを扱う際に不可欠なのが「ページング機能」です。データの量が増えるほど、全件表示ではパフォーマンスが低下し、ユーザー体験も悪化してしまいます。
そんな中、App Builder に「ページング機能」がついにリリースされました！
これにより、繰り返しData（API連携）を行うコンポーネントに対して、リモートページング対応のAPIがあれば、簡単にページングを設定できるようになりました。本記事では、App Builderの新機能「ページング」を活用し、大規模データを快適に表示する方法をご紹介します。
続きを読む
こんにちは！ソリューションコンサルタントの田上です。
Web開発を効率化するために、Next.js、UIライブラリ、そしてローコード開発ツール App Builder を組み合わせることで、開発スピードを飛躍的に向上させることができます。
近年、Webアプリケーションの開発においては、いかに効率的にシステムを構築できるかが競争力を決定づける要因となっています。特に、ReactベースのフレームワークであるNext.jsは、パフォーマンスやSEOの最適化に優れており、デザインとUIコンポーネントの一貫性を維持しながら、素早く高品質なアプリケーションを開発することができます。さらに、ローコード開発ツールであるApp Builderを組み合わせることで、デザインからコード生成までを自動化し、開発スピードを劇的に短縮することが可能です。
続きを読む
UI開発において制約は単なる障壁ではなく、効率と品質を向上させる重要な要素です。制約を想像的に活用して一定の枠組みを設けることで、無限の選択肢の中で迷うのではなく、優れたユーザーインターフェース(UI)を効率的に開発することができます。
この記事では、デザイン制約の効果や実践方法、具体的なワークフローを解説します。
インフラジスティックス・ジャパン株式会社、ローカライゼーションのルミです。Ignite UI for Angular 19 リリースいたしました。本リリースでは、様々な新機能と変更が含まれておりますので是非ご期待ください。詳細は以下をご覧ください。
こんにちは！ソリューションコンサルタントの田上です。
近年、Webアプリケーション開発は、開発者だけでなく非開発者にも開かれた分野となり、より多くの人々がアプリケーションの設計や開発に携わるようになっています。特に、ノーコードやローコードのツールが普及し、これらのツールを使えば、技術的な知識が少ない方でもWebアプリのデザインを素早く作成し、さらには自動的にコードを生成することができるようになっています。
この記事では、ノーコードとローコードのツールを活用し、どのようにWebアプリケーションのデザインを自動生成できるか、また、それぞれのツールの特徴やメリット・デメリットを比較していきます。
続きを読むこんにちは！ディベロッパーサポートチームの Mori です。
今回も弊社で育てているナレッジベースのコンテンツをご紹介したいと思います。
この度のテーマは Ignite UI for WPF です！
弊社の Ignite UI for WPF でお問合せの多いコントロールの一つにグリッド（xamDataGrid）があります。グリッドでも行（レコード）に関してスタイルを変更したいというご要望が多いです。
今回は以下の 3つのコンテンツをご紹介したいと思います。
続きを読む
UI開発とは、「デザインを技術的に具体化し、動作するインターフェースを構築するプロセス」です。UIデザインがユーザーとの各接点(入力フォームやボタン、検索結果など)の設計を重視するのに対し、UI開発はそのデザインを実装し、実際に機能する形にする点にあります。
UIデザインとUI開発の技術やツールが進化し、それぞれの専門性が分化する一方で、デザインから開発へのハンドオフ時に生じる認識のずれや手戻りをいかに防ぐかが、開発全体の効率に大きく影響します。
この記事は、UIライブラリの基本概念から最新のUIライブラリ利用動向、導入のメリット・デメリットや選定のポイント、さらにUIライブラリの基本的な導入ステップを網羅するUIライブラリ完全ガイドです。
UIライブラリにおける情報を完全網羅しているため、非常に長いです。サマリを把握したい方はこの記事をコピーして、ChatGPT や NotebookLM から必要な分だけ抽出するなどされてくださいね。
開発ローカル情報とは、インフラジスティックスが日々お客様と対話する中でよく耳にする、開発現場の小さな領域に限定したトピックを掘り下げて共有する特集です。
今月は、社内システムのバージョンアッププロジェクトをされている企業様数件とお話をしました。「バージョンアップ」は、年間を通してよく相談いただくトピックですが、依存するプログラムが多くて組織内の調整コストも嵩むので「そのうち対応しないといけないがまだ具体的には...」と、実際には腰が重い企業様も多いようです。
今月お話をした企業様は、プラットフォームはそれぞれ異なるものの、バージョンアップの前後で対象となるバージョンリリース時期には「約10年」の開きがありました。「基幹システムの寿命は10-14年」とはよく言われるものですが、弊社で相談をお受けするバージョンアップサイクルも同じ傾向の印象です。
プラットフォームのバージョンアップにおいて何にハードルを感じ、どのようなステップで進めることが多いのでしょうか。
続きを読むこんにちは！ディベロッパーサポートチームの Mori です。
今回も弊社で育てているナレッジベースのコンテンツをご紹介したいと思います。
この度のテーマは Ignite UI for WPF です！
弊社の Ignite UI for WPF でお問合せの多いコントロールの一つに Grid（xamDataGrid）があります。Grid といえば、そうです、ヘッダーですね（!?）
ヘッダーといえば、そうです、スタイル変更ですね（!!?）
今回は以下の 2つのコンテンツをご紹介したいと思います。（少ないぞ！）
続きを読む
開発ローカル情報とは、インフラジスティックスが日々お客様と対話する中でよく耳にする、開発現場の小さな領域に限定したトピックを掘り下げて共有する特集です。
コーディング作業を効率化するため、Figmaで作成した画面デザインから自動でコード生成したい、とツールを探している方がここ最近増えている印象です。Figmaからコード生成、といってもHTML/CSSなどのスタイルコード生成までを指すのか、ReactやAngular、Vue.jsなどを想定した動的なコード生成まで実現したいのか、によって、技術的な難易度や実現方法は異なりますが、一般的に業務システムを開発する際にはフォントサイズやカラーリングなどの「静的な画面設計」だけでなく、入力時のフォームバリデーションや、テーブルのフィルタリング・ソートなどの「動的な画面設計」が必要です。
続きを読む
こんにちは！ソリューションコンサルタントの田上です。
Reactを使ったUI開発を効率化するには、適切なUIライブラリの選択が鍵を握ります。この記事では、2025年最新版の25個の無償UIライブラリと、5個の有償UIライブラリを比較し、それぞれの特長や選択肢を詳しく解説します。初心者から上級者まで、React開発者が直面する選択肢を明確にし、プロジェクトに最適なライブラリ選定をサポートします。
また、多くの企業が「無償ライブラリのOSS（オープンソースソフトウェア）で十分では？」と考えがちですが、有償ライブラリを導入した際に得られる「費用対効果（大きなコスト削減、生産性向上による開発工数削減）」といった見落としがちなメリットも存在します。
本記事では、比較結果を元に、有償UIライブラリであるInfragistics UIライブラリ を選択することによる具体的なメリットと投資対効果を分析し、皆さまのプロジェクト状況に寄り添った形での、意思決定をサポートする情報を紹介します。
続きを読む
こんにちは！ソリューションコンサルタントの田上です。
今回の記事では、Figmaで制作したデザインを App Builder へインポートした直後に「インポートエラー（モデルのシリアライズエラー）」が発生してしまうお問合せについてお答えします。
App Builder は、ドラグ＆ドロップで簡単にデザインをコード自動生成できるローコードツールですが、最初のトライアルでつまづくような場合の問題解決の Tips になれば幸いです。
続きを読む