{"id":39465,"date":"2022-04-03T04:11:21","date_gmt":"2022-04-03T03:11:21","guid":{"rendered":"https:\/\/developer.kore.ai\/v10\/?p=39465"},"modified":"2022-04-03T04:12:53","modified_gmt":"2022-04-03T03:12:53","slug":"message-templates","status":"publish","type":"post","link":"https:\/\/developer.kore.ai\/v10\/docs\/bots\/sdks\/message-templates\/?lang=ja","title":{"rendered":"\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u30d5\u30a9\u30fc\u30de\u30c6\u30a3\u30f3\u30b0\u3068\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8"},"content":{"rendered":"<section class=\"l-section wpb_row height_auto\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row type_default valign_top\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<p>Kore.ai SDK\u306b\u3088\u3063\u3066\u3001\u30de\u30fc\u30af\u30c0\u30a6\u30f3\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u30d5\u30a9\u30fc\u30de\u30c6\u30a3\u30f3\u30b0\u3092\u4e0a\u66f8\u304d\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u307e\u305f\u3001\u30ab\u30b9\u30bf\u30e0\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u5316\u3055\u308c\u305f\u30dc\u30c3\u30c8\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u8868\u793a\u3059\u308b\u305f\u3081\u306b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u9069\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>\u3053\u306e\u30c8\u30d4\u30c3\u30af\u3067\u306f\u3001\u4ee5\u4e0b\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n<ul>\n<li>\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u308b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30bf\u30a4\u30d7<\/li>\n<li>\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5b9f\u88c5\u306e\u8a73\u7d30<\/li>\n<li>Web SDK\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u30d5\u30a9\u30fc\u30de\u30c6\u30a3\u30f3\u30b0<\/li>\n<li>\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u305f\u3081\u306b\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u308b\u30de\u30fc\u30af\u30c0\u30a6\u30f3<\/li>\n<\/ul>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h2><span class=\"ez-toc-section\" id=\"i\">\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30bf\u30a4\u30d7<\/span><\/h2>\n<p>SDK\u3067\u306f\u3001\u4ee5\u4e0b\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30bf\u30a4\u30d7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u3002SDK\u306b\u3088\u3063\u3066\u306f\u3001JavaScript\u306e\u5b9f\u88c5\u304c\u7570\u306a\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<h3><span class=\"ez-toc-section\" id=\"i-2\">\u30dc\u30bf\u30f3\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/span><\/h3>\n<p>\u5404\u30aa\u30d7\u30b7\u30e7\u30f3\u306b\u3064\u3044\u3066\u3001\u30a8\u30f3\u30c9\u30e6\u30fc\u30b6\u30fc\u306b\u5bfe\u3057\u3066\u4ee5\u4e0b\u306e\u30dc\u30bf\u30f3\u306e\u9078\u629e\u80a2\u306e\u3046\u3061\u3044\u305a\u308c\u304b\u3092\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n<ul>\n<li><strong>URL\u30dc\u30bf\u30f3\uff1a<\/strong>Web\u30da\u30fc\u30b8\u3092\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30d6\u30e9\u30a6\u30b6\u30fc\u3067\u958b\u304d\u307e\u3059\u3002<\/li>\n<li><strong>\u30dd\u30b9\u30c8\u30d0\u30c3\u30af\u30dc\u30bf\u30f3\uff1a<\/strong>\u958b\u767a\u8005\u304c\u5b9a\u7fa9\u3057\u305f\u30da\u30a4\u30ed\u30fc\u30c9\u3092\u30dc\u30c3\u30c8\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3078\u9001\u4fe1\u3057\u3001\u305f\u3068\u3048\u3070\u3001\u30e9\u30a4\u30d6\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306b\u300c\u30c1\u30e3\u30c3\u30c8\u300d\u30a6\u30a3\u30f3\u30c9\u30a6\u3092\u958b\u304f\u306a\u3069\u306e\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u958b\u59cb\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n<p><strong>\u5fc5\u8981\u306a\u30d1\u30e9\u30e1\u30fc\u30bf<\/strong><\/p>\n<ul>\n<li><strong>text<\/strong>\uff1a\u6700\u5927640\u6587\u5b57\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u5165\u529b\u3057\u307e\u3059<\/li>\n<li><strong>buttons<\/strong>\uff1a\u6700\u59273\u914d\u5217\u306e\u30a2\u30a4\u30c6\u30e0\u3092\u5165\u529b\u3057\u307e\u3059<\/li>\n<\/ul>\n<p><strong>\u4f8b<\/strong><\/p>\n<pre class=\"lang:default decode:true \">var message={\r\n  \"type\": \"template\",\r\n  \"payload\":\r\n    {\r\n     \"template_type\": \"button\",\r\n     \"text\": \"What do you want to do next?\",\r\n     \"buttons\":\r\n       [{\r\n         \"type\": \"web_url\",\r\n         \"title\": \"Show Website\",\r\n         \"url\": \"https:\/\/petersapparel.parseapp.com\"\r\n        },\r\n        {\r\n         \"type\": \"postback\",\r\n         \"title\": \"Start Chatting\",\r\n         \"payload\": \"USER_DEFINED_PAYLOAD\"\r\n        }\r\n       ]\r\n    }\r\n  }\r\nprint(JSON.stringify(message));<\/pre>\n<h3><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/30\/Button-Template-Web.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13533 size-full\" src=\"\/wp-content\/uploads\/sites\/30\/Button-Template-Web.png\" alt=\"\" width=\"395\" height=\"631\" \/><\/a><\/h3>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h3><span class=\"ez-toc-section\" id=\"i-3\">\u30af\u30a4\u30c3\u30af\u8fd4\u4fe1\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 &#8211; \u30c6\u30ad\u30b9\u30c8<\/span><\/h3>\n<p>\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u5316\u3055\u308c\u305f\u30c6\u30ad\u30b9\u30c8\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u3001\u30af\u30ea\u30c3\u30af\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8\u306e\u9078\u629e\u80a2\u3068\u3068\u3082\u306b\u30e6\u30fc\u30b6\u30fc\u306b\u8868\u793a\u3057\u307e\u3059\u3002<strong>\u5fc5\u8981\u306a\u30d1\u30e9\u30e1\u30fc\u30bf<\/strong><\/p>\n<ul>\n<li><strong>text<\/strong>\uff1a\u6700\u5927640\u6587\u5b57\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u5165\u529b\u3057\u307e\u3059<\/li>\n<li><strong>title<\/strong>\uff1a\u5404\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30bf\u30a4\u30c8\u30eb\u3092\u5165\u529b\u3057\u307e\u3059<\/li>\n<\/ul>\n<p><strong>\u4f8b<\/strong><\/p>\n<pre class=\"\">var message={\r\n  \"type\":\"template\",\r\n  \"payload\":\r\n    {\r\n     \"template_type\":\"quick_replies\",\r\n     \"text\":\"Pick a color:\",\r\n     \"quick_replies\":\r\n       [\r\n        {\r\n         \"content_type\":\"text\",\r\n         \"title\":\"Red\",\r\n         \"payload\":\"DEVELOPER_DEFINED_PAYLOAD_FOR_PICKING_RED\"\r\n        },\r\n        {\r\n         \"content_type\":\"text\",\r\n         \"title\":\"Green\",\r\n         \"payload\":\"DEVELOPER_DEFINED_PAYLOAD_FOR_PICKING_GREEN\"\r\n        }\r\n       ]\r\n    }\r\n  }\r\nprint(JSON.stringify(message));<\/pre>\n<h3><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/30\/Quick-reply-text.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13534\" src=\"\/wp-content\/uploads\/sites\/30\/Quick-reply-text.png\" alt=\"\" width=\"384\" height=\"590\" \/><\/a><\/h3>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h3><span class=\"ez-toc-section\" id=\"i-4\">\u30af\u30a4\u30c3\u30af\u8fd4\u4fe1\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 &#8211; \u30c6\u30ad\u30b9\u30c8\u3068\u753b\u50cf<\/span><\/h3>\n<p>\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u5316\u3055\u308c\u305f\u30c6\u30ad\u30b9\u30c8\u3092\u3001\u30af\u30ea\u30c3\u30af\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8\u3068\u753b\u50cf\u306e\u9078\u629e\u80a2\u3068\u3068\u3082\u306b\u30e6\u30fc\u30b6\u30fc\u306b\u8868\u793a\u3057\u307e\u3059\u3002<strong>\u5fc5\u8981\u306a\u30d1\u30e9\u30e1\u30fc\u30bf<\/strong><\/p>\n<ul>\n<li><strong>text<\/strong>\uff1a\u6700\u5927640\u6587\u5b57\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u5165\u529b\u3057\u307e\u3059<\/li>\n<li><strong>title<\/strong>\uff1a\u5404\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30bf\u30a4\u30c8\u30eb\u3092\u5165\u529b\u3057\u307e\u3059<\/li>\n<\/ul>\n<p><strong>\u4f8b<\/strong><\/p>\n<pre class=\"\">var message =\r\n {\r\n  \"type\":\"template\",\r\n  \"payload\":\r\n    {\r\n     \"text\":\"Pick a color:\",\r\n     \"template_type\":\"quick_replies\",\r\n     \"quick_replies\":\r\n       [\r\n        {\r\n         \"content_type\":\"text\",\r\n         \"title\":\"Red\",\r\n         \"payload\":\"DEVELOPER_DEFINED_PAYLOAD_FOR_PICKING_RED\",\r\n         \"image_url\": \"<a ref=\"magnificPopup\" ref=\"magnificPopup\" href=\"https:\/\/cdn3.iconfinder.com\/data\/icons\/spring-2-1\/30\/Tree-128.png\">https:\/\/cdn1.iconfinder.com\/data\/icons\/brown-monsters\/1024\/Brown_Monsters_16-01.png<\/a>\",\r\n        },\r\n        {\r\n         \"content_type\":\"text\",\r\n         \"title\":\"Green\",\r\n         \"payload\":\"DEVELOPER_DEFINED_PAYLOAD_FOR_PICKING_GREEN\",\r\n         \"image_url\": \"https:\/\/cdn3.iconfinder.com\/data\/icons\/spring-2-1\/30\/Tree-128.png\",\r\n        }\r\n       ]\r\n    }\r\n  }\r\nprint(JSON.stringify(message));<\/pre>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h3><span class=\"ez-toc-section\" id=\"i-5\">\u30ea\u30b9\u30c8\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/span><\/h3>\n<p>\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u5316\u3055\u308c\u305f\u9078\u629e\u80a2\u306e\u30ea\u30b9\u30c8\u3092\u3001\u30af\u30ea\u30c3\u30af\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8\u3068\u753b\u50cf\u306e\u9078\u629e\u80a2\u3068\u3057\u3066\u30e6\u30fc\u30b6\u30fc\u306b\u8868\u793a\u3057\u307e\u3059\u3002\u30ea\u30b9\u30c8\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u306f\u4ee5\u4e0b\u306e\u5236\u9650\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<ul>\n<li>\u6700\u59274\u3064\u306e\u8981\u7d20<\/li>\n<li>\u5404\u8981\u7d20\u306b1\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u30dc\u30bf\u30f3<\/li>\n<li>1\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30b0\u30ed\u30fc\u30d0\u30eb\u30dc\u30bf\u30f3<\/li>\n<\/ul>\n<p><strong>\u5fc5\u8981\u306a\u30d1\u30e9\u30e1\u30fc\u30bf<\/strong><\/p>\n<ul>\n<li>AlwaysShowGlobalButtons\uff1a\u30b0\u30ed\u30fc\u30d0\u30eb\u30dc\u30bf\u30f3\u3092\u5e38\u306b\u8868\u793a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3068\u304d\u306btrue\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306ffalse\u306b\u8a2d\u5b9a\u3055\u308c\u3066\u304a\u308a\u3001\u3053\u308c\u306b\u3088\u308a\u30ea\u30b9\u30c8\u306e\u30a8\u30f3\u30c8\u30ea\u6570\u304c3\u3092\u8d85\u3048\u305f\u3068\u304d\u306e\u307f\u30b0\u30ed\u30fc\u30d0\u30eb\u30dc\u30bf\u30f3\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/li>\n<li>\u30bf\u30a4\u30c8\u30eb\uff1a\u5404\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30bf\u30a4\u30c8\u30eb\u3092\u5165\u529b\u3057\u307e\u3059<\/li>\n<li>\u8981\u7d20<\/li>\n<\/ul>\n<p><strong>\u4f8b<\/strong><\/p>\n<pre>var message =\r\n{\r\n        \"type\": \"template\",\r\n        \"AlwaysShowGlobalButtons\":false,\r\n        \"payload\": {\r\n            \"template_type\": \"list\",\r\n            \"elements\": [\r\n                {\r\n                    \"title\": \"Classic T-Shirt Collection\",\r\n                    \"image_url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/img\/collection.png\",\r\n                    \"subtitle\": \"See all our colors\",\r\n                    \"default_action\": {\r\n                        \"type\": \"web_url\",\r\n                        \"url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/shop_collection\",\r\n                        \"messenger_extensions\": true,\r\n                        \"webview_height_ratio\": \"tall\",\r\n                        \"fallback_url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/\"\r\n                    },\r\n                    \"buttons\": [\r\n                        {\r\n                            \"title\": \"View\",\r\n                            \"type\": \"web_url\",\r\n                            \"url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/collection\",\r\n                            \"messenger_extensions\": true,\r\n                            \"webview_height_ratio\": \"tall\",\r\n                            \"fallback_url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/\"\r\n                        }\r\n                    ]\r\n                },\r\n                {\r\n                    \"title\": \"Classic White T-Shirt\",\r\n                    \"image_url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/img\/white-t-shirt.png\",\r\n                    \"subtitle\": \"100% Cotton, 200% Comfortable\",\r\n                    \"default_action\": {\r\n                        \"type\": \"web_url\",\r\n                        \"url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/view?item=100\",\r\n                        \"messenger_extensions\": true,\r\n                        \"webview_height_ratio\": \"tall\",\r\n                        \"fallback_url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/\"\r\n                    },\r\n                    \"buttons\": [\r\n                        {\r\n                            \"title\": \"Shop Now\",\r\n                            \"type\": \"web_url\",\r\n                            \"url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/shop?item=100\",\r\n                            \"messenger_extensions\": true,\r\n                            \"webview_height_ratio\": \"tall\",\r\n                            \"fallback_url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/\"\r\n                        }\r\n                    ]\r\n                },\r\n                {\r\n                    \"title\": \"Classic Blue T-Shirt\",\r\n                    \"image_url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/img\/blue-t-shirt.png\",\r\n                    \"subtitle\": \"100% Cotton, 200% Comfortable\",\r\n                    \"default_action\": {\r\n                        \"type\": \"web_url\",\r\n                        \"url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/view?item=101\",\r\n                        \"messenger_extensions\": true,\r\n                        \"webview_height_ratio\": \"tall\",\r\n                        \"fallback_url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/\"\r\n                    },\r\n                    \"buttons\": [\r\n                        {\r\n                            \"title\": \"Shop Now\",\r\n                            \"type\": \"web_url\",\r\n                            \"url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/shop?item=101\",\r\n                            \"messenger_extensions\": true,\r\n                            \"webview_height_ratio\": \"tall\",\r\n                            \"fallback_url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/\"\r\n                        }\r\n                    ]\r\n                },\r\n                {\r\n                    \"title\": \"Classic Black T-Shirt\",\r\n                    \"image_url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/img\/black-t-shirt.png\",\r\n                    \"subtitle\": \"100% Cotton, 200% Comfortable\",\r\n                    \"default_action\": {\r\n                        \"type\": \"web_url\",\r\n                        \"url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/view?item=102\",\r\n                        \"messenger_extensions\": true,\r\n                        \"webview_height_ratio\": \"tall\",\r\n                        \"fallback_url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/\"\r\n                    },\r\n                    \"buttons\": [\r\n                        {\r\n                            \"title\": \"Shop Now\",\r\n                            \"type\": \"web_url\",\r\n                            \"url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/shop?item=102\",\r\n                            \"messenger_extensions\": true,\r\n                            \"webview_height_ratio\": \"tall\",\r\n                            \"fallback_url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/\"\r\n                        }\r\n                    ]\r\n                }\r\n            ],\r\n             \"buttons\": [\r\n                {\r\n                    \"title\": \"View More\",\r\n                    \"type\": \"postback\",\r\n                    \"payload\": \"payload\"\r\n                }\r\n            ]\r\n        }\r\n}\r\nprint(JSON.stringify(message));<\/pre>\n<h3><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/30\/List-template.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13536\" src=\"\/wp-content\/uploads\/sites\/30\/List-template.png\" alt=\"\" width=\"380\" height=\"589\" \/><\/a><\/h3>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h3><span class=\"ez-toc-section\" id=\"i-6\">\u30a8\u30e9\u30fc\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/span><\/h3>\n<p>\u691c\u8a3c\u3001\u30a8\u30e9\u30fc\u3001\u8b66\u544a\u306a\u3069\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u306b\u3064\u3044\u3066\u3001\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u5316\u3055\u308c\u305f\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u30a8\u30f3\u30c9\u30e6\u30fc\u30b6\u30fc\u306b\u8868\u793a\u3057\u307e\u3059\u3002<strong>\u4f8b<\/strong><\/p>\n<pre class=\"lang:default decode:true\">var message={\r\n   \"type\":\"error\",\r\n   \"payload\":{\r\n      \"color\":\"#F35A00\",\r\n      \"text\":\"sample for error template\"\r\n   }\r\n}\r\nprint(JSON.stringify(message));<\/pre>\n<h3><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/30\/error-templat-web.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13519 size-full\" src=\"\/wp-content\/uploads\/sites\/30\/error-templat-web.png\" alt=\"\" width=\"395\" height=\"629\" \/><\/a><\/h3>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h3><span class=\"ez-toc-section\" id=\"i-7\"><strong>\u6dfb\u4ed8\u30d5\u30a1\u30a4\u30eb\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/strong><\/span><\/h3>\n<p>\u6307\u5b9a\u3055\u308c\u305fURL\u306e\u30ea\u30f3\u30af\u3092\u30d9\u30fc\u30b9\u306b\u3001\u753b\u50cf\u306e\u8868\u793a\u3001\u30d3\u30c7\u30aa\u306e\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3001\u30ea\u30f3\u30af\u3001\u97f3\u58f0\u30d5\u30a1\u30a4\u30eb\u306e\u518d\u751f\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\u4ee5\u4e0b\u306e\u5f62\u5f0f\u306f\u3001\u6dfb\u4ed8\u30d5\u30a1\u30a4\u30eb\u5411\u3051\u306b\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<ul>\n<li>audio = [&#8216;m4a&#8217;, &#8216;amr&#8217;, &#8216;wav&#8217;, &#8216;aac&#8217;, &#8216;mp3&#8217;],<\/li>\n<li>video = [&#8216;mp4&#8217;, &#8216;mov&#8217;, &#8216;3gp&#8217;, &#8216;flv&#8217;],<\/li>\n<li>image = [&#8216;png&#8217;, &#8216;jpg&#8217;, &#8216;jpeg&#8217;];<\/li>\n<\/ul>\n<p><b>\u30e1\u30e2<\/b>\uff1a\u753b\u50cf\u3092\u6dfb\u4ed8\u30d5\u30a1\u30a4\u30eb\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u8868\u793a\u3059\u308b\u306b\u306f\u3001\u753b\u50cf\u306e\u300curl\u300d\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<strong>\u4f8b<\/strong> <strong>\u97f3\u58f0\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\uff1a<\/strong><\/p>\n<pre class=\"lang:default decode:true\">var message ={\r\n        \"type\": \"message\",\r\n         \"payload\": {\r\n          \"text\": \"\",\r\n          \"audioUrl\": \"https:\/\/file-examples-com.github.io\/uploads\/2017\/11\/file_example_MP3_700KB.mp3\"\r\n      }\r\n}\r\nprint(JSON.stringify(message));<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-31085\" src=\"\/wp-content\/uploads\/sites\/30\/\/audio_template-264x300.jpg\" alt=\"\" width=\"380\" height=\"589\" \/><br \/>\n<strong>\u753b\u50cf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/strong>\u753b\u50cf\u3092\u8868\u793a\u3059\u308b\u306b\u306f\u3001\u4ee5\u4e0b\u306eJS\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"lang:default decode:true\">var message = {\r\n    \"type\": \"image\",\r\n    \"payload\": {\r\n    \"url\": \" https:\/\/i.mdel.net\/i\/db\/2017\/12\/822869\/822869-800w.jpg\"\r\n    }\r\n    }\r\n    print(JSON.stringify(message));<\/pre>\n<p><strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-31095\" src=\"\/wp-content\/uploads\/sites\/30\/\/image_template-264x300.jpg\" alt=\"\" width=\"380\" height=\"589\" \/><\/strong><br \/>\n<strong>\u30d3\u30c7\u30aa\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/strong>\u30dc\u30c3\u30c8\u5185\u3067\u76f4\u63a5\u30d3\u30c7\u30aa\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u307e\u305f\u306f\u8996\u8074\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u30d3\u30c7\u30aa\u306e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3068\u8996\u8074\u306b\u306f\u3001\u4ee5\u4e0b\u306eJS\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"lang:default decode:true\">var message = \r\n   {\r\n      \"type\": \"video\",\r\n      \"payload\": {\r\n     \"url\": \" https:\/\/www.youtube.com\/watch?v=a3aobWbIOj8\"\r\n    }\r\n  }\r\n    print(JSON.stringify(message));\r\n<\/pre>\n<p><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/30\/Attachment-Template.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-31091\" src=\"\/wp-content\/uploads\/sites\/30\/\/video_download_template-267x300.jpg\" alt=\"\" width=\"380\" height=\"589\" \/><\/a><br \/>\n\u30dc\u30c3\u30c8\u5185\u3067\u30d3\u30c7\u30aa\u3092\u518d\u751f\u3059\u308b\u306b\u306f\u3001\u4ee5\u4e0b\u306eJS\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"lang:default decode:true\">var message = \r\n   {\r\n       \"type\": \"message\",\r\n      \"payload\": {\r\n      \"text\": \"\",\r\n      \"videoUrl\": \"https:\/\/demo.kore.ai\/barefoot\/sites\/default\/files\/demo_uploads\/videoplayback.mp4\"\r\n    }\r\n}\r\nprint(JSON.stringify(message));\r\n<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-31088\" src=\"\/wp-content\/uploads\/sites\/30\/\/video_render_template-266x300.jpg\" alt=\"\" width=\"380\" height=\"589\" \/><\/p>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h3><span class=\"ez-toc-section\" id=\"i-8\">\u30c6\u30ad\u30b9\u30c8\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/span><\/h3>\n<p>\u30dc\u30c3\u30c8\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u5b9a\u7fa9\u3055\u308c\u305f\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30d5\u30a9\u30fc\u30de\u30c6\u30a3\u30f3\u30b0\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8868\u793a\u3057\u307e\u3059\u3002<strong>\u4f8b<\/strong><\/p>\n<pre class=\"lang:default decode:true\">var message=\r\n {\r\n   \"text\" : \"message\"\r\n  }\r\nprint(JSON.stringify(message);<\/pre>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h3><span class=\"ez-toc-section\" id=\"i-9\">\u30ab\u30eb\u30fc\u30bb\u30eb\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/span><\/h3>\n<p>\u6c34\u5e73\u65b9\u5411\u306b\u30b9\u30af\u30ed\u30fc\u30eb\u53ef\u80fd\u306a\u30ab\u30eb\u30fc\u30bb\u30eb\u3092\u8868\u793a\u3057\u307e\u3059\u3002\u5404\u30ab\u30eb\u30fc\u30bb\u30eb\u306b\u306f\u3001\u753b\u50cf\u306e\u6dfb\u4ed8\u3001\u77ed\u3044\u8aac\u660e\u6587\u3001\u304a\u3088\u3073\u30e6\u30fc\u30b6\u30fc\u5165\u529b\u3092\u4f9d\u983c\u3059\u308b\u30dc\u30bf\u30f3\u304c\u542b\u307e\u308c\u307e\u3059\u3002<strong>\u5fc5\u8981\u306a\u30d1\u30e9\u30e1\u30fc\u30bf<\/strong>\uff1a<\/p>\n<ul>\n<li>\u30bf\u30a4\u30c8\u30eb<\/li>\n<li>image_url<\/li>\n<li>\u8981\u7d20<\/li>\n<li>\u30dc\u30bf\u30f3\uff08\u6700\u59273\u30a2\u30a4\u30c6\u30e0\u306e\u307f\uff09<\/li>\n<\/ul>\n<p><strong>\u4f8b<\/strong><\/p>\n<pre class=\"\">var message = {\r\n  \"type\": 'template',\r\n  \"payload\":\r\n    {\r\n     \"template_type\": 'carousel',\r\n     \"elements\":\r\n      [{\r\n        \"title\": \"Welcome to Peter\\'s Hats1\",\r\n        \"image_url\": \"https:\/\/previews.123rf.com\/images\/rez_art\/rez_art1405\/rez_art140500072\/28632615-three-beef-tacos-with-cheese-lettuce-and-tomatos-Stock-Photo-taco.jpg\",\r\n        \"subtitle\": \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        \"default_action\":\r\n         {\r\n           \"type\": \"web_url\",\r\n           \"url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/view?item=103\"\r\n           \/\/or\r\n           \/\/\"type\": \"postback\",\r\n           \/\/\"title\": \"discard\",\r\n           \/\/\"payload\":\"clear payload\"\r\n         },\r\n        \"buttons\":\r\n          [{\r\n            \"type\": \" postback\",\r\n            \"title\": \"Buy now\",\r\n            \"payload\": \"DEVELOPER_DEFINED_PAYLOAD_0\"\r\n           },\r\n           {\r\n            \"type\": \"postback\",\r\n            \"title\": \"Show more like this\",\r\n            \"payload\": \"DEVELOPER_DEFINED_PAYLOAD_1\"\r\n           }]\r\n       },\r\n       {\r\n        \"title\": \"Welcome to Peter\\'s Hats2\",\r\n        \"image_url\": \"https:\/\/static.pexels.com\/photos\/46239\/salmon-dish-food-meal-46239.jpeg\",\r\n        \"subtitle\": \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        \"default_action\":\r\n         {\r\n           \"type\": \"web_url\",\r\n           \"url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/view?item=103\"\r\n          },\r\n         \"buttons\":\r\n           [{\r\n             \"type\": \"postback\",\r\n             \"title\": \"Buy now\",\r\n             \"payload\": \"DEVELOPER_DEFINED_PAYLOAD_0\"\r\n            },\r\n            {\r\n             \"type\": \"postback\",\r\n             \"title\": \"Show more like this\",\r\n             \"payload\": \"DEVELOPER_DEFINED_PAYLOAD_1\"\r\n            }]\r\n       },\r\n       {\r\n        \"title\": \"Welcome to Peter\\'s Hats3\",\r\n        \"image_url\": \"https:\/\/previews.123rf.com\/images\/rez_art\/rez_art1405\/rez_art140500072\/28632615-three-beef-tacos-with-cheese-lettuce-and-tomatos-Stock-Photo-taco.jpg\",\r\n        \"subtitle\": \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        \"default_action\":\r\n         {\r\n           \"type\": \"web_url\",\r\n           \"url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/view?item=103\"\r\n         },\r\n        \"buttons\":\r\n          [{\r\n            \"type\": \"postback\",\r\n            \"title\": \"Buy now\",\r\n            \"payload\": \"DEVELOPER_DEFINED_PAYLOAD_0\"\r\n           },\r\n           {\r\n            \"type\": \"postback\",\r\n            \"title\": \"Show more like this\",\r\n            \"payload\": \"DEVELOPER_DEFINED_PAYLOAD_1\"\r\n            }]\r\n       },\r\n       {\r\n        \"title\": \"Welcome to Peter\\'s Hats4\",\r\n        \"image_url\": \"https:\/\/static.pexels.com\/photos\/416458\/pexels-photo-416458.jpeg\",\r\n        \"subtitle\": \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        \"default_action\":\r\n          {\r\n           \"type\": \"web_url\",\r\n           \"url\": \"https:\/\/peterssendreceiveapp.ngrok.io\/view?item=103\"\r\n          },\r\n         \"buttons\":\r\n           [{\r\n             \"type\": \"postback\",\r\n             \"title\": \"Buy now\",\r\n             \"payload\": \"DEVELOPER_DEFINED_PAYLOAD_0\"\r\n            },\r\n            {\r\n             \"type\": \"postback\",\r\n             \"title\": \"Show more like this\",\r\n             \"payload\": \"DEVELOPER_DEFINED_PAYLOAD_1\"\r\n            }]\r\n     }]\r\n  }\r\n }\r\nprint(JSON.stringify(message));<\/pre>\n<h3><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/30\/carousel-template-web.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13585 size-full\" src=\"\/wp-content\/uploads\/sites\/30\/carousel-template-web.png\" alt=\"\" width=\"403\" height=\"636\" \/><\/a><\/h3>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h3><span class=\"ez-toc-section\" id=\"i-10\">\u5186\u30b0\u30e9\u30d5\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/span><\/h3>\n<div class=\"alert alert-info\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306fWeb SDK\u306b\u5bfe\u3057\u3066\u306e\u307f\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u304a\u308a\u3001\u30e2\u30d0\u30a4\u30ebSDK\u306b\u5bfe\u3057\u3066\u306f\u9069\u7528\u3055\u308c\u307e\u305b\u3093\u3002<\/div>\n<p>\u5186\u30b0\u30e9\u30d5\u306e\u30c7\u30fc\u30bf\u3092\u3001\u901a\u5e38\u306e\u5186\u30b0\u30e9\u30d5\u3001\u30c9\u30fc\u30ca\u30c4\u5186\u30b0\u30e9\u30d5\u3001\u51e1\u4f8b\u8868\u4ed8\u304d\u306e\u30c9\u30fc\u30ca\u30c4\u5186\u30b0\u30e9\u30d5\u3068\u3044\u30463\u7a2e\u985e\u306e\u3044\u305a\u308c\u304b\u3067\u8868\u793a\u3057\u307e\u3059\u3002\u30bf\u30a4\u30d7\u3092\u6307\u5b9a\u3057\u306a\u3044\u5834\u5408\u306f\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u300c\u901a\u5e38\u300d\u30bf\u30a4\u30d7\u3068\u898b\u306a\u3055\u308c\u307e\u3059\u3002 <strong>\u5fc5\u8981\u30d1\u30e9\u30e1\u30fc\u30bf<\/strong><\/p>\n<ul>\n<li>template_type<\/li>\n<li>\u8981\u7d20<\/li>\n<\/ul>\n<pre class=\"\">var message = {\r\n  \"type\": \"template\",\r\n  \"payload\":\r\n    {\r\n     \"text\": \"Travelling expenses report chart\",\r\n     \"template_type\": \"piechart\",\r\n     \"pie_type\": \"regular\",\r\n     \"elements\":\r\n       [{\r\n         \"title\": \"Airlines\",\r\n         \"value\": \"1264.0\",\r\n         \"displayValue\": \"$ 1,234\"\r\n        },\r\n        {\r\n         \"title\": \"Hotels\",\r\n         \"value\": \"568.10\",\r\n         \"displayValue\": \"$ 568\"\r\n        },\r\n       {\r\n        \"title\": \"Food\",\r\n        \"value\": \"324.50\",\r\n        \"displayValue\": \"$ 324\"\r\n       }],\r\n     speech_hint: \"You spent $2855.71 from your account. Here is the breakup.\"\r\n    }\r\n  }\r\nprint(JSON.stringify(message));<\/pre>\n<h3><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/30\/Piechartfinal.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13525\" src=\"\/wp-content\/uploads\/sites\/30\/Piechartfinal.png\" alt=\"\" width=\"390\" height=\"627\" \/><\/a><\/h3>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h3><span class=\"ez-toc-section\" id=\"i-11\">\u6298\u308c\u7dda\u30b0\u30e9\u30d5\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/span><\/h3>\n<div class=\"alert alert-info\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306fWeb SDK\u306b\u5bfe\u3057\u3066\u306e\u307f\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u304a\u308a\u3001\u30e2\u30d0\u30a4\u30ebSDK\u306b\u5bfe\u3057\u3066\u306f\u9069\u7528\u3055\u308c\u307e\u305b\u3093\u3002<\/div>\n<p>\u30c7\u30fc\u30bf\u3092\u6298\u308c\u7dda\u30b0\u30e9\u30d5\u3067\u8868\u793a\u3057\u307e\u3059\u3002<strong>\u5fc5\u8981\u306a\u30d1\u30e9\u30e1\u30fc\u30bf<\/strong><\/p>\n<ul>\n<li>template_type<\/li>\n<li>x-axis<\/li>\n<li>\u8981\u7d20<\/li>\n<\/ul>\n<p><strong>\u4f8b<\/strong><\/p>\n<pre class=\"\">var message =\r\n {\r\n  \"type\": \"template\",\r\n  \"payload\":\r\n   {\r\n    \"text\":\"Peter Sam Report\",\r\n    \"template_type\": \"linechart\",\r\n    \"X_axis\": [\"15-Jan-2017\", \"20-Jan-2017\", \"25-Jan-2017\", \"30-Jan-2017\"],\r\n    \"Auto_adjust_X_axis\": \"yes\",\r\n    \"elements\":\r\n      [\r\n       {\r\n        \"title\":  \"Peter\",\r\n        \"values\": [10,5,15,20],\r\n        \"displayValues\": [\"10ml\",\"5ml\",\"15ml\",\"20ml\"]\r\n       },\r\n       {\r\n        \"title\": \"Sam\",\r\n        \"values\": [30,15,12,60],\r\n        \"displayValues\": [\"30 mins\",\"15 mns\",\"12 mins\",\"1 hour\"]\r\n       }\r\n      ],\r\n    speech_hint:\"Here is your report\"\r\n   }\r\n  }\r\nprint(JSON.stringify(message));<\/pre>\n<h2><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/30\/Line-Chart-Template.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13522 size-full\" src=\"\/wp-content\/uploads\/sites\/30\/Line-Chart-Template.png\" alt=\"\" width=\"379\" height=\"588\" \/><\/a><\/h2>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h3><span class=\"ez-toc-section\" id=\"i-12\">\u68d2\u30b0\u30e9\u30d5\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/span><\/h3>\n<div class=\"alert alert-info\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306fWeb SDK\u306b\u5bfe\u3057\u3066\u306e\u307f\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u304a\u308a\u3001\u30e2\u30d0\u30a4\u30ebSDK\u306b\u5bfe\u3057\u3066\u306f\u9069\u7528\u3055\u308c\u307e\u305b\u3093\u3002<\/div>\n<p>\u30c7\u30fc\u30bf\u3092\u4ee5\u4e0b\u306e\u7a2e\u985e\u306e\u68d2\u30b0\u30e9\u30d5\u306e\u3044\u305a\u308c\u304b\u3067\u8868\u793a\u3057\u307e\u3059\u3002\u300c\u5358\u4e00\u306e\u30c7\u30fc\u30bf\u7cfb\u5217\u306e\u30b7\u30f3\u30d7\u30eb\u306a\u68d2\u30b0\u30e9\u30d5\u300d\u300c\u8907\u6570\u306e\u30c7\u30fc\u30bf\u7cfb\u5217\u306e\u68d2\u30b0\u30e9\u30d5\u300d\u300c\u8907\u6570\u306e\u30c7\u30fc\u30bf\u7cfb\u5217\u3092\u91cd\u306d\u305f\u68d2\u30b0\u30e9\u30d5\u300d\u3067\u3059\u3002<strong>\u5fc5\u8981\u306a\u30d1\u30e9\u30e1\u30fc\u30bf<\/strong><\/p>\n<ul>\n<li>template_type<\/li>\n<li>x_axis<\/li>\n<li>\u8981\u7d20<\/li>\n<\/ul>\n<p><strong>\u4f8b<\/strong><\/p>\n<pre class=\"\">var message =\r\n {\r\n   \"type\": \"template\",\r\n   \"pay load\":\r\n     {\r\n       \"text\":\"Peter Sam Report\",\r\n       \"template_type\": \"barchart\",\r\n       \"direction\":\"vertical\",\r\n       \"auto_adjust_X_axis\" : \"no\",\r\n       \"stacked\":false,\r\n       \"X_axis\": [\"15-Jan-2017\", \"20-Jan-2017\", \"25-Jan-2017\", \"30-Jan-2017\"],\r\n       \"Auto_adjust_X_axis\": \"yes\",\r\n       \"elements\":\r\n          [\r\n           {\r\n            \"title\":  \"Peter\",\r\n            \"values\": [10,5,15,20],\r\n            \"displayValues\": [\"10ml\",\"5ml\",\"15ml\",\"20ml\"]\r\n           },\r\n           {\r\n            \"title\": \"Sam\",\r\n            \"values\": [30,15,12,60],\r\n            \"displayValues\": [\"30 mins\",\"15 mns\",\"12 mins\",\"1 hour\"]\r\n           }\r\n          ],\r\n       speech_hint:\"Here is your report\"\r\n    }}\r\nprint(JSON.stringify(message));<\/pre>\n<h2><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/30\/bar-Graph-template.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13524\" src=\"\/wp-content\/uploads\/sites\/30\/bar-Graph-template.png\" alt=\"\" width=\"388\" height=\"620\" \/><\/a><\/h2>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h3><span class=\"ez-toc-section\" id=\"i-13\">\u901a\u5e38\u30c6\u30fc\u30d6\u30eb\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/span><\/h3>\n<div class=\"alert alert-info\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306fWeb SDK\u306b\u5bfe\u3057\u3066\u306e\u307f\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u304a\u308a\u3001\u30e2\u30d0\u30a4\u30ebSDK\u306b\u5bfe\u3057\u3066\u306f\u9069\u7528\u3055\u308c\u307e\u305b\u3093\u3002<\/div>\n<p>\u30c7\u30fc\u30bf\u3092\u901a\u5e38\u306e\u30c6\u30fc\u30d6\u30eb\u5f62\u5f0f\u307e\u305f\u306f\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c6\u30fc\u30d6\u30eb\u5f62\u5f0f\u3067\u8868\u793a\u3057\u307e\u3059\u3002<strong>\u5fc5\u8981\u306a\u30d1\u30e9\u30e1\u30fc\u30bf<\/strong><\/p>\n<ul>\n<li>template_type<\/li>\n<li>columns: \u30c6\u30fc\u30d6\u30eb\u306e\u5217\u540d\u306e\u914d\u5217<\/li>\n<\/ul>\n<pre class=\"\">var m  essage =\r\n{\r\n  \"type\": \"template\",\r\n  \"payload\":\r\n    {\r\n     \"template_type\": \"table\",\r\n     \"text\":\"Account details\",\r\n     \"columns\":\r\n       [\r\n        [\"Sl\",\"center\"],[\"Name\"],[\"Designation\"],[\"Salary\",\"right\"]\r\n       ],\r\n     \"table_design\": \"regular\",\r\n     \"elements\":\r\n       [\r\n        {\r\n          \"Values\": [\"1\",\"Peter\",\"Producer\",\"1,000\"]\r\n        },\r\n        {\r\n          \"Values\": [\"2\",\"Sam\",\"Director\",\"2,000\"]\r\n        },\r\n        {\r\n          \"Values\": [\"3\",\"Nick\",\"DoP\",\"1,500\"]\r\n        }\r\n       ],\r\n     speech_hint:\"Here is your account details\"\r\n    }}\r\nprint(JSON.stringify(message));<\/pre>\n<h2><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/30\/Regular-table-template.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13526\" src=\"\/wp-content\/uploads\/sites\/30\/Regular-table-template.png\" alt=\"\" width=\"396\" height=\"571\" \/><\/a><\/h2>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h3><span class=\"ez-toc-section\" id=\"i-14\">\u30df\u30cb\u30c6\u30fc\u30d6\u30eb\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/span><\/h3>\n<div class=\"alert alert-info\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306fWeb SDK\u306b\u5bfe\u3057\u3066\u306e\u307f\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u304a\u308a\u3001\u30e2\u30d0\u30a4\u30ebSDK\u306b\u5bfe\u3057\u3066\u306f\u9069\u7528\u3055\u308c\u307e\u305b\u3093\u3002<\/div>\n<p>\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306f\u3001\u30c6\u30fc\u30d6\u30eb\u306e\u5404\u884c\u306e\u30d8\u30c3\u30c0\u30fc\u306b\u5bfe\u3057\u3066\u3001\u5217\u306e\u30c7\u30fc\u30bf\u3092\u5225\u306e\u30ab\u30fc\u30c9\u3068\u3057\u3066\u8868\u793a\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u306f\u30013\uff5e4\u5217\u30014\uff5e5\u884c\u306e\u30c7\u30fc\u30bf\u306b\u6700\u3082\u9069\u3057\u3066\u3044\u307e\u3059\u3002<strong>\u5fc5\u8981\u306a\u30d1\u30e9\u30e1\u30fc\u30bf<\/strong><\/p>\n<ul>\n<li>template_type<\/li>\n<li>\u8981\u7d20<\/li>\n<\/ul>\n<p><strong>\u4f8b<\/strong><\/p>\n<pre class=\"\">var message = {\r\n  \"type\": \"template\",\r\n  \"payload\": {\r\n     \"template_type\": \"mini_table\",\r\n     \"layout\": \"horizontal\",\r\n     \"text\":\"Account details\",\r\n     \"elements\": [\r\n        {\r\n         \"primary\":[[\"Current Accounts\"],[\"300\",\"right\"]],\r\n         \"additional\":[[\"CA00001\",\"150\"],[\"CA00123\",\"50\"],[\"CA23423\",\"100\"]]\r\n        },\r\n        {\r\n         \"primary\":[[\"Savings Accounts\"],[\"200\",\"right\"]],\r\n         \"additional\":[[\"SA33001\",\"75\"],[\"SA67345\",\"125\"]]\r\n        }\r\n       ],\r\n     speech_hint:\"Here is your account details\"\r\n    }\r\n  };\r\nprint(JSON.stringify(message));<\/pre>\n<h2><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/30\/Mini-table-template.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13529\" src=\"\/wp-content\/uploads\/sites\/30\/Mini-table-template.png\" alt=\"\" width=\"385\" height=\"629\" \/><\/a><\/h2>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h2><span class=\"ez-toc-section\" id=\"BotKit_SDK\">\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u3088\u308bBotKit SDK\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u30d5\u30a9\u30fc\u30de\u30c6\u30a3\u30f3\u30b0<\/span><\/h2>\n<p>\u307e\u305f\u3001\u4ee5\u4e0b\u306e\u4f8b\u306e\u3088\u3046\u306b\u3001\u30da\u30a4\u30ed\u30fc\u30c9\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e<code>isTemplate<\/code> \u30d1\u30e9\u30e1\u30fc\u30bf\u3092<code>true<\/code>\u306b\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u306b\u3088\u308a\u3001sendUserMessage\u95a2\u6570\u3092\u7528\u3044\u3066\u3001\u30e1\u30c3\u30bb\u30fc\u30b8\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092BotKit SDK\u306b\u9069\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<pre class=\"lang:default decode:true \">on_user_message: function(requestId, data, callback) {\r\n console.log(\"User Message -----&gt;\", data.message);\r\n \/\/console.log(JSON.stringify(data));\r\n if (data.message === \"Hi\") {\r\n    {\r\n      var overrideMessagePayload =\r\n         {\r\n           body : JSON.stringify({\r\n             \"type\": \"template\",\r\n             \"payload\":\r\n               {\r\n                 \"template_type\": \"button\",\r\n                 \"text\": \"This is an example to demonstrate message templates sent from bot kit\",\r\n                 \"buttons\":\r\n                    [{\r\n                       \"type\": \"postback\",\r\n                       \"title\": \"Yes\",\r\n                       \"payload\": \"Yes\"\r\n                     },\r\n                     {\r\n                       \"type\": \"postback\",\r\n                       \"title\": \"No\",\r\n                       \"payload\": \"No\"\r\n                     }]\r\n               }\r\n             }),\r\n           isTemplate :true\r\n          }\r\n    data.overrideMessagePayload= overrideMessagePayload;}\r\n   return sdk.sendUserMessage(data, callback);\r\n }<\/pre>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h2><span class=\"ez-toc-section\" id=\"Markdown\">\u6a19\u6e96\u7684\u306aMarkdown\u306e\u30b5\u30dd\u30fc\u30c8<\/span><\/h2>\n<p>\u4e0a\u8ff0\u306e\u3088\u3046\u306b\u3001Kore.ai\u30de\u30fc\u30af\u30c0\u30a6\u30f3\u3092\u4f7f\u7528\u3057\u3066\u3001JavaScript\u306b\u76f4\u63a5\u30d5\u30a9\u30fc\u30de\u30c6\u30a3\u30f3\u30b0\u3092\u9069\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<ul>\n<li><strong>\u30dc\u30fc\u30eb\u30c9<\/strong> &#8211; *\u30dc\u30fc\u30eb\u30c9\u306b\u3059\u308b\u30c6\u30ad\u30b9\u30c8*  \u300c<span style=\"color: #0000ff\">*<\/span>\u300d\u8a18\u53f7\u306e\u524d\u5f8c\u306b\u30b9\u30da\u30fc\u30b9\u3092\u5165\u308c\u3066\u306f\u3044\u3051\u307e\u305b\u3093\u3002\u4f8b\u3068\u3057\u3066\u3001&nbsp;<code>Here is *bold*.<\/code><\/li>\n<li><strong>\u659c\u4f53<\/strong> &#8211; ~\u659c\u4f53\u306b\u3059\u308b\u30c6\u30b9\u30c8~\u300c<span style=\"color: #0000ff\">~<\/span>\u300d \u8a18\u53f7\u306e\u524d\u5f8c\u306b\u30b9\u30da\u30fc\u30b9\u3092\u5165\u308c\u3066\u306f\u3044\u3051\u307e\u305b\u3093\u3002\u4f8b\u3068\u3057\u3066\u3001<code>Here is ~italics~.<\/code> Preceeding and succeeding _ \u306f\u3001\u56f2\u307e\u308c\u305f\u30c6\u30ad\u30b9\u30c8\u3082\u659c\u4f53\u306b\u3057\u307e\u3059\u3002\u3064\u307e\u308a\u3001 <code>Here is _italics_.<\/code><\/li>\n<li><strong>\u30ea\u30f3\u30af<\/strong> &#8211; [\u3053\u3053\u306b\u30ea\u30f3\u30af\u7528\u306e\u30c6\u30ad\u30b9\u30c8](http:\/\/myCompany.com) \u4f8b\uff1a&nbsp;<code>Here is a link to [Kore.ai.com](https:\/\/kore.ai\/).<\/code><\/li>\n<li><strong>\u6539\u884c<\/strong> \\n 1\u884c\u306e\u30a4\u30f3\u30c7\u30f3\u30c8\u3002<\/li>\n<li><strong>\u8907\u6570\u884c<\/strong> &#8211;  \\n\\n\\n 3\u884c\u306e\u30a4\u30f3\u30c7\u30f3\u30c8\u3002<\/li>\n<li><strong>\u753b\u50cf<\/strong> &#8211; \uff01[\u3053\u3053\u306b\u30ea\u30f3\u30af\u7528\u306e\u30c6\u30ad\u30b9\u30c8](http:\/\/myCompany.com) \u4f8b\uff1a&nbsp;<code>![My image](http:\/\/d1hqmx8kqvpnpa.cloudfront.net\/f-eeca5df3-7580-5a09-9aa3-09f809b44ac4.png)<\/code><\/li>\n<li><strong>\u30ea\u30b9\u30c8<\/strong> &#8211;\n<ul>\n<li><strong>\u756a\u53f7\u306a\u3057\u306e\u7b87\u6761\u66f8\u304d\u30ea\u30b9\u30c8<\/strong> &#8211; * \u30ea\u30b9\u30c8\u6642\u9593\u7528\u306e\u30c6\u30ad\u30b9\u30c8\u300c <span style=\"color: #0000ff\">*<\/span>\u300d \u8a18\u53f7\u306e\u5f8c\u306b\u30b9\u30da\u30fc\u30b9\u3092\u5165\u308c\u307e\u3059\u3002\n<ul>\n<li><code>* This is an example of an unordered list Bullet 1.<\/code><\/li>\n<li><code>* This is an example of an unordered list Bullet 2.<\/code><\/li>\n<li><code>* This is an example of an unordered list Bullet 3.<\/code><\/li>\n<\/ul>\n<\/li>\n<li><strong>\u756a\u53f7\u4ed8\u304d\u30ea\u30b9\u30c8<\/strong> &#8211;\n<ul>\n<li><code>1. This is an example of an ordered list Bullet 1.<\/code><\/li>\n<li><code>2. This is an example of an ordered list Bullet 2.<\/code><\/li>\n<li><code>3. This is an example of an ordered list Bullet 3.<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li><strong>\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u6e08\u307f\u30c6\u30ad\u30b9\u30c8<\/strong> &#8211; &#8220;\u30c6\u30ad\u30b9\u30c8&#8221; \u300c<span style=\"color: #0000ff\">&#8220;`<\/span>\u300d\u8a18\u53f7\u306e\u9593\u306e\u30c6\u30ad\u30b9\u30c8\u306f\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u5316\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u4f8b\uff1a<code>Here is an example of \"`preformatting\"`.<\/code>&gt;<\/li>\n<li><strong>\u30d1\u30e9\u30b0\u30e9\u30d5\u306e\u30a4\u30f3\u30c7\u30f3\u30c8<\/strong> &#8211; &gt;&gt; \u4f8b\uff1a&nbsp;<code>&gt;&gt;This is indented once.<\/code><\/li>\n<li><strong>\u8907\u6570\u30a4\u30f3\u30c7\u30f3\u30c8<\/strong> &#8211; &gt;&gt;&gt;&gt; \u4f8b\uff1a&nbsp;<code>&gt;&gt;&gt;&gt;This is indented twice.<\/code><\/li>\n<li><strong>\u898b\u51fa\u3057<\/strong> &#8211; #h1, #h2, #h3, #h4, #h5, #h6 \u4f8b\uff1a\n<ul>\n<li><code>Here is an example of #h1Heading1.<\/code><\/li>\n<li><code>Here is an example of #h2Heading2.<\/code><\/li>\n<li><code>Here is an example of #h3Heading3.<\/code><\/li>\n<li><code>Here is an example of #h4Heading4.<\/code><\/li>\n<li><code>Here is an example of #h5Heading5.<\/code><\/li>\n<li><code>Here is an example of #h6Heading6.<\/code><\/li>\n<\/ul>\n<\/li>\n<li><strong>\u6c34\u5e73\u7dda<\/strong> &#8211; ___ 3\u3064\u306e\u30a2\u30f3\u30c0\u30fc\u30b9\u30b3\u30a2\u3067\u6c34\u5e73\u7dda\u3092\u30a4\u30f3\u30b5\u30fc\u30c8\u3057\u307e\u3059\u3002\u4f8b\uff1a&nbsp;<code>This is a horizontal rule line, added three times. _________<\/code><\/li>\n<\/ul>\n<ul>\n<li><\/li>\n<\/ul>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h2><span class=\"ez-toc-section\" id=\"Web_SDK\">Web SDK\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u30e1\u30c3\u30bb\u30fc\u30b8\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/span><\/h2>\n<p>\u30ab\u30b9\u30bf\u30e0\u30d5\u30a9\u30fc\u30de\u30c6\u30a3\u30f3\u30b0\u304c\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u306a\u3044\u5834\u5408\u3001Web SDK\u306b\u306f\u4ee5\u4e0b\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u30e1\u30c3\u30bb\u30fc\u30b8\u30d5\u30a9\u30fc\u30de\u30c6\u30a3\u30f3\u30b0\u30bf\u30a4\u30d7\u304c\u9069\u7528\u3055\u308c\u307e\u3059\u3002<\/p>\n<ul>\n<li><strong>\u9078\u629e\u80a2\u30e1\u30c3\u30bb\u30fc\u30b8<\/strong>\n<ul>\n<li>\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u6570\u304c3\u4ee5\u4e0b\u306e\u5834\u5408\u3001\u201c\u30dc\u30bf\u30f3\u201d<em><\/em>\u201c\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u201d<em><\/em>\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/li>\n<li>\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u6570\u304c3\u306810\u306e\u9593\u306e\u5834\u5408\u3001\u201c\u30af\u30a4\u30c3\u30af\u8fd4\u4fe1\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u201d<em><\/em>\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/li>\n<li>\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u6570\u304c10\u3088\u308a\u591a\u3044\u5834\u5408\u3001\u201c\u30af\u30a4\u30c3\u30af\u8fd4\u4fe1\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u201d<em><\/em>\u3092\u4f7f\u7528\u3057\u307e\u3059\u30029\u756a\u76ee\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306f\u3001\u6b21\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u30bb\u30c3\u30c8\u3092<span style=\"color: #0000ff\">\u300c\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u958b\u304f\u300d\u306e\u8a73\u7d30\u3092\u8868\u793a\u3057\u307e\u3059<\/span>&nbsp;\u306e\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/li>\n<li>\u30dc\u30bf\u30f3\u306e\u30bf\u30a4\u30c8\u30eb\u304c20\u6587\u5b57\u3088\u308a\u591a\u3044\u5834\u5408\u300118\u6587\u5b57\u3068\u30d4\u30ea\u30aa\u30c92\u3064\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u30e6\u30fc\u30b6\u30fc\u304c\u30bf\u30a4\u30c8\u30eb\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30d5\u30eb\u30bf\u30a4\u30c8\u30eb\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/li>\n<\/ul>\n<\/li>\n<li><strong>\u78ba\u8a8d\u306e\u30e1\u30c3\u30bb\u30fc\u30b8<\/strong>\n<ul>\n<li>\u30af\u30a4\u30c3\u30af\u8fd4\u4fe1\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306f\u3001<span style=\"color: #0000ff\">\u306f\u3044<\/span>\u3068<span style=\"color: #0000ff\">\u3044\u3044\u3048<\/span>\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3067\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/li>\n<\/ul>\n<\/li>\n<li><strong>\u8cea\u554f\u30e1\u30c3\u30bb\u30fc\u30b8<\/strong>\n<ul>\n<li>\u30d7\u30ec\u30fc\u30f3\u30c6\u30ad\u30b9\u30c8\u3002<\/li>\n<\/ul>\n<\/li>\n<li><strong>\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8<\/strong>\n<ul>\n<li>\u30d5\u30a9\u30f3\u30c8\u30ab\u30e9\u30fc\u304c\u8d64\u8272\u306e\u30c6\u30ad\u30b9\u30c8\u304c\u6dfb\u4ed8\u30d5\u30a1\u30a4\u30eb\u3068\u3057\u3066\u9001\u4fe1\u3055\u308c\u307e\u3059<\/li>\n<\/ul>\n<\/li>\n<li><strong>\u8b66\u544a\u30e1\u30c3\u30bb\u30fc\u30b8<\/strong>\n<ul>\n<li>\u30d5\u30a9\u30f3\u30c8\u30ab\u30e9\u30fc\u304c\u30aa\u30ec\u30f3\u30b8\u8272\u306e\u30c6\u30ad\u30b9\u30c8\u304c\u6dfb\u4ed8\u30d5\u30a1\u30a4\u30eb\u3068\u3057\u3066\u9001\u4fe1\u3055\u308c\u307e\u3059<\/li>\n<\/ul>\n<\/li>\n<li><strong>\u691c\u8a3c\u30e1\u30c3\u30bb\u30fc\u30b8<\/strong>\n<ul>\n<li>\u30d5\u30a9\u30f3\u30c8\u30ab\u30e9\u30fc\u304c\u9ec4\u8272\u306e\u30c6\u30ad\u30b9\u30c8\u304c\u6dfb\u4ed8\u30d5\u30a1\u30a4\u30eb\u3068\u3057\u3066\u9001\u4fe1\u3055\u308c\u307e\u3059<\/li>\n<\/ul>\n<\/li>\n<li><strong>\u60c5\u5831\u3001\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u3001\u3042\u3044\u3055\u3064\u3001\u30c1\u30e3\u30c3\u30c8\u30e1\u30c3\u30bb\u30fc\u30b8<\/strong>\n<ul>\n<li>\u30d7\u30ec\u30fc\u30f3\u30c6\u30ad\u30b9\u30c8<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h2><span class=\"ez-toc-section\" id=\"i-15\">\u30ab\u30b9\u30bf\u30e0\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/span><\/h2>\n<p>\u4e0a\u8a18\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4f7f\u7528\u3059\u308b\u5916\u306b\u3082\u3001\u72ec\u81ea\u306e\u30ab\u30b9\u30bf\u30e0\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4ee5\u4e0b\u306f<a href=\"https:\/\/github.com\/Koredotcom\/web-kore-sdk\/tree\/master\/UI\/custom\" target=\"_blank\" rel=\"noopener noreferrer\">webSDK<\/a>\u3067\u63d0\u4f9b\u3055\u308c\u3066\u3044\u308b\u30ab\u30b9\u30bf\u30e0\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u3042\u308a\u3001\u72ec\u81ea\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u69cb\u7bc9\u3059\u308b\u969b\u306b\u53c2\u8003\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<ol>\n<li>\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\n<pre class=\"lang:default decode:true \">var message =  {\r\n        \"type\": \"template\",\r\n        \"payload\": {\r\n            \"template_type\": \"dropdown_template\",\r\n            \"heading\":\"please select : \",\r\n            \"elements\": [\r\n                {\r\n                    \"title\": \"United Arab Emirates Dirham\",\r\n                    \"value\":\"AED\"\r\n                },\r\n                {\r\n                    \"title\": \"Australian Dollar\",\r\n                    \"value\":\"AUD\"\r\n                },\r\n                {\r\n                    \"title\": \"Canadian Dollar\",\r\n                    \"value\":\"CAD\"\r\n                },\r\n                {\r\n                    \"title\": \"Swiss Franc\",\r\n                    \"value\":\"CHF\"\r\n                },\r\n                {\r\n                    \"title\": \"Chinese Yuanr\",\r\n                    \"value\":\"CNY\"\r\n                },\r\n                {\r\n                    \"title\": \"Czech Koruna\",\r\n                    \"value\":\"CZK\"\r\n                }\r\n           \r\n            ],\r\n        }\r\n};\r\nprint(JSON.stringify(message));<\/pre>\n<p><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/30\/custTemplate-dropdown.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23071\" src=\"\/wp-content\/uploads\/sites\/30\/custTemplate-dropdown.png\" alt=\"\" width=\"400\" height=\"526\" srcset=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v10\/wp-content\/uploads\/sites\/30\/20221201094649\/custTemplate-dropdown.png 400w, https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v10\/wp-content\/uploads\/sites\/30\/20221201094649\/custTemplate-dropdown-228x300.png 228w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/li>\n<li>\u3044\u3044\u306d\uff0f\u3088\u304f\u306a\u3044\u306d\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8:\n<pre class=\"lang:default decode:true \">var message = {\r\n  \"type\": \"template\",\r\n  \"payload\": {\r\n     \"template_type\": \"like_dislike\"\r\n     }\r\n  };\r\nprint(JSON.stringify(message))<\/pre>\n<p><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/30\/custTemplate-likedislike.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23072\" src=\"\/wp-content\/uploads\/sites\/30\/custTemplate-likedislike.png\" alt=\"\" width=\"400\" height=\"519\" srcset=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v10\/wp-content\/uploads\/sites\/30\/20221201094648\/custTemplate-likedislike.png 400w, https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v10\/wp-content\/uploads\/sites\/30\/20221201094648\/custTemplate-likedislike-231x300.png 231w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/li>\n<li>\u8907\u6570\u9078\u629e\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8:\n<pre class=\"lang:default decode:true \">var message = {\r\n  \"type\": \"template\",\r\n  \"payload\": {\r\n      \"template_type\": \"multi_select\",\r\n      \"elements\": [\r\n         {\r\n           \"title\": \"Classic T-Shirt Collection\",\r\n           \"value\":\"tShirt\"\r\n          },{\r\n           \"title\": \"Classic Shirt Collection\",\r\n           \"value\":\"shirts\"\r\n          },\r\n          {\r\n           \"title\": \"Classic shorts Collection\",\r\n           \"value\":\"shorts\"\r\n          }\r\n        ],\r\n  \"buttons\": [\r\n     {\r\n       \"title\": \"Done\",\r\n       \"type\": \"postback\",\r\n       \"payload\": \"payload\"\r\n     }\r\n    ]\r\n  }\r\n};\r\nprint(JSON.stringify(message))<\/pre>\n<p><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/30\/custTemplate-multiselect.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23073\" src=\"\/wp-content\/uploads\/sites\/30\/custTemplate-multiselect.png\" alt=\"\" width=\"397\" height=\"514\" srcset=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v10\/wp-content\/uploads\/sites\/30\/20221201094648\/custTemplate-multiselect.png 397w, https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v10\/wp-content\/uploads\/sites\/30\/20221201094648\/custTemplate-multiselect-232x300.png 232w\" sizes=\"auto, (max-width: 397px) 100vw, 397px\" \/><\/a><\/li>\n<\/ol>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"Kore.ai SDK\u306b\u3088\u3063\u3066\u3001\u30de\u30fc\u30af\u30c0\u30a6\u30f3\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u30d5\u30a9\u30fc\u30de\u30c6\u30a3\u30f3\u30b0\u3092\u4e0a\u66f8\u304d\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u307e\u305f\u3001\u30ab\u30b9\u30bf\u30e0\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u5316\u3055\u308c\u305f\u30dc\u30c3\u30c8\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u8868\u793a\u3059\u308b\u305f\u3081\u306b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u9069\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3053\u306e\u30c8\u30d4\u30c3\u30af\u3067\u306f\u3001\u4ee5\u4e0b\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002 \u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u308b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30bf\u30a4\u30d7 \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5b9f\u88c5\u306e\u8a73\u7d30 Web SDK\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u30d5\u30a9\u30fc\u30de\u30c6\u30a3\u30f3\u30b0 \u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u305f\u3081\u306b\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u308b\u30de\u30fc\u30af\u30c0\u30a6\u30f3 \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30bf\u30a4\u30d7 SDK\u3067\u306f\u3001\u4ee5\u4e0b\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30bf\u30a4\u30d7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u3002SDK\u306b\u3088\u3063\u3066\u306f\u3001JavaScript\u306e\u5b9f\u88c5\u304c\u7570\u306a\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002 \u30dc\u30bf\u30f3\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u5404\u30aa\u30d7\u30b7\u30e7\u30f3\u306b\u3064\u3044\u3066\u3001\u30a8\u30f3\u30c9\u30e6\u30fc\u30b6\u30fc\u306b\u5bfe\u3057\u3066\u4ee5\u4e0b\u306e\u30dc\u30bf\u30f3\u306e\u9078\u629e\u80a2\u306e\u3046\u3061\u3044\u305a\u308c\u304b\u3092\u8868\u793a\u3057\u307e\u3059\u3002 URL\u30dc\u30bf\u30f3\uff1aWeb\u30da\u30fc\u30b8\u3092\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30d6\u30e9\u30a6\u30b6\u30fc\u3067\u958b\u304d\u307e\u3059\u3002 \u30dd\u30b9\u30c8\u30d0\u30c3\u30af\u30dc\u30bf\u30f3\uff1a\u958b\u767a\u8005\u304c\u5b9a\u7fa9\u3057\u305f\u30da\u30a4\u30ed\u30fc\u30c9\u3092\u30dc\u30c3\u30c8\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3078\u9001\u4fe1\u3057\u3001\u305f\u3068\u3048\u3070\u3001\u30e9\u30a4\u30d6\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306b\u300c\u30c1\u30e3\u30c3\u30c8\u300d\u30a6\u30a3\u30f3\u30c9\u30a6\u3092\u958b\u304f\u306a\u3069\u306e\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u958b\u59cb\u3057\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30d1\u30e9\u30e1\u30fc\u30bf text\uff1a\u6700\u5927640\u6587\u5b57\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u5165\u529b\u3057\u307e\u3059 buttons\uff1a\u6700\u59273\u914d\u5217\u306e\u30a2\u30a4\u30c6\u30e0\u3092\u5165\u529b\u3057\u307e\u3059 \u4f8b var message={ \"type\": \"template\", \"payload\": { \"template_type\": \"button\", \"text\": \"What do you want to do next?\", \"buttons\": [{ \"type\": \"web_url\", \"title\": \"Show Website\", \"url\": \"https:\/\/petersapparel.parseapp.com\" }, { \"type\": \"postback\", \"title\": \"Start Chatting\", \"payload\": \"USER_DEFINED_PAYLOAD\" } ] }...","protected":false},"author":22,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[],"class_list":["post-39465","post","type-post","status-publish","format-standard","hentry","category-sdks"],"_links":{"self":[{"href":"https:\/\/developer.kore.ai\/v10\/wp-json\/wp\/v2\/posts\/39465","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developer.kore.ai\/v10\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developer.kore.ai\/v10\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developer.kore.ai\/v10\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/developer.kore.ai\/v10\/wp-json\/wp\/v2\/comments?post=39465"}],"version-history":[{"count":1,"href":"https:\/\/developer.kore.ai\/v10\/wp-json\/wp\/v2\/posts\/39465\/revisions"}],"predecessor-version":[{"id":39466,"href":"https:\/\/developer.kore.ai\/v10\/wp-json\/wp\/v2\/posts\/39465\/revisions\/39466"}],"wp:attachment":[{"href":"https:\/\/developer.kore.ai\/v10\/wp-json\/wp\/v2\/media?parent=39465"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developer.kore.ai\/v10\/wp-json\/wp\/v2\/categories?post=39465"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developer.kore.ai\/v10\/wp-json\/wp\/v2\/tags?post=39465"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}