https://dpnote.netlify.app/search/

1
2<!DOCTYPE html>
3<html lang="ja" data-figures=""  data-mode="lit" >
4
5<head>
6<title>Searches | 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="">
18<meta name="twitter:card" content="summary_large_image" />
19<meta name="twitter:creator" content="">
20<meta name="twitter:title" content="Searches" />
21
22
23
24
25
26<meta name="twitter:image" content="https://dpnote.netlify.app/" />
27
28
29
30<meta property="og:image" content="https://dpnote.netlify.app/">
31
32
33<meta property="og:url" content="https://dpnote.netlify.app/search/" />
34<meta property="og:title" content="Searches" />
35<meta property="og:description" content="" />
36
37
38
39<link rel="canonical" href="https://dpnote.netlify.app/search/">
40<link rel="alternate" type="application/rss+xml" href="https://dpnote.netlify.app/search/index.xml" title="DP Note" />
41
42  
43
44  
45  
46
47  
48  <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">
49  
50
51  <link rel="stylesheet" href='https://dpnote.netlify.app/css/custom.css'>
52
53  

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

53
54
55  

55<script type="module" src='https://dpnote.netlify.app/js/custom.js'></script>

55
56
57  <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"
58    referrerpolicy="no-referrer" />
59
60  

60<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">
61  </script>

61
62
63
64  
65  <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">
66  
67
68  <title>サービス内検索 | DP Note</title>
69
70  <style>
71    input {
72      color: rgba(0, 119, 184, 0.5);
73      font-size: 1.2em;
74      font-weight: bolder;
75      height: 45px;
76      padding-left: .2em;
77      border-radius: .3em;
78    }
79
80    input::-webkit-input-placeholder {
81      color: rgba(0, 119, 184, 0.5);
82    }
83
84    #exp {
85      font-size: 1.2em;
86      font-weight: bolder;
87      height: 45px;
88      background: #007bbb;
89      color: #fff;
90      padding: .5em;
91      cursor: pointer;
92      border-radius: .3em;
93    }
94
95    #result {
96      margin: 1em;
97      border-bottom: 1px dotted #000;
98    }
99
100    .item_title {
101      text-decoration: none;
102      color: rgba(0, 119, 184, 1);
103      font-weight: bolder;
104    }
105
106    .item_ex {
107      background: #fff;
108      margin: 0.5em 1em 1em 1em;
109      padding: 0.5em;
110      font-size: smaller;
111      border-radius: .5em;
112      position: relative;
113      height: 98px;
114      overflow: hidden;
115      padding-right: 8px;
116    }
117
118    .item_ex b {
119      margin: 0 2px 0 2px;
120      padding: 3px;
121      color: #666600;
122      background-color: #ffffdd;
123      font-weight: bold;
124      border: 1px solid #bbbb00;
125    }
126
127    .item {
128      border-top: 1px dotted #000;
129      padding-top: 1em;
130    }
131
132
133    #page_list li{
134      list-style: none;
135      display: inline-block;
136      border: 2px solid #007bbb;
137      color: #007bbb;
138      background-color: #ffffff;
139      padding: .5em;
140      border-radius: .5em;
141      margin-right: .5em;
142      cursor: pointer;
143      font-weight: bold;
144    }
145
146  </style>
147</head>
148
149<body data-code="100" data-lines="false" id="documentTop">
150
151
152
153<div id="header1">
154	<h1 class="h_h1"><a href='https://dpnote.netlify.app/'>ＤＰ Ｎｏｔｅ</a></h1>
155</div>
156
157<div class="h_s"><a href='https://dpnote.netlify.app/search/'><div class="h_circle"><i class="fas fa-search"></i></div></a></div>
158
159
160
161
162  <main>
163
164    <div class="grid-inverse wrap content">
165      <article class="post_content">
166        <h1 class="post_title">サービス内検索</h1>
167
168        <p>災害名などのキーワードを入力すると投稿記事を検索することができます。</p>
169
170        <input type="text" name="text1" id="text" size="15" autocomplete="off" autofocus placeholder="キーワード検索" />  <span id="exp" class="search">検 索</span>  <br><br>
171
172        <ul id="page_list"><div id="koumoku"></div></ul>
173    
174        <p><span id="resultCount"></span></p>
175
176        <div id="result"></div>
177
178      </article>
179<aside class="sidebar">
180  <section class="sidebar_inner">
181
182    <div>
183      <h2 class="mt-4 taxonomy" id="introduction-section">Introduction</h2>
184      <ul class="ul_menu">
185
186        <a href='https://dpnote.netlify.app/about/'>
187          <li class="li_menu"><i class="fa-solid fa-book-open"></i> サービス概要</li>
188        </a>
189
190      </ul>
191
192    </div>
193
194    
195
196    <div>
197      <h2 class="mt-4 taxonomy" id="calendar-section">Calendar</h2>
198      <ul class="ul_menu">
199
200        <a href='https://dpnote.netlify.app/calendar/'>
201          <li class="li_menu"><i class="fa-regular fa-calendar-days"></i> 災害カレンダー</li>
202        </a>
203
204      </ul>
205
206    </div>
207
208    <div>
209
210      <h2 class="mt-4 taxonomy" id="categories-section">Categories</h2>
211      <ul class="ul_menu">
212
213        <a href='https://dpnote.netlify.app/categories/%E5%9C%B0%E9%9C%87/'>
214          <li class="li_menu"><i class="fa-solid fa-house-chimney-crack"></i> 地震</li>
215        </a>
216
217        <a href='https://dpnote.netlify.app/categories/%E9%A2%A8%E6%B0%B4%E5%AE%B3/'>
218          <li class="li_menu"><i class="fa-solid fa-cloud-rain"></i> 風水害</li>
219        </a>
220
221        <a href='https://dpnote.netlify.app/categories/%E6%B4%A5%E6%B3%A2/'>
222          <li class="li_menu"><i class="fa-solid fa-water"></i> 津波</li>
223        </a>
224

225        <a href='https://dpnote.netlify.app/categories/%E7%81%AB%E7%81%BD/'>
226          <li class="li_menu"><i class="fa-solid fa-fire"></i> 火災</li>
227        </a>
228
229        <a href='https://dpnote.netlify.app/categories/%E3%81%9D%E3%81%AE%E4%BB%96%E7%81%BD%E5%AE%B3/'>
230          <li class="li_menu"><i class="fa-solid fa-volcano"></i> その他災害</li>
231        </a>
232
233        <a href='https://dpnote.netlify.app/categories/%E9%98%B2%E7%81%BDdx/'>
234          <li class="li_menu"><i class="fa-solid fa-robot"></i> 防災DX</li>
235        </a>
236
237      </ul>
238    </div>
239
240    <h2 class="mt-4 taxonomy" id="tags-section">Names</h2>
241
242    
243    
244    
245    <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>
246    
247    
248    
249    <a href="/tags/%E4%B9%9D%E5%B7%9E%E8%B1%AA%E9%9B%A8" id="button">九州豪雨</a>
250    
251    
252    
253    <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>
254    
255    
256    
257    <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>
258    
259    
260    
261    <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>
262    
263    
264    
265    <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>
266    
267    
268    
269    <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>
270    
271    
272    
273    <a href="/tags/%E6%9D%B1%E6%97%A5%E6%9C%AC%E5%A4%A7%E9%9C%87%E7%81%BD" id="button">東日本大震災</a>
274    
275    
276    
277    <a href="/tags/%E6%9D%B1%E6%B5%B7%E8%B1%AA%E9%9B%A8" id="button">東海豪雨</a>
278    
279    
280    
281    <a href="/tags/%E7%86%8A%E6%9C%AC%E5%9C%B0%E9%9C%87" id="button">熊本地震</a>
282    
283    
284    
285    <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>
286    
287    
288    
289    <a href="/tags/%E8%83%BD%E7%99%BB%E5%8D%8A%E5%B3%B6%E5%9C%B0%E9%9C%87" id="button">能登半島地震</a>
290    
291    
292    
293    <a href="/tags/%E8%83%BD%E7%99%BB%E5%8D%8A%E5%B3%B6%E8%B1%AA%E9%9B%A8" id="button">能登半島豪雨</a>
294    
295    
296    
297    <a href="/tags/%E8%A5%BF%E6%97%A5%E6%9C%AC%E8%B1%AA%E9%9B%A8" id="button">西日本豪雨</a>
298    
299    
300    
301    <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>
302    
303    
304    
305    
306
307  </section>
308</aside>
309      
310
311    </div>
312  </main>
313
314<footer class="footer">
315  <div class="foot">
316  <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>
317  <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>
318  <center>
319
320    <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>
321
322    <br>
323    <img src="https://dpnote.netlify.app/images/qr_dpnote.png">
324    <br>
325
326    <div class="fb-share-button" data-href="https://dpnote.netlify.app/" data-layout="button_count"
327    data-size="small"></div>
328
329    <div id="fb-root"></div>
330    

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

331
332
333    <br>
334    <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>
335    </center>
336  </div>

336
337
338  <script async src="https://www.googletagmanager.com/gtag/js?id=

338G-MPP84V2NHB

338"></script>
339  

339<script>
340    

340window.dataLayer = window.dataLayer || [];
341    function gtag(){dataLayer.push(arguments);}
342    gtag('js', new Date());
343  
344    gtag('config', '

344G-MPP84V2NHB

344');
345  

345</script>

345
346
347</footer>
348
349
350  

350<script src="data.js"></script>

350
351
352  

352<script type="module">
353
354    let i_bunkatu = 10;
355
356   
357    onload = async () => {
358      result.innerHTML = "";
359
360      let kensaku = text.value;
361
362      const max = data.length;
363      let count = 0;
364
365
366
367      let b = Math.ceil( max / i_bunkatu ) ;
368      console.log(b);
369
370      koumoku.innerHTML = "";
371
372      let bunkatu =[];
373
374      for (let i = 0; i< b; i++){
375        let v = i + 1;
376        koumoku.innerHTML += '<li onclick="kirikae(' + v + ')">' + v + '</li>';
377
378        bunkatu[i] ="";
379
380        for (let mm = 0; mm < i_bunkatu; mm++) {
381
382          if (i * i_bunkatu + mm < max){
383
384            bunkatu[i] += '<div class="item">' +
385            "<a href='" + data[i * i_bunkatu + mm].url + "'>" + '<span class="item_title">' + data[i * i_bunkatu + mm].title + '</span>' + "</a>" +
386            '<div class="item_ex">' + data[i * i_bunkatu + mm].body + '</div>' +
387            '</div>';
388
389            count = count + 1;
390
391          }
392          else{}
393        }
394
395      }
396
397      result.innerHTML = bunkatu[0];
398
399      let list = document.querySelector("#page_list");
400      list.childNodes[0].childNodes[0].style.backgroundColor = "#007bbb";
401      list.childNodes[0].childNodes[0].style.color = "#ffffff";
402
403      resultCount.innerHTML = '<b>' + count + '</b> 件見つかりました（' + max + '件中）';
404
405      window.kirikae = (x) =>{
406
407        result.innerHTML = "";
408
409        result.innerHTML = bunkatu[x-1];
410
411        for (let i = 0; i < b; i++){
412
413          if(i == x-1){
414
415            list.childNodes[0].childNodes[i].style.backgroundColor = "#007bbb";
416            list.childNodes[0].childNodes[i].style.color = "#ffffff";
417
418          }else{
419
420            list.childNodes[0].childNodes[i].style.backgroundColor = "#ffffff";
421            list.childNodes[0].childNodes[i].style.color = "#007bbb";
422
423          }
424
425
426
427        }
428
429      }
430
431    }
432
433
434 
435document.querySelector('.search').addEventListener('click',
436
437      async () => {
438
439        if(text.value != ""){
440
441          result.innerHTML = "";
442          koumoku.innerHTML = "";
443
444          let kensaku = text.value;
445
446          let kensaku_arr =[];
447
448        
449
450
451          const max = data.length;
452          let count = 0;
453
454          for (let j = 0; j < max; j++) {
455            if (data[j].title.indexOf(kensaku) != -1 || data[j].body.indexOf(kensaku) != -1) {
456              kensaku_arr[j] = '<div class="item">' +
457              "<a href='" + data[j].url + "'>" + '<span class="item_title">' + data[j].title.replaceAll(kensaku, "<b>" + kensaku + "</b>") + '</span>' + "</a>" +
458              '<div class="item_ex">' + data[j].body.replaceAll(kensaku, "<b>" + kensaku + "</b>") + '</div>' +
459              '</div>';
460            }else{
461              kensaku_arr[j] = "";
462            }
463          }
464
465          let new_arr = kensaku_arr.filter(function(x){
466            return !(x == ""); 
467          })
468          console.log(new_arr);
469
470          count = new_arr.length;
471
472          let b = Math.ceil( count / i_bunkatu ) ;
473          console.log(b);
474
475         
476          if(b == 0){
477            result.innerHTML = "検索結果はありませんでした。別のキーワードを入力してください。";
478            resultCount.innerHTML = '<b>' + b + '</b> 件見つかりました（' + max + '件中）';
479            return false;
480          }else{}
481
482          let bunkatu2 =[];
483
484
485          for (let i = 0; i< b; i++){
486            let v = i + 1;
487            koumoku.innerHTML += '<li onclick="kirikae2(' + v + ')">' + v + '</li>';
488
489            bunkatu2[i] =　"";
490
491            for (let mm = 0; mm < i_bunkatu; mm++) {
492
493              if (i * i_bunkatu + mm < count){
494
495                bunkatu2[i] += new_arr[i * i_bunkatu + mm];
496              }
497              else{}
498            }
499
500          }
501
502
503          result.innerHTML = bunkatu2[0];
504
505          let list = document.querySelector("#page_list");
506          list.childNodes[0].childNodes[0].style.backgroundColor = "#007bbb";
507          list.childNodes[0].childNodes[0].style.color = "#ffffff";
508
509          resultCount.innerHTML = '<b>' + count + '</b> 件見つかりました（' + max + '件中）';
510
511          window.kirikae2 = (x) =>{
512
513            result.innerHTML = "";
514
515            result.innerHTML = bunkatu2[x-1];
516
517            let list = document.querySelector("#page_list");
518
519            for (let i = 0; i < b; i++){
520
521              if(i == x-1){
522
523                list.childNodes[0].childNodes[i].style.backgroundColor = "#007bbb";
524                list.childNodes[0].childNodes[i].style.color = "#ffffff";
525
526              }else{
527
528                list.childNodes[0].childNodes[i].style.backgroundColor = "#ffffff";
529                list.childNodes[0].childNodes[i].style.color = "#007bbb";
530
531              }
532
533            }
534          }
535
536        }else{
537
538          window.location.reload();
539        }
540
541      }
542
543      );
544
545    
546
547
548    </script>

548
549 
550  </body>
551
552  </html>