最新のApp Builderアップデート: GitHub Pages デプロイメントと階層グリッド
最新のApp Builderリリースでは、リポジトリから直接静的サイトをホストするための新しい階層グリッドをコンポーネント ツールボックスと GitHub Pages デプロイに追加しました。続きを読み、新しいコントロールと機能をお試しください。
ズドラフコ・コレフ
7分で読めます
2025年が近づくにつれ、差別化されたユーザーエクスペリエンスと高性能アプリを構築するために必要なすべてのコンポーネントと機能を提供できるように、最新のApp Builderアップデートを急いで提供します。また、このApp Builderリリースでは、リポジトリから直接静的サイトをホストするための新しい階層グリッドをコンポーネント ツールボックスとGitHub Pagesデプロイに追加しました。
これらの新機能に飛び込む前に、App Builderについて初めて学ぶ場合は、組織のアプリケーション開発プロセスにおける重要なツールとして検討する必要がある理由を簡単に説明します。
- ビジュアルアプリビルダー – プロダクトマネージャー、デザイナー、開発者、関係者のための統合プラットフォーム。
- クラウドベースの WYSIWYG ドラッグ アンド ドロップ ツールにより、企業はこれまでより 80% 速く完全なビジネス アプリを設計および構築できます。
- Figmaデザインから量産対応のBlazorコード、Angularコード、Reactコード、Web Componentsコードを生成するローコードツールです。
最新のApp Builder更新プログラムの一部としての GitHub Pages のデプロイ
最新のApp Builderアップデートにより、サイトホスティングのシームレスなエクスペリエンスが提供されるようになりました。
GitHub Pagesの概要– GitHub Pagesは、GitHubリポジトリから直接Webサイトをホストするための優れたソリューションを提供します。このサービスは、プロジェクトドキュメント、個人のポートフォリオ、さらにはブログを最小限のセットアップでデプロイしたいと考えている開発者に最適です。GitHub Pages のしくみは次のとおりです。
- シームレスな統合:各 GitHub リポジトリは、Web サイトのホストとして機能できます。あなたのコンテンツは、https://your-username.github.io/your-repo-name のようなURLを介してすぐにアクセスできます。
- 自動更新:リポジトリにプッシュされた変更は、自動的に Web サイトに反映されるため、サイトは常に最新の状態に保たれます。
- 静的サイトの生成: GitHub Pages には、Markdown を HTML に変換する Jekyll のサポートが含まれており、コンテンツ管理が簡単になります。
- カスタマイズ：カスタマイズに利用できるさまざまなJekyllテーマがあり、カスタムCSSを適用して独自のスタイルを設定する機能もあります。
- カスタムドメイン: GitHubはサブドメインを提供していますが、カスタムドメインをサイトにリンクしてプロフェッショナルなタッチにすることもできます。
App Builderプラットフォームとの統合
Angular、React、Blazor、Web Componentsを生成するローコード機能で知られるApp Builderは、GitHub Pages と統合され、開発者のデプロイ オプションが強化されました。この統合は、現在どのように見えるかを次に示します。
Free-Plan(Standard)のGitHubユーザーの場合:
- GitHub Pages の自動デプロイ: [デプロイ] チェックボックスを選択すると、パブリック リポジトリとしてデプロイされたときに、App Builderプロジェクトの GitHub Pages が自動的に有効になります。つまり、クライアント側のプロジェクトは、追加の構成なしで GitHub から直接ライブに移行できます。
- オプトアウトのオプション:デプロイ時にプロジェクトに対して GitHub Pages を有効にするかどうかをユーザーが決定できるようにします。これにより、開発者はプロジェクトの可視性とデプロイ戦略を制御できます。
エンタープライズプランとプロプランに関する注意:
エンタープライズおよびプロのGitHubユーザーがGitHub Pagesのデプロイ設定を自動的にデプロイまたは選択するための統合は、将来のイテレーションに遅れています。つまり、この段階では、現在の焦点は標準ユーザーのエクスペリエンスを向上させることにとどまっています。
実際のユーザーストーリーの実例
- プロジェクトのデプロイ: App Builder Platform を使用してReactアプリケーションを構築したとします。現在の統合では、プロジェクトを公開GitHubリポジトリにプッシュすると、GitHub Pagesは自動的にサイトをホストし、最小限の労力で世界中からアクセスできるようになります。
- デプロイメントの制御:プロジェクトを公開したくない人や、デプロイのタイムラインを制御する必要がない人のために、今後のUI機能強化により、GitHub Pagesのオンとオフを切り替えることができるようになり、プロジェクトの可視性を柔軟に管理できるようになります。
一言で言えば、最新のApp BuilderアップデートでGitHub PagesとApp Builderプラットフォームが統合されたことは、静的サイトのデプロイを簡素化するための重要な一歩を表しています。あなたが愛好家、プロの開発者、または大企業の一部であるかどうかにかかわらず、この統合はWebホスティングに関連する複雑さを軽減することを目的としており、インフラストラクチャ管理ではなく開発に集中できるようにします。この統合を拡大し続けて、より多くのユーザー制御とより広範なプランのサポートを含めるため、今後の更新にご期待ください。
ツールボックスの階層グリッドコンポーネント
当社のWYSIWYG App Builder、AB Gridsのコンポーネントベンチの最後のグリッドスポットを埋める強力な新しいコンポーネントにより、さらに改善されました。現在、Grid、HGrid、TreeGrid、PivotGridがあり、これらはすべてABのツールボックスの一部です。
階層グリッド (HGrid) は、複雑なネストされたデータ構造を表示および操作するための強力なツールです。最大5レベルの深さを処理できるように設計されたHGridは、直感的なRowIslands機能により、階層データの視覚化と管理を簡素化します。階層グリッドの各 RowIsland は、基本的にフラット グリッドであり、並べ替えやフィルタリングなどの機能が満載ですが、ネストされたデータ用に特別に調整されています。
重要な注意点: RowIslands でのページング、並べ替え、フィルタリングなどのリモート データ操作は、データを管理するためのネストされた構造ではなく、サブリソースと関連付けを提唱する RESTful API 原則への準拠を維持するために、現在無効になっていることに注意してください。
階層グリッドの主な機能
- RowIsland の自動生成: HGrid を階層データソースにバインドすると、最大 5 レベルの深さのデータの各レベルに対して RowIslands が自動的に生成されます。
- 構成可能なRowIslands:各RowIslandは、列設定やテンプレートなどの機能で個別に構成できるため、各階層レベルでの柔軟性を確保できます。
- ナビゲーションの容易さ: HGridを選択すると、最初の行が自動的に展開され、子グリッドが表示されます。階層内のナビゲーションは、アウトラインパネルを使用して直感的に行うことができます。ユーザーは、ソートやページネーションなどの機能をカスタマイズして、各RowIslandをカスタマイズできますが、グループ化操作やリモート操作はサポートされていないことに注意してください。グリッドが展開されて子グリッドが表示され、ユーザーはレベル間を移動して、各 RowIsland を選択および構成できます。
- 階層管理:データ階層コンポーネントは、親子関係を視覚的に表現し、ユーザーは必要に応じて子グリッドを選択的に表示または非表示にすることができます。ユーザーは、表示または非表示にするデータのレベルを選択できるため、データの複雑さを管理することでユーザーエクスペリエンスが向上します。
追加機能と統合シナリオ
- ドロップ&バインド:ツールボックスから HGrid をドロップすると、Northwind.Orders などのサンプル データセットに自動的にバインドされ、階層構造が設定されます。
- デザイン サーフェスの相互作用:デザイン キャンバスで任意の子グリッドを選択して、詳細な構成を行います。
- データ階層の視覚化:コンポーネントはデータ構造を表示し、グリッドの階層の理解と操作を支援します。
- 今後の機能強化:レベル間での構成を容易にする階層リンク ナビゲーションなどの機能は、次のバージョンで計画されています。
HGrid の使用に関するベスト プラクティス
- 深さの制限:データを整理するときは、5 レベルの深さ制限に注意してください。
- 構成：プロパティパネルを使用して、各RowIslandを他のRowIslandに影響を与えずにカスタマイズします。
- 階層管理:データ階層セレクタを使用して、基になるデータを変更せずに可視性と構造を管理します。
その他のリリースの改善
- AngularアプリはIgnite UI for Angular 19.0.0を使用して生成されます
- Web コンポーネント アプリは、Ignite UI for Web Components 5.1.2を使用して生成されます
- BlazorアプリはIgnite UI for Blazor 24.2.6を使用して生成されます
- Reactアプリは、Ignite UI for React 18.7.4を使用して生成されます
まとめ
結論として、App Builderはアプリ開発プロセスのゲームチェンジャーである。クラウドベースのビジュアル・ビルダー、ローコード機能、そして新機能を備えたこのツールは、あらゆる組織にとって必携のツールだ。今すぐお試しください！より詳細な情報が必要な場合は、こちらをご覧ください：
最新のApp Builderアップデートのすべてを体験するには、カスタマーポータルにアクセスして最新バージョンを入手してください。いつものように、私たちはあなたのフィードバックを受け取り、あなたが追加したいものや推奨したいものを聞くことに常に興奮しています。ですから、zkolev@appbuilder.devにメールを送って、Infragisticsで顧客に価値を提供し続けるために私たちがどのように支援できるかを教えてください。
