インフラジスティックス・ジャパン株式会社Blog

インフラジスティックス・ジャパン株式会社のチームメンバーが技術トレンド、製品Tips、サポート情報からライセンス、日々の業務から感じることなど、さまざまなトピックについてお伝えするBlogです。

オンラインIDE（CodeSandbox, StackBlitz, JsFiddle）を利用して手軽に Ignite UI の機能検証をする方法

こんにちは、ソリューションコンサルタントの中江です。
インフラジスティックスの WEB 開発向け UI 製品、Ignite UI には様々な UI コントロールが含まれています。
さらに各コントロールには多くの機能を実現するためのプロパティやメソッドなどが組み込まれています。
開発者様はこれらのコントロールとプロパティなどを確認しながら必要な要件を実装していただくこととなりますが、製品評価段階においてはなるべく手間をかけずに必要な要件を満たすことが出来るか確認したいところです。

Ignite UI には StackBlitz, CodeSandbox, JsFiddle などのオンラインで実行可能な IDE で実装された多くのサンプルがあります。本記事ではオンラインのIDEを利用して、効率よく Ignite UI の機能検証を行う方法について、解説いたします。

続きを読む

.NET アップグレードアシスタントを利用して .NET Framework から .NET 5 に超簡単アップグレード 【ASP.NET MVC】 - ①

ASP.NET

こんにちは！

テクニカルコンサルティングチームの古堅です。

.NET Framework から .NET 5 の移行を手助けする ".NET アップグレード アシスタント" について紹介します。

本記事では、ASP.NET MVC から ASP.NET Core MVC へ移行する手順を紹介したいと思います。

  • .NET 5 へ移行を計画している方へ
  • .NET アップグレード アシスタント
    • .NET アップグレード アシスタント のインストール
    • .NET アップグレード アシスタントの実行コマンド
    • .NET アップグレード アシスタントの実行デモ
      • 1) Back up project
      • 2) Convert project file to SDK style
      • 3) Clean up Nuget package references
      • 4) Update TFM
      • 5) Update Nuget Packages
      • 6) テンプレートファイルの追加
      • 7) コンフィグファイルの更新
      • 8) C# のソースコードを更新します
    • アップグレード前後の変更内容の比較
      • 変更があったファイル
      • 追加されたファイル
      • 削除されたファイル
  • 動作確認
  • まとめ
  • Ignite UI for ASP.NET MVC (.NET 5 対応)
  • 開発全般に関するご相談はお任せください！
  • 技術サポート・オンラインQA会をご利用ください
続きを読む

Ignite UI for Angular 11.1 の新機能および変更点の紹介

Angular 製品情報

こんにちは。テクニカルコンサルティングチームの石橋です。

Ignite UI for Angular のバージョン 11.1 が 2021 年 2 月にリリースされました。

github.com

この記事では、Ignite UI for Angular 11.1 の新機能の紹介と変更点の案内をしたいと思います。

  • 新機能
    • IgxGrid、IgxTreeGrid、IgxHierarchicalGrid - formatter 適用後の文字列でフィルターできるようになりました
    • IgxTreeGrid - 親行の選択で子行の選択もカスケードできるようになりました
    • IgxSplitter - ペインのリサイズ関連イベントが追加されました
    • IgxDropDown - igx-drop-down-item に igxPrefix、igxSuffix、igx-divider を埋め込むことができるようになりました
  • 変更点
    • IgxGrid、IgxTreeGrid、IgxHierarchicalGrid - 列固定、列移動、ページングの操作をUIから行うと、編集中の値が破棄されるようになりました
    • IgxGrid、IgxTreeGrid、IgxHierarchicalGrid - 列幅の変更をUIから行っても、編集中のセルが編集モードを抜けなくなりました
    • "on" から始まるイベントの多くでイベント名が変更されました
  • 最後に
続きを読む

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

Angular Web開発 製品情報

Ignite UI for Angularリリースノート

インフラジスティックス・ジャパン株式会社、ローカライゼーション担当のルミです。Ignite UI for Angular  11.1.10 リリースいたしました。本リリースは、バグ修正のみとなります。詳細は以下をご覧ください。

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

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

Angular Web開発 製品情報

Ignite UI for Angularリリースノート

インフラジスティックス・ジャパン株式会社、ローカライゼーション担当のルミです。Ignite UI for Angular  10.2.22 リリースいたしました。本リリースは、バグ修正のみとなります。詳細は以下をご覧ください。

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

App builder登場＆リリースキャンペーン実施中/ASP.NET Core Razor Pages 新サンプルアプリ公開

お知らせ

f:id:IGJP:20210510142946j:plain

お世話になっております。インフラジスティックス・ジャパンでございます。新緑の気持ちいい季節となりました。皆様いかがお過ごしでしょうか。

4月号ニュースレターは、先日公開されましたIndigo.Designの新機能App Builderとそれに伴うお得なリリースキャンペーンについてのご案内、新しく公開したサンプルアプリ、新着ブログ記事など盛りだくさんでお届けいたします。
※今回のニュースレターは5月に配信しておりますが4月号とさせていただきますことご了承ください。5月号は別途5月中に配信予定です。

今月のトピック

  • WYSIWYGドラッグ＆ドロップツール App builderリリース！
  • App Builderリリースキャンペーン実施中
  • ASP.​NET Core Razor Pagesアプリケーションサンプルを公開しました
  • Blazor vs Angular 比較 - どちらを選ぶべきか？
  • 新着ブログ記事ピックアップ
  • 新しいメンバーを募集しています
  • サービスリリース情報
  • 【編集後記】TOEIC学習再び始める
続きを読む

Ignite UI ドックマネージャーを利用したパーソナライズ可能なアプリケーションレイアウトの実装

React UI/UX

f:id:cleverdog:20210427130510j:plain

インフラジスティックスのWEBアプリケーション開発用の UI 製品である Ignite UI には「ドックマネージャー」という、ペインでアプリケーションのレイアウトをコントロールする部品が含まれています。ドックマネージャーを利用すると、エンドユーザーはペインをピン固定、サイズ変更、移動、非表示にすることで自分の使いやすい様にカスタマイズすることができます。

続きを読む

フローチャート、組織図などの作図に特化したダイアグラムコントロール : XamDiagram の紹介 - WPF アプリケーション

こんにちは！

テクニカルコンサルティングチームの古堅です。

本記事では、フローチャート、組織図などの作図に特化したダイアグラムコントロール「XamDiagram」について紹介します！

  • はじめに
  • XamDiagram で作図できること
    • 例) フローチャート
    • 例) 組織図
    • 例) エンティティ図
    • 例) タスク管理
  • XamDiagram の基本操作
  • どんなカスタマイズできるか
    • オリジナルノードや、フローを作成できる
    • 各ノードの配置構成 も自由にカスタマイズできる
    • ノード間の線を自動的に繋げる
  • 図形をデータ化し、データベースに格納。他システムとの連携
    • データバインディング (MVVM) のサポート
  • まとめ
  • UItimate UI for WPF トライアル版を利用するには
  • 開発全般に関するご相談はお任せください！
続きを読む

ドラッグ＆ドロップでWebデザイン！Indigo.Design App Builder がリリースされました！

製品情報

f:id:gdayori:20210426162638p:plain ソリューション・コンサルタントの山口です。

これまでプレビュー公開していた「Indigo.Design App Builder」が、ついに正式リリースとなりました！

Indigo.Design App Builderは、クラウド型のWYSIWYGドラッグ＆ドロップツールで、アプリケーションのデザインから開発にかかる時間を大幅に短縮できるソリューションとなっています。App BuilderはIndigo.Designの一部として提供されます。

続きを読む

.NET アップグレード アシスタントを利用して .NET Framework から .NET 5 に超簡単アップグレード 【WPF アプリケーション】

こんにちは！

テクニカルコンサルティングチームの古堅です。

本記事では、.NET Framework から .NET 5 の移行を手助けする ".NET アップグレード アシスタント" について紹介します。

  • .NET へ移行を計画している方へ
  • .NET アップグレード アシスタント
    • .NET アップグレード アシスタント のインストール
    • .NET アップグレード アシスタントの実行コマンド
    • .NET アップグレード アシスタントの実行デモ
      • 1) Back up project
      • 2) Convert project file to SDK style
      • 3) Clean up Nuget package references
      • 4) Update TFM
      • 5) Update Nuget Packages
      • 6)～8)は自動実行
    • アップグレード前後の変更内容の比較
  • ビルド&動作確認
  • まとめ
  • UItimate UI for WPF トライアル版を利用するには
  • 開発全般に関するご相談はお任せください！
続きを読む

マスタ参照ダイアログを共通コンポーネントとして実装し、複数の画面から呼び出す - Ignite UI for Angular

Angular

こんにちは！

テクニカルコンサルティングチームの古堅です。

マスタ参照を行うダイアログなどは、共通的に利用するコンポーネントとして作成すると、複数の画面が同じコンポーネントを呼び出せますし、保守性・利便性の高いダイアログとして実装出来ますね。

本記事では Angular のサンプル付きで共通ダイアログの実装方法について紹介します。

続きを読む

フロントエンド開発者が高機能な UI を最短で導入するための Web Components - Excel ライクなスプレッドシートの実装

Web Components

f:id:cleverdog:20210415111031j:plain

フロントエンド開発者が高機能なグリッドやチャートなどの UI を実装する際に、サードパーティライブラリの導入は費用面、リソース面から検討するべきものです。しかし、現在レガシーな WEB アプリケーションを運用していて、Angular や React などの JS フレームワークの導入も推進したい場合、開発プランが肥大しすぎて実現が難しくなるかもしれません。

WEB 標準の技術である Web Components を利用すれば、今後どのようなフレームワークを採用した場合でも運用可能です。インフラジスティックスの提供している Web Components 対応の UI コンポーネント群のライブラリである Ignite UI for Web Components を利用して、高機能 UI を手軽に導入する方法をご紹介します。

続きを読む