Skip to content

Instantly share code, notes, and snippets.

View ynunokawa's full-sized avatar

Yusuke Nunokawa ynunokawa

View GitHub Profile
@ynunokawa
ynunokawa / designer.html
Last active August 29, 2015 14:03
designer
<link rel="import" href="../paper-toast/paper-toast.html">
<link rel="import" href="../paper-radio-group/paper-radio-group.html">
<link rel="import" href="../paper-radio-button/paper-radio-button.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../paper-item/paper-item.html">
<link rel="import" href="../core-menu/core-submenu.html">
<link rel="import" href="../core-item/core-item.html">
<link rel="import" href="../paper-progress/paper-progress.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../paper-radio-group/paper-radio-group.html">
<link rel="import" href="../paper-radio-button/paper-radio-button.html">
<link rel="import" href="../paper-progress/paper-progress.html">
<link rel="import" href="../paper-tabs/paper-tabs.html">
<link rel="import" href="../paper-tabs/paper-tab.html">
<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../core-icons/iconsets/av-icons.html">
<link rel="import" href="../paper-fab/paper-fab.html">
@ynunokawa
ynunokawa / CameraRecorder.js
Last active August 29, 2015 14:25 — forked from odoe/CameraRecorder.js
3D Camera Record for ArcGIS JS API 4.0beta1
define([
'dojo/_base/declare',
'dojo/on',
'dojo/dom-class',
'dijit/_WidgetBase',
'dijit/_TemplatedMixin',
'esri/core/watchUtils',
'esri/core/Scheduler',
'dojo/text!./templates/widget.html',
'xstyle/css!./css/widget.css'
var map = new Map("mapDiv", {
basemap: "topo",
zoom: 4,
center: [139, 35]
});
var map = new Map({
basemap: "topo"
});
var view = new MapView({
container: "viewDiv",
map: map,
zoom: 4,
center: [139, 35]
});
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
<title>Simple Map</title>
<link rel="stylesheet" href="http://js.arcgis.com/3.14/esri/css/esri.css">
<style>
html, body, #map {
height: 100%;
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
<title>Simple Map</title>
<link rel="stylesheet" href="http://js.arcgis.com/3.14/esri/css/esri.css">
<style>
html, body, #map {
height: 100%;

ArcGIS for Developers 開発リソース集

弊社の開発者向けクラウド サービス ArcGIS for Developers を使ってこれから開発を始められる方からすでに開発を進めている方まで、開発の参考になるドキュメントやサンプル等のリンクを本リポジトリにて公開しています。

下記に開発ガイドとサンプルへのリンクをまとめています。

開発ガイド

開発者アカウントの作成

ArcGIS for Developers の利用を開始するために新規アカウントを作成する手順を説明します。

ArcGIS for Developers とは

ArcGIS for Developers は、Esri 製品を利用して様々なアプリを開発する開発者のための総合ポータルサイトであり、 地図/GIS アプリ開発者のための開発者向けサービスを提供しています。このサイトに開発者としてアカウントを作成することで、開発キット(SDK)をダウンロードして 地図/GIS アプリを開発することができます。

ArcGIS for Developers 開発者向けサービスには、無償プランと有償プランの 2 つのプランがあります。

@ynunokawa
ynunokawa / gist:4f932feb875c54ad2cb9
Created October 29, 2015 10:09 — forked from STRML/gist:2117f574726bdf0b8d58
Relying on React as an external

The problem:

When writing a React component, you want to target all environments. It is easy to generate a build that will work on the server and browser with Webpack, and as a bonus you can use loaders (like babel-loader for ES6 code).

When you generate this bundle, you should rely on "react" as an external so it isn't included in the bundle. In all environments this is desired behavior so you don't duplicate "react" and break it. This is necessary both because it would make a much larger bundle than necessary, but also because React behaves badly when multiple copies are loaded.

If you do this, you'll end up with a UMD shim like:

(function webpackUniversalModuleDefinition(root, factory) {