{"id":1341,"date":"2023-09-01T10:59:52","date_gmt":"2023-09-01T01:59:52","guid":{"rendered":"https:\/\/satirise.co.jp\/garoon\/?p=1341"},"modified":"2023-09-13T16:37:22","modified_gmt":"2023-09-13T07:37:22","slug":"alignment","status":"publish","type":"post","link":"https:\/\/satirise.co.jp\/garoon\/2023\/09\/01\/1341\/","title":{"rendered":"Garoon\u3068kintone\u3092\u7c21\u5358\u306b\u9023\u643a\uff01\u65e5\u5831\u30a2\u30d7\u30ea\u306b\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u60c5\u5831\u3092\u81ea\u52d5\u8ffd\u52a0"},"content":{"rendered":"<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1356\" src=\"https:\/\/satirise.co.jp\/garoon\/wp\/wp-content\/uploads\/2023\/09\/garoonkintonedemo.gif\" alt=\"\" width=\"1018\" height=\"584\" \/>\n\n\n<div class=\"wp-block-emanon-blocks-block-notice block-notice-info\" style=\"margin-bottom:48px;border-color:#083795;border-width:1px\"><i class=\"fa fa-lightbulb-o\" style=\"display:inline;color:#083795\"><\/i><div style=\"padding-left:23px;color:#083795\" class=\"block-notice-heading\"><strong>\u306f\u3058\u3081\u306b<\/strong><\/div><p class=\"block-notice-text\">\u4ed5\u4e8b\u304c\u3082\u3063\u3068\u697d\u3057\u304f\u3001\u52b9\u7387\u7684\u306b\u306a\u308b\u3088\u3046\u3001Garoon\u3068kintone\u3092\u9023\u643a\u3055\u305b\u307e\u3057\u3087\u3046\uff01<br\/>\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001Garoon\u306e\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u60c5\u5831\u3092kintone\u306e\u65e5\u5831\u30a2\u30d7\u30ea\u306b\u81ea\u52d5\u3067\u66f8\u304d\u8fbc\u3080\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Garoon\u3068kintone\u306e\u9023\u643a\u3063\u3066\uff1f<\/h2>\n\n\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1345 size-full\" src=\"https:\/\/satirise.co.jp\/garoon\/wp\/wp-content\/uploads\/2023\/09\/img_01-1.jpg\" alt=\"\u9023\u643a\u30a4\u30e1\u30fc\u30b8\" width=\"600\" height=\"420\" srcset=\"https:\/\/satirise.co.jp\/garoon\/wp\/wp-content\/uploads\/2023\/09\/img_01-1.jpg 600w, https:\/\/satirise.co.jp\/garoon\/wp\/wp-content\/uploads\/2023\/09\/img_01-1-300x210.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n\n\n<p>Garoon\u306f\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u7ba1\u7406\u3084\u4f1a\u8b70\u5ba4\u4e88\u7d04\u304c\u3067\u304d\u308b\u30b0\u30eb\u30fc\u30d7\u30a6\u30a7\u30a2\u3001kintone\u306f\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3084\u696d\u52d9\u30a2\u30d7\u30ea\u304c\u4f5c\u308c\u308b\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002\u3053\u306e\u4e8c\u3064\u3092\u9023\u643a\u3055\u305b\u3066\u3001\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u60c5\u5831\u304c\u65e5\u5831\u30a2\u30d7\u30ea\u306b\u81ea\u52d5\u3067\u8ffd\u52a0\u3055\u308c\u308b\u3088\u3046\u306b\u3057\u307e\u3057\u3087\u3046\uff01<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u624b\u9806<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. \u65e5\u5831\u30a2\u30d7\u30ea\u3092\u4f5c\u308d\u3046<\/h3>\n\n\n\n<p>\u307e\u305a\u306fkintone\u3067\u65e5\u5831\u30a2\u30d7\u30ea\u3092\u4f5c\u308a\u307e\u3057\u3087\u3046\uff01<br>\u4eca\u56de\u306f<a href=\"https:\/\/kintone-sol.cybozu.co.jp\/apps\/008-nippo.html\">\u30a2\u30d7\u30ea\u30b9\u30c8\u30a2\u306b\u3042\u308b\u65e5\u5831\u30a2\u30d7\u30ea<\/a>\u3092\u4f7f\u3044\u307e\u3059\u3002<br>\u65e5\u5831\u306b\u5fc5\u8981\u306a\u9805\u76ee\u306f\u304a\u597d\u307f\u3067\u30a2\u30ec\u30f3\u30b8\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/satirise.co.jp\/garoon\/wp\/wp-content\/uploads\/2023\/09\/kintone-report-from-garoon1.png\" alt=\"\" class=\"wp-image-1381\" srcset=\"https:\/\/satirise.co.jp\/garoon\/wp\/wp-content\/uploads\/2023\/09\/kintone-report-from-garoon1.png 1024w, https:\/\/satirise.co.jp\/garoon\/wp\/wp-content\/uploads\/2023\/09\/kintone-report-from-garoon1-300x225.png 300w, https:\/\/satirise.co.jp\/garoon\/wp\/wp-content\/uploads\/2023\/09\/kintone-report-from-garoon1-768x576.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. \u30d5\u30a3\u30fc\u30eb\u30c9\u30b3\u30fc\u30c9\u3092\u78ba\u8a8d\u3057\u3088\u3046<\/h3>\n\n\n\n<p>\u4f5c\u3063\u305f\u65e5\u5831\u30a2\u30d7\u30ea\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u30b3\u30fc\u30c9\u3092\u78ba\u8a8d\u3057\u307e\u3057\u3087\u3046\uff01<br>\u4eca\u56de\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306b\u4f7f\u3046\u30d5\u30a3\u30fc\u30eb\u30c9\u306f\u3001\u300c\u65e5\u4ed8\u300d\u3068\u300c\u6587\u5b57\u5217__\u8907\u6570\u884c_\u300d\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>\u30d5\u30a3\u30fc\u30eb\u30c9\u540d<\/td><td>\u30d5\u30a3\u30fc\u30eb\u30c9\u30b3\u30fc\u30c9<\/td><\/tr><tr><td>\u65e5\u4ed8<\/td><td>\u65e5\u4ed8<\/td><\/tr><tr><td>\u696d\u52d9\u5185\u5bb9<\/td><td>\u6587\u5b57\u5217__\u8907\u6570\u884c_<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/satirise.co.jp\/garoon\/wp\/wp-content\/uploads\/2023\/09\/kintone-report-from-garoon2.png\" alt=\"\" class=\"wp-image-1380\" srcset=\"https:\/\/satirise.co.jp\/garoon\/wp\/wp-content\/uploads\/2023\/09\/kintone-report-from-garoon2.png 1024w, https:\/\/satirise.co.jp\/garoon\/wp\/wp-content\/uploads\/2023\/09\/kintone-report-from-garoon2-300x225.png 300w, https:\/\/satirise.co.jp\/garoon\/wp\/wp-content\/uploads\/2023\/09\/kintone-report-from-garoon2-768x576.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;3. Garoon REST API\u3067\u30b9\u30b1\u30b8\u30e5\u30fc\u30ebGET\uff01<\/h3>\n\n\n\n<p><strong><a rel=\"noopener\" href=\"https:\/\/cybozu.dev\/ja\/garoon\/docs\/rest-api\/schedule\/get-schedule-events\/\" data-type=\"link\" data-id=\"https:\/\/cybozu.dev\/ja\/garoon\/docs\/rest-api\/schedule\/get-schedule-events\/\" target=\"_blank\">\u8907\u6570\u306e\u4e88\u5b9a\u3092\u53d6\u5f97\u3059\u308b<\/a><\/strong>API\u3067Garoon\u306e\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u3092\u691c\u7d22\u3057\u307e\u3059\u3002<br>rangeStart\u3068rangeEnd\u306b\u691c\u7d22\u65e5\u6642\u3092\u5165\u308c\u3066\u65e5\u5831\u306e\u65e5\u306e\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u3092\u691c\u7d22\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>const record = kintone.app.record.get()\nconst rangeStartDate = new Date(record.record.\u65e5\u4ed8.value)\nconst rangeStart = encodeURIComponent(rangeStartDate.toISOString().replace(&#39;.000Z&#39;, &#39;+09:00&#39;))\nconst rangeEndDate = new Date(rangeStartDate)\nrangeEndDate.setDate(rangeEndDate.getDate() + 1)\nconst rangeEnd = encodeURIComponent(rangeEndDate.toISOString().replace(&#39;.000Z&#39;, &#39;+09:00&#39;))\nconst response = await fetch(`\/g\/api\/v1\/schedule\/events?rangeStart=${rangeStart}&rangeEnd=${rangeEnd}&orderBy=start asc`, {\n\u00a0\u00a0method: &#39;GET&#39;,\n\u00a0\u00a0headers: {\n\u00a0\u00a0\u00a0\u00a0&#39;Content-Type&#39;: &#39;application\/json&#39;,\n\u00a0\u00a0\u00a0\u00a0&#39;X-Requested-With&#39;: &#39;XMLHttpRequest&#39;\n\u00a0\u00a0}\n})\nconst json = await response.json()<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;4. kintone JavaScript API\u3067\u65e5\u5831\u306b\u8ffd\u52a0\uff01<\/h3>\n\n\n\n<p>\u53d6\u5f97\u3057\u305f\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u3092\u300c\u696d\u52d9\u5185\u5bb9\u300d\u30d5\u30a3\u30fc\u30eb\u30c9\u306b\u8a2d\u5b9a\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>let report = &#39;&#39;\njson.events.forEach(event =&gt; {\n  \/\/ \u7fcc\u65e5\u306e\u7d42\u65e5\u306e\u4e88\u5b9a\u3092\u9664\u5916\n  if (rangeEnd === encodeURIComponent(event.start.dateTime)) return\n  \/\/ \u4e88\u5b9a\u30921\u884c\u305a\u3064\u8ffd\u52a0\n  const row = event.eventMenu ? `${event.eventMenu} : ${event.subject}` : event.subject\n  if (report) {\n    report += &#39;\\n&#39; + row\n  } else {\n    report = row\n  }\n})\nrecord.record.\u6587\u5b57\u5217__\u8907\u6570\u884c_.value = report\nkintone.app.record.set(record)<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;5. kintone JavaScript API\u3067\u300c\u30ac\u30eb\u30fc\u30f3\u304b\u3089\u53d6\u5f97\u300d\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0<\/h3>\n\n\n\n<p>kintone\u306e\u7de8\u96c6\u753b\u9762\u306b\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3057\u3001Garoon\u304b\u3089\u53d6\u5f97\u3057\u305f\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u3092\u7de8\u96c6\u4e2d\u306e\u65e5\u5831\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>const handleClick = async () =&gt; {\n  \/\/ 3, 4\u3067\u4f5c\u3063\u305f\u6a5f\u80fd\u306fhandleClick\u95a2\u6570\u306b\u5165\u308c\u3066\u304a\u3053\u3046\u3002\n}\nconst button = document.createElement(&#39;button&#39;)\nbutton.innerText = &#39;\u30ac\u30eb\u30fc\u30f3\u304b\u3089\u53d6\u5f97&#39;\nbutton.classList.add(&#39;gaia-ui-actionmenu-save&#39;)\nbutton.addEventListener(&#39;click&#39;, handleClick)\nkintone.app.record.getHeaderMenuSpaceElement().insertAdjacentElement(&#39;afterbegin&#39;, button)<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">6. kintone\u8a2d\u5b9a\u304b\u3089js\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\uff01<\/h3>\n\n\n\n<p>\u30a2\u30d7\u30ea\u306e\u8a2d\u5b9a &gt; JavaScript \/ CSS\u3067\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u304b\u3089\u3001\u4f5c\u3063\u305fjs\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u3066\u3001\u300c\u30a2\u30d7\u30ea\u3092\u66f4\u65b0\u300d\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/satirise.co.jp\/garoon\/wp\/wp-content\/uploads\/2023\/09\/kintone-report-from-garoon3.png\" alt=\"\" class=\"wp-image-1387\" srcset=\"https:\/\/satirise.co.jp\/garoon\/wp\/wp-content\/uploads\/2023\/09\/kintone-report-from-garoon3.png 1024w, https:\/\/satirise.co.jp\/garoon\/wp\/wp-content\/uploads\/2023\/09\/kintone-report-from-garoon3-300x225.png 300w, https:\/\/satirise.co.jp\/garoon\/wp\/wp-content\/uploads\/2023\/09\/kintone-report-from-garoon3-768x576.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u3067\u304d\u305f\u30b3\u30fc\u30c9<\/h3>\n\n\n\n<script src=\"https:\/\/gist.github.com\/enawork\/f12a36b17bffaecd7fe001395402e04a.js\"><\/script>\n\n\n\n<h2 class=\"wp-block-heading\">\u304a\u308f\u308a\u306b<\/h2>\n\n\n\n<p>\u3053\u308c\u3067kintone\u304b\u3089Garoon\u3092\u53c2\u7167\u3057\u3066\u3001\u65e5\u5831\u30a2\u30d7\u30ea\u304b\u3089\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u60c5\u5831\u3092\u53d6\u5f97\u3067\u304d\u308b\u306b\u306a\u308a\u307e\u3057\u305f\uff01<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Garoon\u3068kintone\u306e\u9023\u643a\u3063\u3066\uff1f Garoon\u306f\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u7ba1\u7406\u3084\u4f1a\u8b70\u5ba4<\/p>\n","protected":false},"author":1,"featured_media":1343,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":{"0":"post-1341","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-utilize","8":"one-column","9":"ar-one-column","10":"au-one-column"},"_links":{"self":[{"href":"https:\/\/satirise.co.jp\/garoon\/wp-json\/wp\/v2\/posts\/1341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/satirise.co.jp\/garoon\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/satirise.co.jp\/garoon\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/satirise.co.jp\/garoon\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/satirise.co.jp\/garoon\/wp-json\/wp\/v2\/comments?post=1341"}],"version-history":[{"count":21,"href":"https:\/\/satirise.co.jp\/garoon\/wp-json\/wp\/v2\/posts\/1341\/revisions"}],"predecessor-version":[{"id":1391,"href":"https:\/\/satirise.co.jp\/garoon\/wp-json\/wp\/v2\/posts\/1341\/revisions\/1391"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/satirise.co.jp\/garoon\/wp-json\/wp\/v2\/media\/1343"}],"wp:attachment":[{"href":"https:\/\/satirise.co.jp\/garoon\/wp-json\/wp\/v2\/media?parent=1341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/satirise.co.jp\/garoon\/wp-json\/wp\/v2\/categories?post=1341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/satirise.co.jp\/garoon\/wp-json\/wp\/v2\/tags?post=1341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}