fukui-kanko-advice/makeHTML.js at main · code4fukui/fukui-kanko-advice · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
import { CSV } from "https://js.sabae.cc/CSV.js";

const list = await (await fetch(new URL("./advice-list.json", import.meta.url))).json();
list.reverse();
for (const item of list) {
  item.data = await (await fetch(new URL(item.fn, import.meta.url))).json();
}

const cleanup = (s) => String(s).replace(/[ \t]+$/gm, "");

const areas0 = await CSV.fetchJSON("https://code4fukui.github.io/fukui-kanko-survey/area.csv");
const areas = areas0.filter(a => a.通し番号).sort((a, b) => a.通し番号 - b.通し番号);
console.log(areas);
for (const area of areas) {
  const area_id = String(area.id);
  const res = [];
  res.push(`<h2>${area.市町名 + " / " + area.エリア名}</h2>`);

  for (const item of list) { // 最新が先
  //for (let i = list.length - 1; i >= 0; i--) { // 最新が後
    //const item = list[i];
    const d = item.data.find(d => String(d.area_id) == area_id) || item.data.find(d => d.area == area.エリア名);
    if (d) {
      res.push(
        `<h3>${d.startday}〜${d.endday}</h3>
        <a href=https://code4fukui.github.io/fukui-kanko-stat/comment.html#${area.id},0,0,0>アンケート回答件数: ${d.n_data}</a><br>
        <div class=advice><mark-down>${cleanup(d.advice)}</mark-down></div>`
      );
    }
  }
  const title = "福井県AI観光アドバイス";
  const template = `<!DOCTYPE html><html lang="ja"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width"><link rel="icon" href="data:">
  <title>${title} - ${area.市町名} / ${area.エリア名}</title>
  </head><body>
  <h1><a href=../>${title}</a></h1>
  <script type="module" src="https://code4fukui.github.io/mark-down/mark-down.js"></script>

  <main id=main>${res.join("\n")}</main>
  <hr>
  Data: <a href=https://github.com/code4fukui/fukui-kanko-survey>FTASオープンデータ CC BY 福井県観光連盟</a><br>
  API: <a href=https://openai.com/>OpenAI API</a><br>
  <a href=https://github.com/code4fukui/fukui-kanko-advice/>src on GitHub<br>

  <style>
  body {
    background-color: #f8faf8;
    margin: .5em;
  }
  body > h1 {
    text-align: left;
  }
  main > h2 {
    x-display: inline-block;
    padding-bottom: .3em;
    padding-right: 1em;
  }
  h3 {
    display: inline-block;
  }
  main > div {
    margin: .5em;
    border: 1px solid gray;
    background-color: #f2f2f2;
  }
  .advice {
    padding: .9em;
  }
  .advice ul {
    padding-inline-start: 1.5em;
  }
  a {
    color: black !important;
  }
  </style>
  </body></html>
  `;

  await Deno.writeTextFile("area/" + area.id + ".html", template);
}