【2026年】GitHub Copilot Agent Skills 入門｜スキル（SKILL.md）を設定することで Ignite UI のグリッドとダークモードをAIで自動コーディングする

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

近年、GitHub Copilot をはじめとしたAIコーディングの活用は急速に進んでいます。しかし実務の現場では、次のような課題に直面するケースが少なくありません。

• 同じ要件でもAI生成コードの品質にばらつきがある
• AIの活用が個人依存となり、チームとして再現性が確保できない
• フレームワークやコンポーネントの正しい使い方が担保されない
• UI品質（デザイン・一貫性）が崩壊してしまう

つまり、AIコーディングは「便利」ではあるものの、企業の開発プロセスとしては未成熟であることが多いのが現状です。

本記事では、この課題に対するアプローチとして、

• GitHub Copilot の Agent Skills（SKILL.md）
• Ignite UI for Angular の公式スキル（Skills）
• MCP（Model Context Protocol）によるテーマ制御

を組み合わせ、Ignite UI に準拠したグリッドの追加とダークモードの実装について、簡単なプロンプト指示を元に「AIエージェントで自動コーディング」する方法について解説します。

【2026年】Copilot × Skills × MCP｜なぜAIエージェントのAIコーディングはバラつくのか？属人化を解消する方法

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

近年、GitHub Copilot をはじめとしたAIコーディングやAIエージェントの活用が急速に進んでいますが、次のような課題を感じていないでしょうか？

• 同じ要件でも生成されるコードが人やプロンプトによってバラつく
• プロンプトやノウハウが特定の人に依存し、属人化してしまう
• AIエージェントを使っても、再現性のあるアウトプットが得られない
• AIエージェントが、古いバージョンのコードを生成してしまう
• 視覚的な、ブランドデザインを意識したコーディングができない

特に、AIを活用した開発では、「品質の安定性」と「再現性」が大きな課題になります。

この課題に対するアプローチとして注目されているのが、「スキル（Skills）」と「MCP（Model Context Protocol）」による標準化です。

さらに、UI開発の領域では、スキルだけでは解決しきれない「構造レベルのばらつき」を抑制する手段として、App Builder によるコード自動生成が有効です。

この記事では、

• Ignite UI for Angular / React / Web Components のスキルとは何か
• 実際に GitHub Copilot と組み合わせた検証内容
• そして、App Builder による「ばらつきのない開発」の実現方法

について解説します。

【2026年】バージョン履歴で安心管理！App Builder でビューを簡単に復元しよう！

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

App Builder を使ってWebアプリのUIを設計していると、次のような経験はありませんか？

• レイアウトを調整していたら元の画面に戻せなくなった
• チームメンバーの変更によってビューが崩れてしまった
• UIの実験をしたいが、元に戻せる保証がないので怖い

特にUI設計ツールでは、「画面の状態を安全に保存し、必要なときに戻せる仕組み」が重要です。

この課題を解決するため、App Builder に 「バージョン履歴機能」 が搭載され、ビューの状態をバージョンとして保存し、過去の状態へ簡単に復元できるようになりました。

この記事では、App Builder の新機能である バージョン履歴機能の仕組みと活用シナリオ を紹介します。

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

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

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

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

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

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

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

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

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

はじめてのサポートケース作成ガイド

こんにちは！Infragistics テクニカルコンサルティングチームの鷲尾です。

本記事では、はじめてサポートケースを作成する方向けに、カスタマーポータルからお問い合わせを送信するまでの流れをご紹介します。

【2026年】旧製品・バックバージョンをご利用のお客様へ － 継続利用とバージョンアップのガイドマップ

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

インフラジスティックスの「旧製品・バックバージョン」について、日々多くのお問い合わせをいただきます。特に多いのが、次のようなお声です。

• 「昔使っていたバージョンをもう一度入手したい」
• 「サブスクリプションは切れているが、保守や障害対応のために旧製品・バックバージョンが必要」
• 「環境ソフトウェアが古く、最新版へバージョンアップしたいが、一気に上げるのが難しい」

本記事では、お客様の「疑問」をそのまま「記事の見出し」にしています。

上から順に読み進めていただくだけで、

• 旧製品・バックバージョンの取得方法がわかる
• プライオリティサポートがなぜ必要なのか、理解できる
• あなたのご状況に合わせて、何に注意すべきか、必要な情報が手に入る

上記が整理されるガイドマップになっています。それでは、一緒に確認していきましょう。

オープンソース版の Ignite UI for Blazor で作る、タイルマネージャーを使ったカスタマイズ可能なダッシュボード [後編]

先日、インフラジスティックスが開発・提供する UI コンポーネントライブラリ Ignite UI の一部がオープンソース化され、MIT License のもと、商用・非商用を問わず無償で利用できるようになりました。Blazor 向けである Ignite UI for Blazor もその対象に含まれています。

そこで、本記事では Ignite UI のオープンソース化を機会に、オープンソース版の Ignite UI for Blazor に含まれるユニークなコンポーネントのひとつ、タイルマネージャーを使った、ユーザーが自分でレイアウトをカスタマイズできるダッシュボードの作成方法について解説します。

オープンソース版の Ignite UI for Blazor で作る、タイルマネージャーを使ったカスタマイズ可能なダッシュボード [前編]

先日、インフラジスティックスが開発・提供する UI コンポーネントライブラリ Ignite UI の一部がオープンソース化され、MIT License のもと、商用・非商用を問わず無償で利用できるようになりました。Blazor 向けである Ignite UI for Blazor もその対象に含まれています。

そこで、本記事では Ignite UI のオープンソース化を機会に、オープンソース版の Ignite UI for Blazor に含まれるユニークなコンポーネントのひとつ、タイルマネージャーを使った、ユーザーが自分でレイアウトをカスタマイズできるダッシュボードの作成方法について解説します。

オープンソース版の Ignite UI for Blazor "Lite" を使ってみよう

先日、インフラジスティックスが開発・提供する UI コンポーネントライブラリ Ignite UI の一部がオープンソース化され、MIT License のもと、商用・非商用を問わず無償で利用できるようになりました。

• プレスリリース "Webアプリケーション向け有償UIライブラリ「Ignite UI」の一部を無償化":  https://jp.infragistics.com/about-us/press-releases/202512-oss
• Ignite UI オープンソース版の紹介記事:
  https://jp.infragistics.com/blogs/open-source-components/
• "【2025年】Ignite UI にオープンソース版が登場！無料で使えるUIコンポーネント50種と有償版の違いを解説": https://blogs.jp.infragistics.com/entry/igniteUI%E2%80%93OpenSourceEdition

Blazor 向けである Ignite UI for Blazor もその対象に含まれています。

そこで本記事では、Ignite UI の一部オープンソース化を機会に、オープンソース版の Ignite UI for Blazor を使った Blazor アプリケーションの作成手順を紹介したいと思います。

AI と一緒に IG 製品使って WPF アプリ開発して寝てる間に仕事終わってる夢を叶えたい

メリークリスマス！ よいお年を！ ハッピーニューイヤー！ & ゲッツ！

インフラジスティックスの Mori です！

この時期はもうやること多くてほんと大変ですよね！物理的に！せめて仕事くらいはなんとか簡単に済ませちゃいたい、楽をしたい、なんなら寝ている間に終わっててほしい。

そんな願いを叶えてくれるのが、

「AI」

そう AI 様 ですね！

ということで、今回は AI 様がどれくらい僕の願いを叶えてくれるのか、どこまでわがままに付き合ってくれるのか、ほんとうに AI 様の時代がきているのか、確かめるべく、タイトルのとおり IG のライブラリを使った WPF アプリを一緒に作ってみることにしました！

基本的には僕が求めている丸投げスタイルで進めていきたいと思います！（仕事しろ！！）

【2026年】ついに登場！AIと対話しながらUIデザインを自動生成できる App Builder AI 活用術！

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

AIを活用したWebアプリ開発が進む一方で、「ロジックやAPIはAIコーディングで楽になったが、フロントエンドのUI画面は人間がデザインしなければならない」という声を、現場からよく耳にします。業務アプリのUIデザインは、構造や使い勝手が重要なため、AIでは機械的に自動化しにくい領域だと考えられてきました。

ですが、ついにAIと会話しながらUIデザインを自動生成できる「App Builder AI」がリリースされました。

App Builder AI では、

• 1. テキストで要件を伝えるだけで、業務向けのUIデザインを自動生成できる
• 2. 参考画像を添付して指示することで、UIデザインの生成精度をさらに高められる

という、2つのアプローチが用意されています。この記事では、App Builder AI と実際に会話しながら、

• テキスト指示で、どこまでUIを自動生成できるのか
• 添付画像による指示で、UIの自動生成がどのように変わるのか

を、具体的な実例とともに紹介していきます。

【2026年】Ignite UI にオープンソース版が登場！無料で使えるUIコンポーネント50種と有償版の違いを解説

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

フロントエンド開発では、「UIコンポーネントを何で揃えるか？」はプロジェクトの品質や生産性に大きく影響しますよね。

• まずは 最低限のUIコンポーネントだけで軽く始めたい
• でも将来的には 高機能グリッドやチャートも必要になりそう
• コストを抑えてスタートしつつ、成長に合わせてアップグレードしたい

こんな開発チームの声に応えるべく、Infragistics の UI コンポーネント「Ignite UI」で オープンソースの無償コンポーネント群が提供されるようになりました。

本記事では、

• 無料で使える「オープンソース版」
• 高機能な「プレミアム版」
• 無償 → 有償へのスムーズなアップグレード方法

これらをまとめてご紹介します。

【2026年】App Builderを体系的に学ぶための学習ロードマップのご紹介

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

本記事では、App Builder をこれから導入しようとしているエンジニアの方を対象に、「どこから学び始め、どの順番で理解を深めていけばよいのか」を体系的に整理した学習ロードマップをご紹介します。

App Builder は、UI デザインからロジック構築、API 連携、コード自動生成までを一気通貫でカバーできるローコード開発ツールです。その反面、機能が非常に幅広いため、

• どのドキュメントを最初に読むべきか分からない
• デザインとロジック、コード生成の関係がつかみにくい
• 点の知識はあるが、全体像として理解できていない

と感じる方も少なくありません。

そこで本記事では、App Builder 学習に必要な公式ドキュメント・動画・ブログを整理し、「全体像 → 個別トピック」へと段階的に学べる構成でまとめました。

これから App Builder を本格導入したい方、PoC から本番利用へ進みたい方は、ぜひご活用ください。