https://dpnote.netlify.app/about/

1
2<!DOCTYPE html>
3<html lang="ja" data-figures=""  class="page"  data-mode="lit" >
4
5<head>
6<title>このアプリについて | DP Note</title>
7<meta charset="utf-8">
8<!-- This site is hosted on Netlify. Anyone can build and deploy a site
9     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=24128255-6978-476d-9d85-20c97523ff2c
10     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
11<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
12<meta http-equiv="X-UA-Compatible" content="IE=edge">
13
14<meta property="og:locale" content="ja" />
15
16<meta property="og:type" content="article">
17<meta name="description" content="DP Noteは、災害データを可視化する防災アプリです。地図情報をメインとして、災害データを３Dマップや防災図解に可視化することで、統計的に得られる教訓や減災に活かせるのではないかと思い、日々、情報発信しています。
18日本の災害の現状 日本で発生する災害は、地震、台風、津波、土砂災害、火山の噴火、大雪など、様々な災害が起 …">
19<meta name="twitter:card" content="summary_large_image" />
20<meta name="twitter:creator" content="">
21<meta name="twitter:title" content="このアプリについて" />
22
23
24
25
26
27<meta name="twitter:image" content="https://dpnote.netlify.app/" />
28
29
30
31<meta property="og:image" content="https://dpnote.netlify.app/">
32
33
34<meta property="og:url" content="https://dpnote.netlify.app/about/" />
35<meta property="og:title" content="このアプリについて" />
36<meta property="og:description" content="DP Noteは、災害データを可視化する防災アプリです。地図情報をメインとして、災害データを３Dマップや防災図解に可視化することで、統計的に得られる教訓や減災に活かせるのではないかと思い、日々、情報発信しています。
37日本の災害の現状 日本で発生する災害は、地震、台風、津波、土砂災害、火山の噴火、大雪など、様々な災害が起 …" />
38
39
40
41<link rel="canonical" href="https://dpnote.netlify.app/about/">
42
43  
44
45  
46  
47
48  
49  <link rel="preload" href="https://dpnote.netlify.app/css/styles.07015b78eada1bea1b52fca88d93e547841340a0660500e57454e8c127831bab2a56a85e088a1ee7723ea931072ac15f3111f1fdc3fe9bdea3f3cca3f0f6b49e.css" integrity="sha512-BwFbeOraG&#43;obUvyojZPlR4QTQKBmBQDldFTowSeDG6sqVqheCIoe53I&#43;qTEHKsFfMRHx/cP&#43;m96j88yj8Pa0ng==" as="style" crossorigin="anonymous">
50  
51
52  <link rel="stylesheet" href='https://dpnote.netlify.app/css/custom.css'>
53
54  

54<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>

54
55
56  
57
58  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous"
59    referrerpolicy="no-referrer" />
60
61  

61<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/js/all.min.js" integrity="sha512-rpLlll167T5LJHwp0waJCh3ZRf7pO6IT1+LZOhAyP6phAirwchClbTZV3iqL3BMrVxIYRbzGTpli4rfxsCK6Vw==" crossorigin="anonymous" referrerpolicy="no-referrer">
62  </script>

62
63
64  <link rel="apple-touch-icon" href="https://dpnote.netlify.app/icons/apple-touch-icon.png">
65  <link rel="shortcut icon" href="https://dpnote.netlify.app/icons/apple-touch-icon.png">
66  <link rel="manifest" href="https://dpnote.netlify.app/json/manifest.json">
67  
68  

68<script>
69    if ('serviceWorker' in navigator) {
70      navigator.serviceWorker.register('https://dpnote.netlify.app/json/service-worker.js').then(function() {
71        console.log('Service Worker Registered');
72      });
73    }
74  </script>

74
75
76
77  
78  <link rel="stylesheet" type="text/css" href="https://dpnote.netlify.app/css/styles.07015b78eada1bea1b52fca88d93e547841340a0660500e57454e8c127831bab2a56a85e088a1ee7723ea931072ac15f3111f1fdc3fe9bdea3f3cca3f0f6b49e.css" integrity="sha512-BwFbeOraG&#43;obUvyojZPlR4QTQKBmBQDldFTowSeDG6sqVqheCIoe53I&#43;qTEHKsFfMRHx/cP&#43;m96j88yj8Pa0ng==" crossorigin="anonymous">
79  
80</head>
81
82
83
84
85
86<body data-code="100" data-lines="false" id="documentTop">
87
88
89
90<div id="header1">
91	<h1 class="h_h1"><a href='https://dpnote.netlify.app/'>ＤＰ Ｎｏｔｅ</a></h1>
92</div>
93
94<div class="h_s"><a href='https://dpnote.netlify.app/search/'><div class="h_circle"><i class="fas fa-search"></i></div></a></div>
95
96
97
98
99  <main>
100
101<div class="grid-inverse wrap content">
102
103  <article class="post_content">
104    <h1 class="post_title">このアプリについて</h1>
105
106
107<div class="post_meta">
108
109
110  <span class="post_date"><time itemprop="dateModified" datetime='2025.12.28'>更新日：2025.12.28</time></span>
111  <span class="post_date"><time itemprop="datePublished" datetime='2025.03.08'>公開日：2025.03.08</time></span>
112
113  
114  
115  <span> 
116    </a>
117
118  </span>
119
120  
121
122  </div>
123
124  
125
126  
127  
128
129  <div class="at">
130    <span id="article_time">Reading time: 3 分
131    5 秒</span>
132  </div>
133
134
135
136    
137    <img src="./dpnote.jpg" width="100%">
138<p>DP Noteは、災害データを可視化する防災アプリです。地図情報をメインとして、災害データを３Dマップや防災図解に可視化することで、統計的に得られる教訓や減災に活かせるのではないかと思い、日々、情報発信しています。</p>
139<h2 class="heading1">日本の災害の現状</h2>
140<img src="./road.jpg" width="100%">
141<p>日本で発生する災害は、地震、台風、津波、土砂災害、火山の噴火、大雪など、様々な災害が起きています。季節ごとに起きる災害が異なるなど、まさに【災害大国】と言っても過言ではないくらい、厳しい環境の中で生活をしていると思います。また、昨今では、ゲリラ豪雨や夏の猛暑なども起きており、防災が大切な時代になっていると改めて感じています。</p>
142<h2 class="heading1">災害に対する人々の認識</h2>
143<p>災害大国と言われる日本において、人々の災害に対する認識はどのようになっているでしょうか？【正常性バイアス】という言葉があります。予期せぬ出来事に対し正常心を保つための人の特性のã

143“とです。このバイアスがかかると、災害時に大丈夫と思い込み「避難行動を取らない」というリスクがあります。また、災害が起きた直後は防災に関する認知は上がりますが、時間の経過とともにその出来事のことは忘れられていき、防災は大切とわかっていても、なかなか取り組めなかったり、継続できなかったりするのが、現実だと思います。</p>
144<h2 class="heading1">どのように次世代に伝えていくべきなのか？</h2>
145<img src="./network.jpg" width="100%">
146<p>メディアなどでは、過去の災害を報道するにあたり、災害の映像を直に流すことがありますが、人により、精神的ショックを受けることもあり、そのような方々には心理面・精神面でのフォローも必要になってきます。災害の教訓を学ぶことは大切です。ただ、テレビ、新聞、ネットニュースなど、様々な媒体を通して、どのように次世代に伝えていくべきなのか？ずっと考えていました。</p>
147<h2 class="heading1">教育分野から考えてみる</h2>
148<img src="./student.jpg" width="100%">
149<p>教育分野の観点から災害を捉えてみます。子ども達のプログラミング教育が必修化され、小さい頃からパソコンやスマートフォンに触れる機会が多くなりました。最近のゲームなどのクオリティもとても高く、映像などに対し、目が肥えている学生の子たちが増えたように思います。今までと同じように、アナログな伝え方では足りないのではないか？そのように考えるようになりました。</p>
150<h2 class="heading1">DP Note誕生！</h2>
151<p>災害の教訓を伝えていく、そして、子ども達に防災について関心を持ってもらう、ここを掛け算して考えました。災害の映像ではなく、統計的に災害を捉えて教訓に活かすことができるのではないか？地図にしたり、グラフにしたり、図解にしたりするなど、様々な可視化をすることで、ビジュアル的に防災に関心を持たれる方々を増やせるのではないか？そのような思いから、DP Noteは誕生しました！</p>
152<p>このアプリを通して、防災に対する意識を高める人々が増えて、未来の災害の低減に繋がっていくことを願ってやみません。</p>
153<p>齋藤 仁志.</p>
154<h2 class="heading1">インストール方法</h2>
155<p>PWAに対応しているので、iPhone、Androidともに、WEBブラウザの「ホーム画面に追加」からインストールできます。</p>
156<img src="./install.jpg" width="100%">
157
158
159
160    
161
162
163    <ol itemscope itemtype="https://schema.org/BreadcrumbList" class="breadcrumb">
164
165  <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
166
167    <a href="../" itemprop="item"><span itemprop="name">ホーム</span></a>
168    <meta itemprop="position" content="1">
169  </li>
170
171    </span></a>
172    <meta itemprop="position" content="2">
173  </li>
174
175  <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
176    <span itemprop="name">このアプリについて</span>
177    <meta itemprop="position" content="3">
178  </li>
179
180</ol>
181
182<hr>
183
184
185   
186
187   
188
189
190
191
192
193 </article>
194<aside class="sidebar">
195  <section class="sidebar_inner">
196
197    <div>
198      <h2 class="mt-4 taxonomy" id="introduction-section">Introduction</h2>
199      <ul class="ul_menu">
200
201        <a href='https://dpnote.netlify.app/about/'>
202          <li class="li_menu"><i class="fa-solid fa-book-open"></i> サービス概要</li>
203        </a>
204
205      </ul>
206
207    </div>
208
209    
210
211    <div>
212      <h2 class="mt-4 taxonomy" id="calendar-section">Calendar</h2>
213      <ul class="ul_menu">
214
215        <a href='https://dpnote.netlify.app/calendar/'>
216          <li class="li_menu"><i class="fa-regular fa-calendar-days"></i> 災害カレンダー</li>
217        </a>
218
219      </ul>
220
221    </div>
222
223    <div>
224
225      <h2 class="mt-4 taxonomy" id="categories-section">Categories</h2>
226      <ul class="ul_menu">
227
228        <a href='https://dpnote.netlify.app/categories/%E5%9C%B0%E9%9C%87/'>
229          <li class="li_menu"><i class="fa-solid fa-house-chimney-crack"></i> 地震</li>
230        </a>
231
232        <a href='https://dpnote.netlify.app/categories/%E9%A2%A8%E6%B0%B4%E5%AE%B3/'>
233          <li class="li_menu"><i class="fa-solid fa-cloud-rain"></i> 風水害</li>
234        </a>
235
236        <a href='https://dpnote.netlify.app/categories/%E6%B4%A5%E6%B3%A2/'>
237          <li class="li_menu"><i class="fa-solid fa-water"></i> 津波</li>
238        </a>
239

240        <a href='https://dpnote.netlify.app/categories/%E7%81%AB%E7%81%BD/'>
241          <li class="li_menu"><i class="fa-solid fa-fire"></i> 火災</li>
242        </a>
243
244        <a href='https://dpnote.netlify.app/categories/%E3%81%9D%E3%81%AE%E4%BB%96%E7%81%BD%E5%AE%B3/'>
245          <li class="li_menu"><i class="fa-solid fa-volcano"></i> その他災害</li>
246        </a>
247
248        <a href='https://dpnote.netlify.app/categories/%E9%98%B2%E7%81%BDdx/'>
249          <li class="li_menu"><i class="fa-solid fa-robot"></i> 防災DX</li>
250        </a>
251
252      </ul>
253    </div>
254
255    <h2 class="mt-4 taxonomy" id="tags-section">Names</h2>
256
257    
258    
259    
260    <a href="/tags/%E3%83%88%E3%83%B3%E3%82%AC%E7%81%AB%E5%B1%B1%E5%99%B4%E7%81%AB%E3%81%AB%E4%BC%B4%E3%81%86%E6%BD%AE%E4%BD%8D%E5%A4%89%E5%8C%96" id="button">トンガ火山噴火に伴う潮位変化</a>
261    
262    
263    
264    <a href="/tags/%E4%B9%9D%E5%B7%9E%E8%B1%AA%E9%9B%A8" id="button">九州豪雨</a>
265    
266    
267    
268    <a href="/tags/%E4%BB%A4%E5%92%8C3%E5%B9%B48%E6%9C%88%E3%81%AE%E5%A4%A7%E9%9B%A8" id="button">令和3年8月の大雨</a>
269    
270    
271    
272    <a href="/tags/%E4%BB%A4%E5%92%8C4%E5%B9%B48%E6%9C%88%E3%81%AE%E5%A4%A7%E9%9B%A8%E7%AD%89%E3%81%AB%E3%82%88%E3%82%8B%E7%81%BD%E5%AE%B3" id="button">令和4年8月の大雨等による災害</a>
273    
274    
275    
276    <a href="/tags/%E5%B2%A9%E6%89%8B%E5%AE%AE%E5%9F%8E%E5%86%85%E9%99%B8%E5%9C%B0%E9%9C%87" id="button">岩手宮城内陸地震</a>
277    
278    
279    
280    <a href="/tags/%E6%96%B0%E6%BD%9F%E7%9C%8C%E4%B8%AD%E8%B6%8A%E5%9C%B0%E9%9C%87" id="button">新潟県中越地震</a>
281    
282    
283    
284    <a href="/tags/%E6%9D%B1%E5%8C%97%E5%9C%B0%E6%96%B9%E3%81%AE%E8%B1%AA%E9%9B%A8" id="button">東北地方の豪雨</a>
285    
286    
287    
288    <a href="/tags/%E6%9D%B1%E6%97%A5%E6%9C%AC%E5%A4%A7%E9%9C%87%E7%81%BD" id="button">東日本大震災</a>
289    
290    
291    
292    <a href="/tags/%E6%9D%B1%E6%B5%B7%E8%B1%AA%E9%9B%A8" id="button">東海豪雨</a>
293    
294    
295    
296    <a href="/tags/%E7%86%8A%E6%9C%AC%E5%9C%B0%E9%9C%87" id="button">熊本地震</a>
297    
298    
299    
300    <a href="/tags/%E7%86%B1%E6%B5%B7%E5%B8%82%E5%9C%9F%E7%A0%82%E7%81%BD%E5%AE%B3" id="button">熱海市土砂災害</a>
301    
302    
303    
304    <a href="/tags/%E8%83%BD%E7%99%BB%E5%8D%8A%E5%B3%B6%E5%9C%B0%E9%9C%87" id="button">能登半島地震</a>
305    
306    
307    
308    <a href="/tags/%E8%83%BD%E7%99%BB%E5%8D%8A%E5%B3%B6%E8%B1%AA%E9%9B%A8" id="button">能登半島豪雨</a>
309    
310    
311    
312    <a href="/tags/%E8%A5%BF%E6%97%A5%E6%9C%AC%E8%B1%AA%E9%9B%A8" id="button">西日本豪雨</a>
313    
314    
315    
316    <a href="/tags/%E9%98%AA%E7%A5%9E%E6%B7%A1%E8%B7%AF%E5%A4%A7%E9%9C%87%E7%81%BD" id="button">阪神淡路大震災</a>
317    
318    
319    
320    
321
322  </section>
323</aside>
324 
325
326
327</div>
328  </main>
329
330<footer class="footer">
331  <div class="foot">
332  <a href="https://creativecommons.org/licenses/by/4.0/deed.ja" target="_blank"><img src="https://dpnote.netlify.app/images/license.png" alt="CC BY 4.0 license"></a>
333  <p>投稿した記事は、<a href="https://creativecommons.org/licenses/by/4.0/deed.ja" target="_blank" class="footer_link">CC BY 4.0 <i class="fas fa-external-link-alt"></i></a> のもと公開しています。</p>
334  <center>
335
336    <a href="https://github.com/linkevery2s" target="_blank"><div class="circle2"><i class="fab fa-github"></i></div></a><a href="https://docs.google.com/forms/d/e/1FAIpQLSf-WMoBJRTdA1bmN_SmQ-bsNGeLs1l737d3c9BUNuErjH-KBw/viewform" target="_blank"><div class="circle4"><i class="far fa-envelope"></i></div></a><a href="https://dpnote.netlify.app/index.xml" target="_blank"><div class="circle3"><i class="fas fa-rss-square"></i></div></a>
337
338    <br>
339    <img src="https://dpnote.netlify.app/images/qr_dpnote.png">
340    <br>
341
342    <div class="fb-share-button" data-href="https://dpnote.netlify.app/" data-layout="button_count"
343    data-size="small"></div>
344
345    <div id="fb-root"></div>
346    

346<script async defer crossorigin="anonymous" src="https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v19.0"
347      nonce="Pm3nh7PB"></script>

347
348
349    <br>
350    <i class="fa fa-copyright" aria-hidden="true"></i> <a class='footer_link' href='https://hitoshi2s.netlify.app/' target='_blank'>齋藤 仁志</a>. By <a href="https://gohugo.io/" target="_blank" class="footer_link">hugo</a> themes <a href="https://themes.gohugo.io/themes/hugo-clarity/"  target="_blank" class="footer_link">Clarity</a>
351    </center>
352  </div>

352
353
354  <script async src="https://www.googletagmanager.com/gtag/js?id=

354G-MPP84V2NHB

354"></script>
355  

355<script>
356    

356window.dataLayer = window.dataLayer || [];
357    function gtag(){dataLayer.push(arguments);}
358    gtag('js', new Date());
359  
360    gtag('config', '

360G-MPP84V2NHB

360');
361  

361</script>

361
362
363</footer>
364
365  
366  
367</body>
368
369</html>