{"id":50770,"date":"2021-10-29T00:00:00","date_gmt":"2021-10-29T07:00:00","guid":{"rendered":"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/"},"modified":"2025-11-14T07:55:00","modified_gmt":"2025-11-14T15:55:00","slug":"part-two-vuejs-dashboard","status":"publish","type":"post","link":"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/","title":{"rendered":"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30fb\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306e\u69cb\u7bc9\uff08\u7b2c\u4e8c\u56de\uff09\uff1aVue\u3001Node\u3001GridDB\u3067\u30b5\u30fc\u30d0\u30fc\u30e2\u30cb\u30bf\u30fc\u3092\u4f5c\u308b"},"content":{"rendered":"

\u591a\u304f\u306e\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u30a2\u30d7\u30ea\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u5bfe\u3057\u3066\u6642\u7cfb\u5217\u30c7\u30fc\u30bf\u3092\u53ef\u8996\u5316\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u30c7\u30fc\u30bf\u306f\u3001\u4fa1\u683c\u60c5\u5831\u3067\u3042\u3063\u305f\u308a\u3001\u30a6\u30a7\u30d6\u89e3\u6790\u3067\u3042\u3063\u305f\u308a\u3001\u305d\u306e\u4ed6\u60f3\u50cf\u3067\u304d\u308b\u3082\u306e\u3067\u3059\u3002<\/p>\n

\u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u306f\u3001Node.js \u30b5\u30fc\u30d0\u30fc\u7528\u306e\u30b5\u30fc\u30d0\u30fc\u30e1\u30e2\u30ea\u30fc\u30e2\u30cb\u30bf\u30fc\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u30011\u79d2\u3054\u3068\u306b\u30b7\u30b9\u30c6\u30e0\u30fb\u30e1\u30e2\u30ea\u306e\u8aad\u307f\u53d6\u308a\u3092\u884c\u3044\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u4fdd\u5b58\u3057\u307e\u3059\u3002<\/p>\n

\u3053\u306e\u30c7\u30fc\u30bf\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306e Vue \u30a2\u30d7\u30ea\u3067\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306e\u8996\u899a\u5316\u3068\u3068\u3082\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n

\u307e\u305f\u3001\u6642\u7cfb\u5217\u30c7\u30fc\u30bf\u306e\u66f8\u304d\u8fbc\u307f\u3068\u53d6\u5f97\u304c\u7c21\u5358\u306b\u3067\u304d\u308bGridDB\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002\u30c7\u30fc\u30bf\u306f\u3001Express\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3092\u4f7f\u3063\u3066\u3001\u30d1\u30d6\u30ea\u30c3\u30afAPI\u3068\u3057\u3066\u516c\u958b\u3057\u307e\u3059\u3002<\/p>\n

Docker\u304c\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u3066\u304a\u308a\u3001Vue\u3001Node.js\u3001GridDB\u306e\u57fa\u672c\u7684\u306a\u77e5\u8b58\u3092\u6301\u3063\u3066\u3044\u308b\u3053\u3068\u3092\u524d\u63d0\u306b\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n

\u5b8c\u5168\u306a\u30b3\u30fc\u30c9\u306f\u3053\u306e\u30ea\u30dd\u30b8\u30c8\u30ea<\/a>\u3067\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002<\/p>\n

Docker\u3092\u4f7f\u3063\u305f\u74b0\u5883\u69cb\u7bc9<\/h2>\n

\u524d\u56de\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb<\/a>\u3067\u306f\u3001GridDB\u306b\u63a5\u7d9a\u3059\u308bNode & Express API\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u3092\u8aac\u660e\u3057\u307e\u3057\u305f\u3002Docker\u30b3\u30f3\u30c6\u30ca\u3092\u5229\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u3069\u306eOS\u4e0a\u3067\u3082\u7c21\u5358\u306bGridDB\u3092\u8d77\u52d5\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n

\u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u306f\u3001Docker\u30b3\u30f3\u30c6\u30ca\u3092\u5229\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u7c21\u5358\u306bGridDB\u3092\u8d77\u52d5\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u3092\u3055\u3089\u306b\u7406\u89e3\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u524d\u56de\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3092\u53c2\u7167\u3059\u308b\u3053\u3068<\/a>\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002<\/p>\n

\u524d\u56de\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306b\u5f93\u308f\u306a\u3044\u5834\u5408\u306f\u3001\u3042\u306a\u305f\u306e\u30b3\u30f3\u30d4\u30e5\u30fc\u30bf\u30fc\u306b \u3053\u306e\u30ec\u30dd\u30b8\u30c8\u30ea<\/a> \u3092\u30af\u30ed\u30fc\u30f3\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n

\n
\n$ git clone https:\/\/github.com\/anthonygore\/node-griddb-docker.git<\/code><\/pre>\n<\/div>\n
\u3053\u3053\u3067\u3001\u65b0\u3057\u304f\u4f5c\u6210\u3057\u305f\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u5165\u308a\u3001Docker Compose\u3092\u5b9f\u884c\u3057\u3066\u3001\u4eee\u60f3\u74b0\u5883\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3001\u8d77\u52d5\u3057\u307e\u3059\u3002<\/p>\n
\n
\n$ cd node-griddb-docker\n$ docker-compose up --build<\/code><\/pre>\n<\/div>\n
\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304c\u5b8c\u4e86\u3059\u308b\u3068\u3001Express \u30b5\u30fc\u30d0\u304c GridDB \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3068\u540c\u6642\u306b\u52d5\u4f5c\u3059\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n
Curl \u3067 Express \u30b5\u30fc\u30d0\u306b\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u884c\u3044\u3001\u6b63\u5e38\u306b\u52d5\u4f5c\u3057\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n
\n
\n$ curl http:\/\/localhost:3000<\/code><\/pre>\n<\/div>\n
\u30b3\u30f3\u30bd\u30fc\u30eb\u306b “Hello, World “\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u304c\u8868\u793a\u3055\u308c\u308b\u306f\u305a\u3067\u3059\u3002<\/p>\n
\u30b7\u30b9\u30c6\u30e0\u30e1\u30e2\u30ea\u306e\u8aad\u307f\u53d6\u308a\u3092\u884c\u3046<\/h2>\n
\u4eca\u56de\u306e\u76ee\u7684\u306f\u3001\u30b5\u30fc\u30d0\u30fc\u306e\u7a7a\u304d\u30e1\u30e2\u30ea\u3092\u8a08\u6e2c\u3057\u3001\u305d\u306e\u30c7\u30fc\u30bf\u3092API\u3068\u3057\u3066\u63d0\u4f9b\u3059\u308b\u30a2\u30d7\u30ea\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u3067\u3059\u3002<\/p>\n
Node \u30d1\u30c3\u30b1\u30fc\u30b8\u306e node-os-utils<\/code> \u3092\u4f7f\u3048\u3070\u3001\u30b5\u30fc\u30d0\u30fc\u4e0a\u306e\u7a7a\u304d\u30e1\u30e2\u30ea\u306e\u91cf\u3092\u7c21\u5358\u306b\u53d6\u5f97\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u307e\u305a\u306f\u3053\u308c\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n
\n
\n$ npm i -S node-os-utils<\/code><\/pre>\n<\/div>\n
\u65b0\u3057\u3044NPM\u306e\u4f9d\u5b58\u95a2\u4fc2\u3092\u8ffd\u52a0\u3057\u305f\u306e\u3067\u3001Docker\u30b3\u30f3\u30c6\u30ca\u3092\u518d\u8d77\u52d5\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002Ctrl+C<\/code>\u3067\u73fe\u5728\u306e\u30b3\u30f3\u30c6\u30ca\u3092 kill \u3057\u3066\u304b\u3089\u3001docker build --rm .<\/code>\u3092\u5b9f\u884c\u3057\u3066\u3001\u65b0\u3057\u3044\u4f9d\u5b58\u95a2\u4fc2\u306e\u3042\u308b\u30a4\u30e1\u30fc\u30b8\u3092\u518d\u30d3\u30eb\u30c9\u3057\u3001\u4ee5\u524d\u306e\u30a4\u30e1\u30fc\u30b8\u3092\u524a\u9664\u3057\u307e\u3059\u3002\u305d\u306e\u5f8c\u3001docker-compose up<\/code>\u3092\u5b9f\u884c\u3057\u3066\u3001\u30b3\u30f3\u30c6\u30ca\u3092\u518d\u8d77\u52d5\u3057\u307e\u3059\u3002<\/p>\n
Node OS Utils\u3092\u4f7f\u7528\u3057\u3066\u3001Express API\u304c\u30d1\u30b9 \/data<\/code> \u306b\u3042\u308b\u7a7a\u304d\u30e1\u30e2\u30ea\u306e\u91cf\u3092\u8fd4\u3059\u3088\u3046\u306b\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n
server.js<\/em><\/p>\n
\n
\nconst osu = require('node-os-utils')\n\n...\n\napp.get('\/data', async (req, res) => {\n  const info = await osu.mem.info()\n  res.send(info);\n});<\/code><\/pre>\n<\/div>\n
\u518d\u3073\u30bf\u30fc\u30df\u30ca\u30eb\u3067Curl\u3092\u4f7f\u3063\u3066\u30c6\u30b9\u30c8\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u4eca\u5ea6\u306f\u3001\u30b7\u30b9\u30c6\u30e0\u30fb\u30e1\u30e2\u30ea\u306b\u95a2\u3059\u308b\u7d71\u8a08\u304c\u30ec\u30b9\u30dd\u30f3\u30b9\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n
\n
\n$ curl http:\/\/localhost:3000\/data\n\n# {\"totalMemMb\":1986.16,\"usedMemMb\":848.47,\"freeMemMb\":1137.69,\"usedMemPercentage\":42.72,\"freeMemPercentage\":57.28}<\/code><\/pre>\n<\/div>\n
\u30a4\u30f3\u30bf\u30fc\u30d0\u30eb\u30fb\u30e1\u30e2\u30ea\u30fc\u30fb\u30ea\u30fc\u30c7\u30a3\u30f3\u30b0<\/h2>\n
\u30e2\u30cb\u30bf\u30fc\u3092\u4f5c\u308b\u306e\u3067\u3042\u308c\u3070\u3001\u6642\u7cfb\u5217\u306e\u5024\u3092\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u4fdd\u5b58\u3057\u3066\u3001\u7279\u5b9a\u306e\u9593\u9694\u3067\u8868\u793a\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n
\u305d\u306e\u305f\u3081\u306b\u3001\u30b5\u30fc\u30d0\u30fc\u304c\u8d77\u52d5\u3057\u3066\u304b\u30891\u79d2\u3054\u3068\u306b\u5024\u3092\u53d6\u5f97\u3059\u308b\u3053\u3068\u306b\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u306f setInterval<\/code> \u3092\u4f7f\u3044\u307e\u3057\u3087\u3046\u3002\u4eca\u306e\u3068\u3053\u308d\u3001\u3053\u308c\u3089\u306e\u5024\u3092\u30b3\u30f3\u30bd\u30fc\u30eb\u306b\u8868\u793a\u3059\u308b\u3060\u3051\u3067\u3059\u3002<\/p>\n
server.js<\/em><\/p>\n
\n
\nsetInterval(async() => {\n  const info = await osu.mem.info();\n  console.log(info.freeMemPercentage);\n}, 1000);<\/code><\/pre>\n<\/div>\n
\u30b3\u30f3\u30c6\u30ca\u3092\u4f5c\u6210\u3059\u308b<\/h2>\n
\u3055\u3066\u3001\u3053\u306e\u30c7\u30fc\u30bf\u3092\u3069\u3046\u3084\u3063\u3066\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u53d6\u308a\u8fbc\u3080\u306e\u3067\u3057\u3087\u3046\u304b\uff1f\u307e\u305a\u5fc5\u8981\u306a\u306e\u306f\u3001\u30b3\u30f3\u30c6\u30ca\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u3067\u3059\u3002<\/p>\n
\u305d\u306e\u305f\u3081\u306b\u3001”FreeMemoryPercentage”\u3068\u3044\u3046GridDB\u306e\u6642\u7cfb\u5217\u30b3\u30f3\u30c6\u30ca\u306e\u30b9\u30ad\u30fc\u30de\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002\u3053\u308c\u306f2\u3064\u306e\u30ab\u30e9\u30e0\u3092\u6301\u3064\u30b3\u30f3\u30c6\u30ca\u306b\u306a\u308a\u307e\u3059\u3002timestamp<\/code>\u306f\u5f53\u7136TIMESTAMP<\/code>\u578b\u3067\u3001freeMemPercentage<\/code>\u306fDOUBLE<\/code>\u578b\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n
\u305d\u3057\u3066\u3001\u30b9\u30c8\u30a2\u306e putContainer<\/code> \u30e1\u30bd\u30c3\u30c9\u3092\u547c\u3073\u51fa\u3057\u3066\u3001\u30b3\u30f3\u30c6\u30ca\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n
\n
\nconst containerName =\"FreeMemoryPercentage\";\nconst schema = new griddb.ContainerInfo({\n    name: containerName,\n    columnInfoList: [\n    [\"timestamp\", griddb.Type.TIMESTAMP],\n    [\"freeMemPercentage\", griddb.Type.DOUBLE]\n  ],\n    type: griddb.ContainerType.TIME_SERIES,\n    rowKey: true\n});\nconst container = await store.putContainer(schema, false);<\/code><\/pre>\n<\/div>\n
\u3067\u306f\u3001\u3053\u306e\u30b3\u30fc\u30c9\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u3069\u3053\u306b\u7f6e\u3051\u3070\u3044\u3044\u306e\u3067\u3057\u3087\u3046\u304b\uff1f\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30d5\u30a1\u30a4\u30eb\u306b\u79fb\u52d5\u3057\u3066\u3001\u95a2\u6570 createContainer<\/code> \u3092\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002\u3053\u3053\u3067\u306f\u3001\u307e\u305a store.getContainer<\/code> \u3092\u547c\u3073\u51fa\u3057\u3066\u30b3\u30f3\u30c6\u30ca\u3092\u53d6\u5f97\u3057\u3088\u3046\u3068\u3057\u307e\u3059\uff08\u3059\u3067\u306b\u4f5c\u6210\u3055\u308c\u3066\u3044\u308b\u53ef\u80fd\u6027\u3082\u3042\u308a\u307e\u3059\u304c\uff09\u3002<\/p>\n
\u3082\u3057\u30b3\u30f3\u30c6\u30ca\u304c null<\/code> \u306a\u3089\u3070\u3001\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u30b3\u30f3\u30c6\u30ca\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n
\u3053\u308c\u304c\u5b8c\u4e86\u3057\u305f\u3089\u3001 connect<\/code> \u30e1\u30bd\u30c3\u30c9\u304b\u3089\u3053\u306e\u30e1\u30bd\u30c3\u30c9\u3092\u547c\u3073\u51fa\u3057\u3066\u8fd4\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30b3\u30f3\u30c6\u30ca\u306b\u30b9\u30c8\u30a2\u3092\u6e21\u3059\u3053\u3068\u304c\u3067\u304d\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3078\u306e\u30a2\u30af\u30bb\u30b9\u306e\u305f\u3081\u306eAPI\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n
db.js<\/em><\/p>\n
\n
\nconst createContainer = async (store) => {\n  let container = await store.getContainer(containerName);\n  if (container === null) {\n    try {\n      const schema = new griddb.ContainerInfo({\n                name: containerName,\n                columnInfoList: [\n            [\"timestamp\", griddb.Type.TIMESTAMP],\n            [\"freeMemPercentage\", griddb.Type.DOUBLE]\n          ],\n                type: griddb.ContainerType.TIME_SERIES,\n                rowKey: true\n      });\n      container = await store.putContainer(schema, false);\n    } catch (err) {\n            console.log(err);\n    }\n  }\n}\n\nconst connect = async () => {\n  ...\n  createContainer(store);\n};<\/code><\/pre>\n<\/div>\n
\u30e1\u30e2\u30ea\u306e\u8aad\u307f\u53d6\u308a\u5024\u3092\u30b3\u30f3\u30c6\u30ca\u306b\u683c\u7d0d\u3059\u308b<\/h2>\n
\u3053\u308c\u3067\u3001\u30c7\u30fc\u30bf\u3092\u5165\u308c\u308b\u30b3\u30f3\u30c6\u30ca\u304c\u3067\u304d\u307e\u3057\u305f\u3002\u3053\u306e\u30b3\u30f3\u30c6\u30ca\u306b\u306f\u3001\u3069\u306e\u3088\u3046\u306b\u7a7a\u304d\u30e1\u30e2\u30ea\u306e\u5024\u3092\u683c\u7d0d\u3059\u308b\u306e\u3067\u3057\u3087\u3046\u304b\u3002<\/p>\n
\u305d\u306e\u305f\u3081\u306b\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30d5\u30a1\u30a4\u30eb\u306b putRow<\/code> \u3068\u3044\u3046\u5225\u306e\u95a2\u6570\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u3053\u308c\u3092\u9ad8\u968e\u95a2\u6570\u306b\u3059\u308b\u3053\u3068\u3067\u3001consumer\u304c\u6c17\u306b\u3059\u308b\u3053\u3068\u306a\u304f\u81ea\u52d5\u7684\u306b\u30b3\u30f3\u30c6\u30ca\u306b\u30c7\u30fc\u30bf\u3092\u6e21\u305b\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n
\u8fd4\u3055\u308c\u305f\u95a2\u6570\u3067\u306f\u3001\u307e\u305a\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u79d2\u304c\u57fa\u672c\u7684\u306a\u9593\u9694\u3067\u3042\u308b\u305f\u3081\u3001\u76f4\u8fd1\u306e\u79d2\u306b\u4e38\u3081\u308b\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u305d\u3057\u3066\u3001\u305d\u306e\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u3068\u3001\u95a2\u6570\u306b\u4e0e\u3048\u3089\u308c\u305f\u3042\u3089\u3086\u308b\u5024\u3092\u3001container.put<\/code>\u3092\u4f7f\u3063\u3066\u30b3\u30f3\u30c6\u30ca\u306b\u683c\u7d0d\u3057\u307e\u3059\u3002<\/p>\n
db.js<\/em><\/p>\n
\n
\nconst putRow = (container) => async (val) => {\n  try {\n    const p = 1000;\n    const now = new Date();\n    const time = new Date(Math.round(now.getTime() \/ p ) * p);\n    await container.put([time, val]);\n  } catch (err) {\n    console.log(err);\n  }\n}<\/code><\/pre>\n<\/div>\n
\u4eca\u5ea6\u306f createContainer<\/code> \u30e1\u30bd\u30c3\u30c9\u304b\u3089 putRow<\/code> \u306e\u5185\u90e8\u95a2\u6570\u3092\u8fd4\u3057\u3066\u3001\u30e1\u30a4\u30f3\u30b5\u30fc\u30d0\u30fc\u30d5\u30a1\u30a4\u30eb\u3067\u4f7f\u7528\u3067\u304d\u308b\u30b7\u30f3\u30d7\u30eb\u306a API \u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n
db.js<\/em><\/p>\n
\n
\nconst createContainer = async (store) => {\n  ...\n  return {\n    putRow: putRow(container)\n  }\n}<\/code><\/pre>\n<\/div>\n
Express \u30b5\u30fc\u30d0\u30fc\u304b\u3089\u8aad\u307f\u53d6\u3063\u305f\u30e1\u30e2\u30ea\u30fc\u3092\u4fdd\u5b58\u3059\u308b<\/h2>\n
\u305d\u308c\u3067\u306f\u3001\u30b5\u30fc\u30d0\u30fc\u30d5\u30a1\u30a4\u30eb\u5185\u306e\u30b5\u30fc\u30d0\u30fc\u30b3\u30f3\u30c6\u30ca\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3057\u3087\u3046\u3002\u305d\u306e\u305f\u3081\u306b\u3001\u5909\u6570 container<\/code> \u3092\u5ba3\u8a00\u3057\u307e\u3059\u304c\u3001\u307e\u3060\u521d\u671f\u5316\u3057\u307e\u305b\u3093\u3002<\/p>\n
\u6b21\u306b\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e API \u3092\u8fd4\u3059 db.connect<\/code> \u30e1\u30bd\u30c3\u30c9\u3092\u547c\u3073\u51fa\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u975e\u540c\u671f\u95a2\u6570\u306a\u306e\u3067\u3001\u30d7\u30ed\u30df\u30b9\u304c\u89e3\u6c7a\u3055\u308c\u308b\u307e\u3067\u5f85\u3061\u3001\u305d\u306e\u5024\u3092\u5148\u307b\u3069\u4f5c\u6210\u3057\u305f\u5909\u6570\u306b\u4ee3\u5165\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n
server.js<\/em><\/p>\n
\n
\nlet container;\ndb.connect().then(c => container = c);<\/code><\/pre>\n<\/div>\n
\u3055\u3066\u3001\u30a4\u30f3\u30bf\u30fc\u30d0\u30eb\u30b3\u30fc\u30eb\u30d0\u30c3\u30af\u3067\u306f\u3001API\u30e1\u30bd\u30c3\u30c9 container.putRow<\/code> \u3092\u4f7f\u3063\u3066\u3001\u6bce\u79d2\u306e\u30e1\u30e2\u30ea\u8aad\u307f\u53d6\u308a\u5024\u3092\u683c\u7d0d\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n
\n
\nsetInterval(async() => {\n  const info = await osu.mem.info();\n  await container.putRow(info.freeMemPercentage);\n}, 1000);<\/code><\/pre>\n<\/div>\n
\u6700\u65b0\u306e\u6e2c\u5b9a\u5024\u3092\u53d6\u5f97\u3059\u308b<\/h2>\n
\u3053\u306e\u30a2\u30d7\u30ea\u3092\u4f5c\u6210\u3059\u308b\u6b21\u306e\u30b9\u30c6\u30c3\u30d7\u306f\u3001\u6700\u65b0\u306e\u6e2c\u5b9a\u5024\u3092\u8fd4\u3059\u3053\u3068\u3067\u3059\u3002\u3053\u308c\u3092\u884c\u3046\u306b\u306f\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30d5\u30a1\u30a4\u30eb\u306b\u623b\u308a\u3001\u5225\u306e\u95a2\u6570 getLatestRows<\/code> \u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u3053\u3053\u3067\u3082\u9ad8\u968e\u306e\u95a2\u6570\u3068\u3057\u3001\u30b3\u30f3\u30c6\u30ca\u306e\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3092\u304d\u3061\u3093\u3068\u6e21\u305b\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n
\u3053\u306e\u95a2\u6570\u3067\u306f\u3001GridDB \u30b3\u30f3\u30c6\u30ca\u306b\u5bfe\u3059\u308b\u30af\u30a8\u30ea\u3092 TQL \u69cb\u6587\u3067\u4f5c\u6210\u3057\u307e\u3059\u3002\u3053\u306e\u30af\u30a8\u30ea\u306f\u3001\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u304c\u904e\u53bb5\u5206\u4ee5\u5185\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002<\/p>\n
\u305d\u3057\u3066\u3001\u8fd4\u3055\u308c\u305f\u884c\u3092\u305d\u308c\u305e\u308c\u51e6\u7406\u3057\u3001\u4e00\u3064\u306e\u914d\u5217\u3068\u3057\u3066\u30c7\u30fc\u30bf\u3092\u8fd4\u3057\u307e\u3059\u3002<\/p>\n
\u3053\u306e\u65b0\u3057\u3044\u30e1\u30bd\u30c3\u30c9\u306f createContainer<\/code> \u30e1\u30bd\u30c3\u30c9\u304b\u3089\u3082\u547c\u3073\u51fa\u3055\u308c\u3001\u5225\u306e API \u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n
db.js<\/em><\/p>\n
\n
\nconst getLatestRows = (container) => async () => {\n  try {\n    const query = container.query(\n            \"select * where timestamp > TIMESTAMPADD(MINUTES, NOW(), -5)\"\n        );\n    const rowset = await query.fetch();\n    const data = [];\n    while (rowset.hasNext()) {\n      data.push(rowset.next());\n    }\n    return data;\n  } catch(err) {\n    console.log(err);\n  }\n}\n\nconst createContainer = async (store) => {\n  ...\n  return {\n    putRow: putRow(container),\n    getLatestRows: getLatestRows(container)\n  }\n}<\/code><\/pre>\n<\/div>\n
\u30b5\u30fc\u30d0\u30fc\u30d5\u30a1\u30a4\u30eb\u306b\u623b\u308a\u3001Express \u30eb\u30fc\u30c8\u30cf\u30f3\u30c9\u30e9\u5185\u3067\u3053\u306e\u65b0\u3057\u3044\u30e1\u30bd\u30c3\u30c9\u3092\u547c\u3073\u51fa\u3057\u3066\u3001\u30c7\u30fc\u30bf\u3092\u8fd4\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n
server.js<\/em><\/p>\n
\n
\napp.get('\/data', async (req, res) => {\n  const rows = await container.getLatestRows();\n  res.send(rows);\n});<\/code><\/pre>\n<\/div>\n
\u3053\u308c\u3092\u30c6\u30b9\u30c8\u3059\u308b\u305f\u3081\u306b\u3001\u518d\u3073Curl\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a2\u30d7\u30ea\u3067\u6d88\u8cbb\u3059\u308b\u6e96\u5099\u304c\u3067\u304d\u305f\u30c7\u30fc\u30bf\u30d6\u30ed\u30c3\u30af\u304c\u8868\u793a\u3055\u308c\u308b\u306f\u305a\u3067\u3059\u3002<\/p>\n
\n
\n$ curl http:\/\/localhost:3000\/data\n\n# [[\"2021-10-22T07:05:52.000Z\",57.53],...]<\/code><\/pre>\n<\/div>\n
index.html \u30d5\u30a1\u30a4\u30eb\u3092\u63d0\u4f9b\u3059\u308b<\/h2>\n
\u305d\u308c\u3067\u306f\u3001\u7a7a\u304d\u30e1\u30e2\u30ea\u306e\u30c7\u30fc\u30bf\u3092\u53ef\u8996\u5316\u3059\u308b\u305f\u3081\u306e\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a2\u30d7\u30ea\u3092\u4f5c\u6210\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n
\u307e\u305a\u3001Express \u30b5\u30fc\u30d0\u30fc\u304c Hello, World \u30e1\u30c3\u30bb\u30fc\u30b8\u3067\u306f\u306a\u304f\u3001\u30eb\u30fc\u30c8\u30d1\u30b9\u306b\u3042\u308b HTML \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u8fd4\u3059\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n
server.js<\/em><\/p>\n
\n
\nconst path = require('path');\n\n...\n\napp.get('\/', async (req, res) => {\n  res.sendFile(path.join(__dirname, '\/index.html'));\n});<\/code><\/pre>\n<\/div>\n
\u6b21\u306b\u3001index.html<\/em> \u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u57fa\u672c\u7684\u306aHTML\u5b9a\u578b\u6587\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n
index.html<\/em><\/p>\n
\n
<!doctype html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  <title>Server Monitor<\/title>\n  <meta name=\"description\" content=\"Node and GridDB server monitor\">\n<\/head>\n<body>\n<\/body>\n<\/html><\/code><\/pre>\n<\/div>\n
npm start<\/code>\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u5909\u66f4\u3057\u3001Nodemon\u304c\u3053\u306eHTML\u30d5\u30a1\u30a4\u30eb\u3092\u76e3\u8996\u3059\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002<\/p>\n
\u3053\u308c\u3067\u3001\u958b\u767a\u4e2d\u306bindex.html<\/em>\u306b\u5909\u66f4\u3092\u52a0\u3048\u308b\u3068\u3001\u30b5\u30fc\u30d0\u30fc\u306f\u81ea\u52d5\u7684\u306b\u518d\u8d77\u52d5\u3057\u307e\u3059\u3002<\/p>\n
package.json<\/em><\/p>\n
\n
\n\"scripts\": {\n  \"start\": \"nodemon server.js -e js,html\"\n},<\/code><\/pre>\n<\/div>\n
\u3053\u306e\u5f8c\u3001Docker\u30b3\u30f3\u30c6\u30ca\u3092\u4e00\u65e6\u7d42\u4e86\u3055\u305b\u3001docker-compose up --build<\/code> \u3067\u518d\u8d77\u52d5\u3057\u307e\u3059\u3002<\/p>\n
\u3055\u3066\u3001\u30d6\u30e9\u30a6\u30b6\u3092\u958b\u3044\u3066\u3001http:\/\/localhost:3000<\/em> \u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002HTML\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u304c\u8aad\u307f\u8fbc\u307e\u308c\u3066\u3044\u308b\u306e\u304c\u898b\u3048\u308b\u3068\u601d\u3044\u307e\u3059\u304c\u3001\u307e\u3060\u30b3\u30f3\u30c6\u30f3\u30c4\u306f\u8868\u793a\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002<\/p>\n
\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a2\u30d7\u30ea\u306e\u4f5c\u6210<\/h2>\n
\u3053\u308c\u304b\u3089\u3001HTML\u6587\u66f8\u306e\u5148\u982d\u306b4\u3064\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u8ffd\u52a0\u3057\u3066\u3044\u304d\u307e\u3059\u3002Moment.js\u3001Vue.js\u3001Chart.js\u3001VueChart.js\u3067\u3059\u3002\u3053\u308c\u3089\u306f\u3059\u3079\u3066\u3001\u6642\u7cfb\u5217\u306e\u30d3\u30b8\u30e5\u30a2\u30e9\u30a4\u30bc\u30fc\u30b7\u30e7\u30f3\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u306a\u3082\u306e\u3067\u3059\u3002<\/p>\n
index.html<\/em><\/p>\n
\n
<head>\n    ...\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/moment.js\/2.29.1\/moment.min.js\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/vue@2.6.14\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/2.7.1\/Chart.min.js\"><\/script>\n    <script src=\"https:\/\/unpkg.com\/vue-chartjs\/dist\/vue-chartjs.min.js\"><\/script>\n  <\/head><\/code><\/pre>\n<\/div>\n
\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u672c\u4f53\u306b\u306f\u3001Vue\u30a2\u30d7\u30ea\u306emount\u8981\u7d20\u3092ID app<\/code>\u3067\u4f5c\u6210\u3057\u307e\u3059\u3002\u305d\u3057\u3066\u3001Vue\u30a2\u30d7\u30ea\u3092\u5ba3\u8a00\u3059\u308bscript\u30bf\u30b0\u3092\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n
index.html<\/em><\/p>\n
\n
<div id=\"app\"><\/div>\n<script type=\"text\/javascript\">\n  new Vue({\n    el: \"#app\"\n  });\n<\/script><\/code><\/pre>\n<\/div>\n
\u3053\u306e\u30a2\u30d7\u30ea\u3067\u6700\u521d\u306b\u884c\u3046\u3053\u3068\u306f\u3001fetch<\/code> \u3092\u4f7f\u3063\u3066 mounted<\/code> \u30e9\u30a4\u30d5\u30b5\u30a4\u30af\u30eb\u30d5\u30c3\u30af\u306b\u3042\u308b\u30b5\u30fc\u30d0\u30fc\u30e2\u30cb\u30bf\u30fc\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3059\u308b\u3053\u3068\u3067\u3059\u3002\u3053\u308c\u3092\u30c7\u30fc\u30bf\u30d7\u30ed\u30d1\u30c6\u30a3 serverData<\/code> \u306b\u4ee3\u5165\u3057\u3001x<\/code> \u3068 y<\/code> \u306e\u5024\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u30de\u30c3\u30d4\u30f3\u30b0\u3057\u307e\u3059\u3002<\/p>\n
index.html<\/em><\/p>\n
\n
\nnew Vue({\n  el: \"#app\",\n    data: () => ({\n    serverData: []\n  }),\n  async mounted () {\n    const res = await fetch(\"\/data\");\n    const data = await res.json();\n    this.serverData = data.map(row => ({ x: row[0], y: row[1] }))\n  }\n});<\/code><\/pre>\n<\/div>\n
\u30c1\u30e3\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8<\/h2>\n
\u3053\u3053\u3067\u3001\u65b0\u3057\u3044 Vue \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 server-monitor<\/code> \u3092\u5ba3\u8a00\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u3001VueChartJs\u306e Line<\/code> \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u7d99\u627f\u3057\u307e\u3059\u3002\u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306eprop\u306b serverData<\/code> \u3092\u6307\u5b9a\u3057\u3001\u307e\u3082\u306a\u304f\u30a2\u30d7\u30ea\u304b\u3089\u6e21\u3057\u307e\u3059\u3002<\/p>\n
\u30e9\u30a4\u30d5\u30b5\u30a4\u30af\u30eb\u30d5\u30c3\u30af\u306e mounted<\/code> \u3067\u306f\u3001VueChart.js \u304c\u6642\u7cfb\u5217\u30c7\u30fc\u30bf\u3092\u898b\u3084\u3059\u304f\u8868\u793a\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u306a\u8a2d\u5b9a\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n
VueChart.js\u306e\u8a2d\u5b9a\u306b\u3064\u3044\u3066\u306e\u8a73\u7d30\u306f\u3001\u3053\u3061\u3089<\/a>\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n
index.html<\/em><\/p>\n
\n
\nVue.component('server-monitor', {\n    extends: VueChartJs.Line,\n    props: ['serverData'],\n    mounted () {\n      const chartData = {\n        labels: [],\n          datasets: [\n          {\n            label: 'Free Memory %',\n            backgroundColor: '#f87979',\n            data: this.serverData,\n            fill: false,\n            borderColor: 'rgb(75, 192, 192)',\n            tension: 0.1\n          }\n        ]\n      };\n      const options = {\n        responsive: true,\n        maintainAspectRatio: false,\n        scales: {\n          xAxes: [{\n            type: \"time\",\n            distribution: \"linear\"\n          }],\n          title: {\n            display: false\n          }\n        }\n      }\n      this.renderChart(chartData, options)\n    }\n  })<\/code><\/pre>\n<\/div>\n
\u6700\u5f8c\u306b\u3001\u30b5\u30fc\u30d0\u30fc\u306e\u30c7\u30fc\u30bf\u304c\u5165\u529b\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u6761\u4ef6\u3068\u3057\u3066\u3001\u30a2\u30d7\u30ea\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u30c1\u30e3\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u5ba3\u8a00\u3057\u307e\u3059\u3002<\/p>\n
index.html<\/em><\/p>\n
\n
\n<div id=\"app\">\n    <server-monitor v-if=\"serverData.length\" :server-data=\"serverData\" \/>\n  <\/div><\/code><\/pre>\n<\/div>\n
\u3053\u308c\u3067\u3001\u30b5\u30fc\u30d0\u30fc\u30e2\u30cb\u30bf\u30fc\u304c\u30da\u30fc\u30b8\u4e0a\u306b\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3055\u308c\u308b\u306e\u304c\u78ba\u8a8d\u3067\u304d\u308b\u306f\u305a\u3067\u3059\u3002<\/p>\n
\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\u591a\u304f\u306e\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u30a2\u30d7\u30ea\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u5bfe\u3057\u3066\u6642\u7cfb\u5217\u30c7\u30fc\u30bf\u3092\u53ef\u8996\u5316\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u30c7\u30fc\u30bf\u306f\u3001\u4fa1\u683c\u60c5\u5831\u3067\u3042\u3063\u305f\u308a\u3001\u30a6\u30a7\u30d6\u89e3\u6790\u3067\u3042\u3063\u305f\u308a\u3001\u305d\u306e\u4ed6\u60f3\u50cf\u3067\u304d\u308b\u3082\u306e\u3067\u3059\u3002 \u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u306f\u3001Node.js \u30b5\u30fc\u30d0\u30fc\u7528 […]<\/p>\n","protected":false},"author":41,"featured_media":49315,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1005],"tags":[],"class_list":["post-50770","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-1005"],"acf":[],"yoast_head":"\n\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30fb\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306e\u69cb\u7bc9\uff08\u7b2c\u4e8c\u56de\uff09\uff1aVue\u3001Node\u3001GridDB\u3067\u30b5\u30fc\u30d0\u30fc\u30e2\u30cb\u30bf\u30fc\u3092\u4f5c\u308b | GridDB: Open Source Time Series Database for IoT<\/title>\n<meta name=\"description\" content=\"\u591a\u304f\u306e\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u30a2\u30d7\u30ea\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u5bfe\u3057\u3066\u6642\u7cfb\u5217\u30c7\u30fc\u30bf\u3092\u53ef\u8996\u5316\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u30c7\u30fc\u30bf\u306f\u3001\u4fa1\u683c\u60c5\u5831\u3067\u3042\u3063\u305f\u308a\u3001\u30a6\u30a7\u30d6\u89e3\u6790\u3067\u3042\u3063\u305f\u308a\u3001\u305d\u306e\u4ed6\u60f3\u50cf\u3067\u304d\u308b\u3082\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/griddb.net\/ja\/\u672a\u5206\u985e\/part-two-vuejs-dashboard\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30fb\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306e\u69cb\u7bc9\uff08\u7b2c\u4e8c\u56de\uff09\uff1aVue\u3001Node\u3001GridDB\u3067\u30b5\u30fc\u30d0\u30fc\u30e2\u30cb\u30bf\u30fc\u3092\u4f5c\u308b | GridDB: Open Source Time Series Database for IoT\" \/>\n<meta property=\"og:description\" content=\"\u591a\u304f\u306e\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u30a2\u30d7\u30ea\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u5bfe\u3057\u3066\u6642\u7cfb\u5217\u30c7\u30fc\u30bf\u3092\u53ef\u8996\u5316\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u30c7\u30fc\u30bf\u306f\u3001\u4fa1\u683c\u60c5\u5831\u3067\u3042\u3063\u305f\u308a\u3001\u30a6\u30a7\u30d6\u89e3\u6790\u3067\u3042\u3063\u305f\u308a\u3001\u305d\u306e\u4ed6\u60f3\u50cf\u3067\u304d\u308b\u3082\" \/>\n<meta property=\"og:url\" content=\"https:\/\/griddb.net\/ja\/\u672a\u5206\u985e\/part-two-vuejs-dashboard\/\" \/>\n<meta property=\"og:site_name\" content=\"GridDB: Open Source Time Series Database for IoT\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/griddbcommunity\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-29T07:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-14T15:55:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/griddb.net\/wp-content\/uploads\/2021\/10\/server_monitor.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2542\" \/>\n\t<meta property=\"og:image:height\" content=\"826\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"griddb-admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@GridDBCommunity\" \/>\n<meta name=\"twitter:site\" content=\"@GridDBCommunity\" \/>\n<meta name=\"twitter:label1\" content=\"\u57f7\u7b46\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"griddb-admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"4\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/\"},\"author\":{\"name\":\"griddb-admin\",\"@id\":\"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#\/schema\/person\/4fe914ca9576878e82f5e8dd3ba52233\"},\"headline\":\"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30fb\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306e\u69cb\u7bc9\uff08\u7b2c\u4e8c\u56de\uff09\uff1aVue\u3001Node\u3001GridDB\u3067\u30b5\u30fc\u30d0\u30fc\u30e2\u30cb\u30bf\u30fc\u3092\u4f5c\u308b\",\"datePublished\":\"2021-10-29T07:00:00+00:00\",\"dateModified\":\"2025-11-14T15:55:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/\"},\"wordCount\":127,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/#primaryimage\"},\"thumbnailUrl\":\"\/wp-content\/uploads\/2021\/10\/server_monitor.png\",\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/\",\"url\":\"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/\",\"name\":\"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30fb\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306e\u69cb\u7bc9\uff08\u7b2c\u4e8c\u56de\uff09\uff1aVue\u3001Node\u3001GridDB\u3067\u30b5\u30fc\u30d0\u30fc\u30e2\u30cb\u30bf\u30fc\u3092\u4f5c\u308b | GridDB: Open Source Time Series Database for IoT\",\"isPartOf\":{\"@id\":\"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/#primaryimage\"},\"thumbnailUrl\":\"\/wp-content\/uploads\/2021\/10\/server_monitor.png\",\"datePublished\":\"2021-10-29T07:00:00+00:00\",\"dateModified\":\"2025-11-14T15:55:00+00:00\",\"description\":\"\u591a\u304f\u306e\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u30a2\u30d7\u30ea\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u5bfe\u3057\u3066\u6642\u7cfb\u5217\u30c7\u30fc\u30bf\u3092\u53ef\u8996\u5316\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u30c7\u30fc\u30bf\u306f\u3001\u4fa1\u683c\u60c5\u5831\u3067\u3042\u3063\u305f\u308a\u3001\u30a6\u30a7\u30d6\u89e3\u6790\u3067\u3042\u3063\u305f\u308a\u3001\u305d\u306e\u4ed6\u60f3\u50cf\u3067\u304d\u308b\u3082\",\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/#primaryimage\",\"url\":\"\/wp-content\/uploads\/2021\/10\/server_monitor.png\",\"contentUrl\":\"\/wp-content\/uploads\/2021\/10\/server_monitor.png\",\"width\":2542,\"height\":826},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#website\",\"url\":\"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/\",\"name\":\"GridDB: Open Source Time Series Database for IoT\",\"description\":\"GridDB is an open source time-series database with the performance of NoSQL and convenience of SQL\",\"publisher\":{\"@id\":\"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#organization\",\"name\":\"Fixstars\",\"url\":\"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/griddb.net\/wp-content\/uploads\/2019\/04\/fixstars_logo_web_tagline.png\",\"contentUrl\":\"https:\/\/griddb.net\/wp-content\/uploads\/2019\/04\/fixstars_logo_web_tagline.png\",\"width\":200,\"height\":83,\"caption\":\"Fixstars\"},\"image\":{\"@id\":\"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/griddbcommunity\/\",\"https:\/\/x.com\/GridDBCommunity\",\"https:\/\/www.linkedin.com\/company\/griddb-by-toshiba\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#\/schema\/person\/4fe914ca9576878e82f5e8dd3ba52233\",\"name\":\"griddb-admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5bceca1cafc06886a7ba873e2f0a28011a1176c4dea59709f735b63ae30d0342?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5bceca1cafc06886a7ba873e2f0a28011a1176c4dea59709f735b63ae30d0342?s=96&d=mm&r=g\",\"caption\":\"griddb-admin\"},\"url\":\"https:\/\/griddb.net\/ja\/author\/griddb-admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30fb\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306e\u69cb\u7bc9\uff08\u7b2c\u4e8c\u56de\uff09\uff1aVue\u3001Node\u3001GridDB\u3067\u30b5\u30fc\u30d0\u30fc\u30e2\u30cb\u30bf\u30fc\u3092\u4f5c\u308b | GridDB: Open Source Time Series Database for IoT","description":"\u591a\u304f\u306e\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u30a2\u30d7\u30ea\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u5bfe\u3057\u3066\u6642\u7cfb\u5217\u30c7\u30fc\u30bf\u3092\u53ef\u8996\u5316\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u30c7\u30fc\u30bf\u306f\u3001\u4fa1\u683c\u60c5\u5831\u3067\u3042\u3063\u305f\u308a\u3001\u30a6\u30a7\u30d6\u89e3\u6790\u3067\u3042\u3063\u305f\u308a\u3001\u305d\u306e\u4ed6\u60f3\u50cf\u3067\u304d\u308b\u3082","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/griddb.net\/ja\/\u672a\u5206\u985e\/part-two-vuejs-dashboard\/","og_locale":"ja_JP","og_type":"article","og_title":"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30fb\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306e\u69cb\u7bc9\uff08\u7b2c\u4e8c\u56de\uff09\uff1aVue\u3001Node\u3001GridDB\u3067\u30b5\u30fc\u30d0\u30fc\u30e2\u30cb\u30bf\u30fc\u3092\u4f5c\u308b | GridDB: Open Source Time Series Database for IoT","og_description":"\u591a\u304f\u306e\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u30a2\u30d7\u30ea\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u5bfe\u3057\u3066\u6642\u7cfb\u5217\u30c7\u30fc\u30bf\u3092\u53ef\u8996\u5316\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u30c7\u30fc\u30bf\u306f\u3001\u4fa1\u683c\u60c5\u5831\u3067\u3042\u3063\u305f\u308a\u3001\u30a6\u30a7\u30d6\u89e3\u6790\u3067\u3042\u3063\u305f\u308a\u3001\u305d\u306e\u4ed6\u60f3\u50cf\u3067\u304d\u308b\u3082","og_url":"https:\/\/griddb.net\/ja\/\u672a\u5206\u985e\/part-two-vuejs-dashboard\/","og_site_name":"GridDB: Open Source Time Series Database for IoT","article_publisher":"https:\/\/www.facebook.com\/griddbcommunity\/","article_published_time":"2021-10-29T07:00:00+00:00","article_modified_time":"2025-11-14T15:55:00+00:00","og_image":[{"width":2542,"height":826,"url":"https:\/\/griddb.net\/wp-content\/uploads\/2021\/10\/server_monitor.png","type":"image\/png"}],"author":"griddb-admin","twitter_card":"summary_large_image","twitter_creator":"@GridDBCommunity","twitter_site":"@GridDBCommunity","twitter_misc":{"\u57f7\u7b46\u8005":"griddb-admin","\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"4\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/#article","isPartOf":{"@id":"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/"},"author":{"name":"griddb-admin","@id":"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#\/schema\/person\/4fe914ca9576878e82f5e8dd3ba52233"},"headline":"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30fb\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306e\u69cb\u7bc9\uff08\u7b2c\u4e8c\u56de\uff09\uff1aVue\u3001Node\u3001GridDB\u3067\u30b5\u30fc\u30d0\u30fc\u30e2\u30cb\u30bf\u30fc\u3092\u4f5c\u308b","datePublished":"2021-10-29T07:00:00+00:00","dateModified":"2025-11-14T15:55:00+00:00","mainEntityOfPage":{"@id":"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/"},"wordCount":127,"commentCount":0,"publisher":{"@id":"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#organization"},"image":{"@id":"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/#primaryimage"},"thumbnailUrl":"\/wp-content\/uploads\/2021\/10\/server_monitor.png","inLanguage":"ja","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/","url":"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/","name":"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30fb\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306e\u69cb\u7bc9\uff08\u7b2c\u4e8c\u56de\uff09\uff1aVue\u3001Node\u3001GridDB\u3067\u30b5\u30fc\u30d0\u30fc\u30e2\u30cb\u30bf\u30fc\u3092\u4f5c\u308b | GridDB: Open Source Time Series Database for IoT","isPartOf":{"@id":"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/#primaryimage"},"image":{"@id":"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/#primaryimage"},"thumbnailUrl":"\/wp-content\/uploads\/2021\/10\/server_monitor.png","datePublished":"2021-10-29T07:00:00+00:00","dateModified":"2025-11-14T15:55:00+00:00","description":"\u591a\u304f\u306e\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u30a2\u30d7\u30ea\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u5bfe\u3057\u3066\u6642\u7cfb\u5217\u30c7\u30fc\u30bf\u3092\u53ef\u8996\u5316\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u30c7\u30fc\u30bf\u306f\u3001\u4fa1\u683c\u60c5\u5831\u3067\u3042\u3063\u305f\u308a\u3001\u30a6\u30a7\u30d6\u89e3\u6790\u3067\u3042\u3063\u305f\u308a\u3001\u305d\u306e\u4ed6\u60f3\u50cf\u3067\u304d\u308b\u3082","inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/griddb.net\/ja\/%e6%9c%aa%e5%88%86%e9%a1%9e\/part-two-vuejs-dashboard\/#primaryimage","url":"\/wp-content\/uploads\/2021\/10\/server_monitor.png","contentUrl":"\/wp-content\/uploads\/2021\/10\/server_monitor.png","width":2542,"height":826},{"@type":"WebSite","@id":"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#website","url":"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/","name":"GridDB: Open Source Time Series Database for IoT","description":"GridDB is an open source time-series database with the performance of NoSQL and convenience of SQL","publisher":{"@id":"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":"Organization","@id":"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#organization","name":"Fixstars","url":"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/","logo":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#\/schema\/logo\/image\/","url":"https:\/\/griddb.net\/wp-content\/uploads\/2019\/04\/fixstars_logo_web_tagline.png","contentUrl":"https:\/\/griddb.net\/wp-content\/uploads\/2019\/04\/fixstars_logo_web_tagline.png","width":200,"height":83,"caption":"Fixstars"},"image":{"@id":"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/griddbcommunity\/","https:\/\/x.com\/GridDBCommunity","https:\/\/www.linkedin.com\/company\/griddb-by-toshiba"]},{"@type":"Person","@id":"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#\/schema\/person\/4fe914ca9576878e82f5e8dd3ba52233","name":"griddb-admin","image":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/griddb-linux-hte8hndjf8cka8ht.westus-01.azurewebsites.net\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5bceca1cafc06886a7ba873e2f0a28011a1176c4dea59709f735b63ae30d0342?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5bceca1cafc06886a7ba873e2f0a28011a1176c4dea59709f735b63ae30d0342?s=96&d=mm&r=g","caption":"griddb-admin"},"url":"https:\/\/griddb.net\/ja\/author\/griddb-admin\/"}]}},"_links":{"self":[{"href":"https:\/\/griddb.net\/ja\/wp-json\/wp\/v2\/posts\/50770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/griddb.net\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/griddb.net\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/griddb.net\/ja\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/griddb.net\/ja\/wp-json\/wp\/v2\/comments?post=50770"}],"version-history":[{"count":1,"href":"https:\/\/griddb.net\/ja\/wp-json\/wp\/v2\/posts\/50770\/revisions"}],"predecessor-version":[{"id":51604,"href":"https:\/\/griddb.net\/ja\/wp-json\/wp\/v2\/posts\/50770\/revisions\/51604"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/griddb.net\/ja\/wp-json\/wp\/v2\/media\/49315"}],"wp:attachment":[{"href":"https:\/\/griddb.net\/ja\/wp-json\/wp\/v2\/media?parent=50770"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/griddb.net\/ja\/wp-json\/wp\/v2\/categories?post=50770"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/griddb.net\/ja\/wp-json\/wp\/v2\/tags?post=50770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}