Skip to content

Commit ee4efc9

Browse files
dayjournaldayjournal
committed
📝 README 修正
- 📝 README 修正
1 parent 5d768c0 commit ee4efc9

File tree

2 files changed

+2
-304
lines changed

2 files changed

+2
-304
lines changed

‎README.md

+1-2
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
1-
# JSWebMapApp
1+
# JavaScriptではじめるWebマップアプリケーション
22

33
![README01](img/README01.png)
44

55
<br>
66

7-
## JavaScriptではじめるWebマップアプリケーション
87
技術書典6で販売する書籍のサンプルデータ用のリポジトリです。
98

109
[詳細情報](https://techbookfest.org/event/tbf06/circle/64070001)

‎docs/index.html

+1-302
Original file line numberDiff line numberDiff line change
@@ -1,302 +1 @@
1-
<!DOCTYPE html>
2-
<html lang="ja">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7-
<title>JavaScriptではじめるWebマップアプリケーション</title>
8-
</head>
9-
10-
<body>
11-
12-
<!--題名-->
13-
<div class="jumbotron text-center text-white">
14-
<h2>JavaScriptではじめるWebマップアプリケーション</h2>
15-
<br>
16-
<h3>demo</h3>
17-
</div>
18-
19-
<!--本文-->
20-
<div class="container">
21-
<div class="row">
22-
<div class="col-sm-12">
23-
<br>
24-
<div class="mx-auto">
25-
<h3>CHAPTER 02 : 環境構築</h3>
26-
</div>
27-
</div>
28-
<div class="col-sm-12">
29-
<div class="mx-auto">
30-
<h4>02 - 環境構築</h4>
31-
</div>
32-
</div>
33-
<div class="col-sm-3">
34-
</div>
35-
<div class="col-sm-3">
36-
<div class="mx-auto">
37-
<a href="demo/02/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a>
38-
</div>
39-
</div>
40-
<div class="col-sm-3">
41-
<div class="mx-auto">
42-
<a href="demo/02/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a>
43-
</div>
44-
</div>
45-
<div class="col-sm-3">
46-
</div>
47-
</div>
48-
<br>
49-
<div class="border-bottom"></div>
50-
<br><br>
51-
<div class="row">
52-
<div class="col-sm-12">
53-
<div class="mx-auto">
54-
<h3>CHAPTER 03: 背景地図</h3>
55-
</div>
56-
</div>
57-
<div class="col-sm-12">
58-
<div class="mx-auto">
59-
<h4>03-01 - ラスタタイル</h4>
60-
</div>
61-
</div>
62-
<div class="col-sm-3">
63-
</div>
64-
<div class="col-sm-3">
65-
<div class="mx-auto">
66-
<a href="demo/03-01/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a>
67-
</div>
68-
</div>
69-
<div class="col-sm-3">
70-
<div class="mx-auto">
71-
<a href="demo/03-01/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a>
72-
</div>
73-
</div>
74-
<br>
75-
<div class="col-sm-3">
76-
</div>
77-
<div class="col-sm-12">
78-
<div class="mx-auto">
79-
<h4>03-02 - ベクトルタイル</h4>
80-
</div>
81-
</div>
82-
<div class="col-sm-3">
83-
</div>
84-
<div class="col-sm-3">
85-
<div class="mx-auto">
86-
<a href="" class="btn btn-lg btn-info disabled" role="button" aria-disabled="true">Leaflet</a>
87-
</div>
88-
</div>
89-
<div class="col-sm-3">
90-
<div class="mx-auto">
91-
<a href="demo/03-02/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a>
92-
</div>
93-
</div>
94-
<div class="col-sm-3">
95-
</div>
96-
</div>
97-
<br>
98-
<div class="border-bottom"></div>
99-
<br><br>
100-
<div class="row">
101-
<div class="col-sm-12">
102-
<div class="mx-auto">
103-
<h3>CHAPTER 04 : コントロール</h3>
104-
</div>
105-
</div>
106-
<div class="col-sm-12">
107-
<div class="mx-auto">
108-
<h4>04-01 - ズームコントロール</h4>
109-
</div>
110-
</div>
111-
<div class="col-sm-3">
112-
</div>
113-
<div class="col-sm-3">
114-
<div class="mx-auto">
115-
<a href="demo/04-01/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a>
116-
</div>
117-
</div>
118-
<div class="col-sm-3">
119-
<div class="mx-auto">
120-
<a href="demo/04-01/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a>
121-
</div>
122-
</div>
123-
<div class="col-sm-3">
124-
</div>
125-
<div class="col-sm-12">
126-
<div class="mx-auto">
127-
<h4>04-02 - スケールバー</h4>
128-
</div>
129-
</div>
130-
<div class="col-sm-3">
131-
</div>
132-
<div class="col-sm-3">
133-
<div class="mx-auto">
134-
<a href="demo/04-02/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a>
135-
</div>
136-
</div>
137-
<div class="col-sm-3">
138-
<div class="mx-auto">
139-
<a href="demo/04-02/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a>
140-
</div>
141-
</div>
142-
<div class="col-sm-3">
143-
</div>
144-
</div>
145-
<br>
146-
<div class="border-bottom"></div>
147-
<br><br>
148-
<div class="row">
149-
<div class="col-sm-12">
150-
<div class="mx-auto">
151-
<h3>CHAPTER 05 : オブジェクト & GeoJSON</h3>
152-
</div>
153-
</div>
154-
<div class="col-sm-12">
155-
<div class="mx-auto">
156-
<h4>05-01 - オブジェクト</h4>
157-
</div>
158-
</div>
159-
<div class="col-sm-3">
160-
</div>
161-
<div class="col-sm-3">
162-
<div class="mx-auto">
163-
<a href="demo/05-01/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a>
164-
</div>
165-
</div>
166-
<div class="col-sm-3">
167-
<div class="mx-auto">
168-
<a href="demo/05-01/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a>
169-
</div>
170-
</div>
171-
<div class="col-sm-3">
172-
</div>
173-
<div class="col-sm-12">
174-
<div class="mx-auto">
175-
<h4>05-02 - 外部GeoJSONファイル読み込み</h4>
176-
</div>
177-
</div>
178-
<div class="col-sm-3">
179-
</div>
180-
<div class="col-sm-3">
181-
<div class="mx-auto">
182-
<a href="demo/05-02/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a>
183-
</div>
184-
</div>
185-
<div class="col-sm-3">
186-
<div class="mx-auto">
187-
<a href="demo/05-02/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a>
188-
</div>
189-
</div>
190-
<div class="col-sm-3">
191-
</div>
192-
</div>
193-
<br>
194-
<div class="border-bottom"></div>
195-
<br><br>
196-
<div class="row">
197-
<div class="col-sm-12">
198-
<div class="mx-auto">
199-
<h3>CHAPTER 06 : イベント</h3>
200-
</div>
201-
</div>
202-
<div class="col-sm-12">
203-
<div class="mx-auto">
204-
<h4>06-01 - 属性値表示</h4>
205-
</div>
206-
</div>
207-
<div class="col-sm-3">
208-
</div>
209-
<div class="col-sm-3">
210-
<div class="mx-auto">
211-
<a href="demo/06-01/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a>
212-
</div>
213-
</div>
214-
<div class="col-sm-3">
215-
<div class="mx-auto">
216-
<a href="demo/06-01/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a>
217-
</div>
218-
</div>
219-
<div class="col-sm-3">
220-
</div>
221-
<div class="col-sm-12">
222-
<div class="mx-auto">
223-
<h4>06-02 - 画面移動</h4>
224-
</div>
225-
</div>
226-
<div class="col-sm-3">
227-
</div>
228-
<div class="col-sm-3">
229-
<div class="mx-auto">
230-
<a href="demo/06-02/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a>
231-
</div>
232-
</div>
233-
<div class="col-sm-3">
234-
<div class="mx-auto">
235-
<a href="demo/06-02/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a>
236-
</div>
237-
</div>
238-
<div class="col-sm-3">
239-
</div>
240-
</div>
241-
<br>
242-
<div class="border-bottom"></div>
243-
<br><br>
244-
<div class="row">
245-
<div class="col-sm-12">
246-
<div class="mx-auto">
247-
<h3>CHAPTER 07 : 機能追加</h3>
248-
</div>
249-
</div>
250-
<div class="col-sm-12">
251-
<div class="mx-auto">
252-
<h4>07-01 - URLに経緯度とズームレベル表示</h4>
253-
</div>
254-
</div>
255-
<div class="col-sm-3">
256-
</div>
257-
<div class="col-sm-3">
258-
<div class="mx-auto">
259-
<a href="demo/07-01/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a>
260-
</div>
261-
</div>
262-
<div class="col-sm-3">
263-
<div class="mx-auto">
264-
<a href="demo/07-01/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a>
265-
</div>
266-
</div>
267-
<div class="col-sm-3">
268-
</div>
269-
<div class="col-sm-12">
270-
<div class="mx-auto">
271-
<h4>07-02 - 現在位置取得</h4>
272-
</div>
273-
</div>
274-
<div class="col-sm-3">
275-
</div>
276-
<div class="col-sm-3">
277-
<div class="mx-auto">
278-
<a href="demo/07-02/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a>
279-
</div>
280-
</div>
281-
<div class="col-sm-3">
282-
<div class="mx-auto">
283-
<a href="demo/07-02/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a>
284-
</div>
285-
</div>
286-
<div class="col-sm-3">
287-
</div>
288-
</div>
289-
<br>
290-
<div class="border-bottom"></div>
291-
<br><br><br>
292-
<div class="mx-auto">
293-
<p>© dayjournal</p>
294-
</div>
295-
<br>
296-
297-
</div>
298-
299-
<script src="./app.js"></script>
300-
301-
</body>
302-
</html>
1+
<!DOCTYPE html><html lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><title>JavaScriptではじめるWebマップアプリケーション</title></head><body><div class="jumbotron text-center text-white"><h2>JavaScriptではじめるWebマップアプリケーション</h2><br><h3>demo</h3></div><div class="container"><div class="row"><div class="col-sm-12"><br><div class="mx-auto"><h3>CHAPTER 02 : 環境構築</h3></div></div><div class="col-sm-12"><div class="mx-auto"><h4>02 - 環境構築</h4></div></div><div class="col-sm-3"></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/02/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a></div></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/02/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a></div></div><div class="col-sm-3"></div></div><br><div class="border-bottom"></div><br><br><div class="row"><div class="col-sm-12"><div class="mx-auto"><h3>CHAPTER 03: 背景地図</h3></div></div><div class="col-sm-12"><div class="mx-auto"><h4>03-01 - ラスタタイル</h4></div></div><div class="col-sm-3"></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/03-01/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a></div></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/03-01/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a></div></div><br><div class="col-sm-3"></div><div class="col-sm-12"><div class="mx-auto"><h4>03-02 - ベクトルタイル</h4></div></div><div class="col-sm-3"></div><div class="col-sm-3"><div class="mx-auto"><a href="" class="btn btn-lg btn-info disabled" role="button" aria-disabled="true">Leaflet</a></div></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/03-02/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a></div></div><div class="col-sm-3"></div></div><br><div class="border-bottom"></div><br><br><div class="row"><div class="col-sm-12"><div class="mx-auto"><h3>CHAPTER 04 : コントロール</h3></div></div><div class="col-sm-12"><div class="mx-auto"><h4>04-01 - ズームコントロール</h4></div></div><div class="col-sm-3"></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/04-01/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a></div></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/04-01/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a></div></div><div class="col-sm-3"></div><div class="col-sm-12"><div class="mx-auto"><h4>04-02 - スケールバー</h4></div></div><div class="col-sm-3"></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/04-02/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a></div></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/04-02/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a></div></div><div class="col-sm-3"></div></div><br><div class="border-bottom"></div><br><br><div class="row"><div class="col-sm-12"><div class="mx-auto"><h3>CHAPTER 05 : オブジェクト & GeoJSON</h3></div></div><div class="col-sm-12"><div class="mx-auto"><h4>05-01 - オブジェクト</h4></div></div><div class="col-sm-3"></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/05-01/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a></div></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/05-01/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a></div></div><div class="col-sm-3"></div><div class="col-sm-12"><div class="mx-auto"><h4>05-02 - 外部GeoJSONファイル読み込み</h4></div></div><div class="col-sm-3"></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/05-02/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a></div></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/05-02/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a></div></div><div class="col-sm-3"></div></div><br><div class="border-bottom"></div><br><br><div class="row"><div class="col-sm-12"><div class="mx-auto"><h3>CHAPTER 06 : イベント</h3></div></div><div class="col-sm-12"><div class="mx-auto"><h4>06-01 - 属性値表示</h4></div></div><div class="col-sm-3"></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/06-01/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a></div></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/06-01/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a></div></div><div class="col-sm-3"></div><div class="col-sm-12"><div class="mx-auto"><h4>06-02 - 画面移動</h4></div></div><div class="col-sm-3"></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/06-02/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a></div></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/06-02/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a></div></div><div class="col-sm-3"></div></div><br><div class="border-bottom"></div><br><br><div class="row"><div class="col-sm-12"><div class="mx-auto"><h3>CHAPTER 07 : 機能追加</h3></div></div><div class="col-sm-12"><div class="mx-auto"><h4>07-01 - URLに経緯度とズームレベル表示</h4></div></div><div class="col-sm-3"></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/07-01/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a></div></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/07-01/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a></div></div><div class="col-sm-3"></div><div class="col-sm-12"><div class="mx-auto"><h4>07-02 - 現在位置取得</h4></div></div><div class="col-sm-3"></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/07-02/Leaflet" class="btn btn-lg btn-info" role="button">Leaflet</a></div></div><div class="col-sm-3"><div class="mx-auto"><a href="demo/07-02/MapboxGLJS" class="btn btn-lg btn-info" role="button">Mapbox GL JS</a></div></div><div class="col-sm-3"></div></div><br><div class="border-bottom"></div><br><br><br><div class="mx-auto"><p>© dayjournal</p></div><br></div><script src="./app.js"></script></body></html>

0 commit comments

Comments
 (0)