おすすめ! JavaScript オープンソース プロジェクト 5 選

以前投稿した「GitHub に公開されているオープンソースを使って独自のアプリケーションを作ってみよう!」という記事で、Esri が公開しているオープンソース プロジェクトへのリンクを集約した Esri GitHub(英語ページ)をご紹介しました。現在では 170 を越えるプロジェクトが進行中です。多くのプロジェクトは ArcGIS の API と GIS サービスを使って作られていますが、ArcGIS 以外のテクノロジーを組み合わせたものや、JavaScript のソリューションを利用したものも多く含まれています。 以下では、そのなかでもおすすめの JavaScript オープンソース プロジェクトを 5 つに厳選してご紹介していきます。

00_top

1.quickstart-map-js
マップにポイントを追加したり、背景地図を変更したり、場所の検索を行ったりと基本的な機能をシンプルに実装したサンプル アプリケーションのコレクションです。このプロジェクトでは、すべてのアプリケーションが ArcGIS API for JavaScript と ArcGIS Online の Web サービスを使って、最小限のコードで構築されています。これから ArcGIS API for JavaScript で Web GIS アプリケーションを開発される方はぜひ各機能の実装例としてご参照ください。
実際に使ってみたい方はこちらへ→ ArcGIS JavaScript Quickstart Mapping Examples

01_quickstart_2
2.map-tour-storytelling-template-js
ArcGIS ブログでもたびたびご紹介している「ストーリーマップ」、開発経験がなくても容易に Web GIS アプリケーションを作成できることが目玉の一つとなっています。ストーリーマップのテンプレートに ArcGIS Online の Web マップを関連付けることで、ユーザ自身でも独自のマップを作成することができます。このテンプレートはオープンソースとして公開されており、開発経験があれば、テンプレートを独自にカスタマイズすることも可能です。
実際に使ってみたい方はこちらへ→ 日本の世界遺産マップ

02_storymap
3.esri-leaflet
Leaflet を知っていますか?Leaflet とは、Web アプリケーション上にモバイル フレンドリーでインタラクティブなマップを作成するためのオープンソース JavaScript ライブラリです。esri-leaflet は Leaflet のフレームワーク上で ArcGIS Online の背景地図とフィーチャ サービスを利用するために作られたプラグイン プロジェクトです。シンプルな Web GIS アプリケーションを作成したい場合におすすめです。
実際に使ってみたい方はこちらへ→ Esri-Leaflet Plugin

03_leaflet
4.bootstrap-map-js
Twitter 社が公開している Bootstrap というフレームワークを利用すると、デバイスのサイズに連動してレイアウトやデザインなどを変更するレスポンシブ Web デザインを容易に Web ページに実装することができます。bootstrap-map-js は ArcGIS API for JavaScript と Bootstrap を組み合わせてレスポンシブな Web GIS アプリケーションを作成するためのシンプルなフレームワークです。既存のアプリケーションの改修や PC とモバイルの各プラットフォームに対応したアプリケーションの作成をお考えの方はこのフレームワークの導入を検討してみるのもよいでしょう。
実際に使ってみたい方はこちらへ→ Bootstrap Map JS

04_bootstrap
5.ago-assistant
こちらのツールはあまり知られていないですが、ArcGIS Online 組織向けアカウントをお持ちの方には非常に便利なツールです。このツールを使うと、自身が ArcGIS Online 上で保有しているアイテムを、他のアカウントや、別の組織アカウントに対してエクスポートすることができます。他にも様々な便利機能があるので、ぜひお試しください。
実際に使ってみたい方はこちらへ→ ArcGIS Online Assistant

05_assistant
以上、Esri が公開している JavaScript オープンソース プロジェクト 5 選をご紹介しました。いずれのプロジェクトも Web GIS 開発経験のある方向けの情報がメインですが、本記事よりすべてのプロジェクトのサンプルにアクセス可能ですので、GIS の開発経験がない方も気軽にアクセスして、ArcGIS の最新技術に触れてみてください。

注:本記事の内容は、正式サポート範囲外であり、あくまでも技術的な参考情報としてご提供するものです。

■関連リンク
ESRIジャパン Web サイト
ArcGIS Online
ArcGIS for Server
ArcGIS API for JavaScript

Esri 社(米国)Web サイト
ArcGIS Online
ArcGIS for Server
ArcGIS API for JavaScript
Esri GitHub

フォローする