Esri Experience Builder カスタムウィジェット集 (widgets)

Library
Esri Experience Builder カスタムウィジェット集 (widgets)

Esri Experience Builder カスタムウィジェット集 (widgets)

Esri Experience Builder 用に開発されたカスタムウィジェット群をまとめたリポジトリです。ABLS（A Better Layer Switcher）をはじめ、カレンダー表示やカメラビューアなど、Experience Builder の拡張に使える複数のウィジェットが TypeScript で実装されています。公式の Experience Builder フレームワークに準拠した構造で配布されており、プロジェクトに取り込みやすく、GIS コミュニティでの共有を想定した公開リポジトリです（無保証）。

https://github.com/SunshineLuke90/widgets

概要

このリポジトリは、Esri Experience Builder 用のカスタムウィジェットを集めたコレクションです。作者は複数のウィジェットを独自に開発しており、最も新しいバージョンをここで公開しています。ウィジェットは TypeScript で実装され、Experience Builder の開発フレームワークに合わせた構造になっています。主な目的は、Experience Builder で標準提供されていない機能（例：より高度なレイヤ切替、カメラビューやカレンダー表示など）を補うことで、GIS アプリケーションの表現力や操作性を高めることです。利用は自由ですが、動作保証はなく自身のプロジェクトでの検証が推奨されています。

GitHub

リポジトリの統計情報

  • スター数: 1
  • フォーク数: 0
  • ウォッチャー数: 1
  • コミット数: 14
  • ファイル数: 11
  • メインの言語: TypeScript

主な特徴

  • Esri Experience Builder 用のカスタムウィジェット群を収録（ABLS、Calendar、CamViewer 等）。
  • TypeScript で書かれ、Experience Builder のウィジェット構造に準拠。
  • 地図ビューやレイヤ操作に特化した UI / 機能を提供。
  • 公開リポジトリとして GIS コミュニティで共有・再利用しやすい構成。

技術的なポイント

本リポジトリは、Experience Builder のウィジェット開発ワークフローに沿って TypeScript で実装されたモジュール群です。Experience Builder は内部的に React ベースのフレームワーク（jimu-core / jimu-ui 等）を採用しており、カスタムウィジェットはその API やライフサイクルに従って構築されます。ウィジェット側は通常、ウィジェット設定（config）を持ち、プロパティに応じた UI のレンダリングと ArcGIS JavaScript API を通じたマップ操作（MapView/SceneView の参照、Layer の表示切替や属性取得）を行います。

ABLS（A Better Layer Switcher）は名前からレイヤ管理にフォーカスしたウィジェットで、標準のレイヤリストより柔軟な表示順制御や可視化の切替、グルーピング、サブレイヤの扱い改善などを狙っていると推測されます。CamViewer はカメラやビュー管理を行い、特定地点へのフライトやカメラパラメータの表示・保管をサポートする設計が考えられます。Calendar は時間ベースのデータ表示やフィルタリング、時間スライダーとの連携に使える実装である可能性が高いです。

実装上の注目点としては、TypeScript による型安全なコード設計、Experience Builder 固有の manifest/config ファイルでのウィジェット登録、及び ArcGIS API の非同期リソース取得（require/import）に伴うライフサイクル管理やエラーハンドリングがあります。さらに、ウィジェットは Experience Builder のビルドパイプラインに合わせてパッケージ化され、設定 UI を通じて非エンジニアでも利用できるようにする点が重要です。デプロイ時は Experience Builder Developer Edition にウィジェットフォルダを配置するか、配布用に zip 化してインポートする運用が一般的です。

プロジェクトの構成

主要なファイルとディレクトリ：

  • .gitignore: file
  • .gitkeep: file
  • ABLS: dir
  • Calendar: dir
  • CamViewer: dir

…他 6 ファイル

まとめ

Experience Builder を拡張する実用的なカスタムウィジェット集で、導入と検証を前提に活用できるリポジトリです。

リポジトリ情報：

READMEの抜粋：

Welcome!

Welcome to my Esri Experience Builder custom widgets repository. This repository is the root repository for the most up to date custom widgets that I have developved, and that are available for public release. Please feel free to use these widgets in your own projects, and share this repository around the GIS community. These widgets do not come with any guarantees, so take care in working them into your own projects.

Highlights:

  • ABLS: A Better Layer Switcher, a widget to allo…