{"id":1001,"date":"2021-11-12T05:00:05","date_gmt":"2021-11-11T20:00:05","guid":{"rendered":"http:\/\/blog.jansnap.com\/?p=1001"},"modified":"2021-12-17T23:37:47","modified_gmt":"2021-12-17T14:37:47","slug":"bubble%e3%82%b0%e3%83%a9%e3%83%95%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%82%92%e4%bd%9c%e6%88%90%e3%81%97%e3%82%88%e3%81%86google%20charts%e3%83a","status":"publish","type":"post","link":"https:\/\/blog.jansnap.com\/?p=1001","title":{"rendered":"(Bubble)\u30b0\u30e9\u30d5\u3092\u8868\u793a\u3059\u308b\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f5c\u6210\u3057\u3088\u3046(Google Charts\u30e9\u30a4\u30d6\u30e9\u30ea)"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E6%A6%82%E8%A6%81\"><\/span>\u6982\u8981<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Bubble\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3068\u3057\u3066\u3001<a href=\"https:\/\/developers.google.com\/chart\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Google Charts<\/a>\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u4f7f\u3063\u3066\u30b7\u30f3\u30d7\u30eb\u306a\u5186\u30b0\u30e9\u30d5\u3092\u63cf\u753b\u3059\u308b\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u4f5c\u308a\u65b9\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002<br>\u591a\u5c11\u306e\u30b3\u30fc\u30c9\u3092\u66f8\u304f\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u304c\u3001Google Charts\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u30da\u30fc\u30b8\u306b\u30b5\u30f3\u30d7\u30eb\u304c\u3042\u308b\u306e\u3067\u3001\u591a\u304f\u306f\u305d\u3053\u304b\u3089\u30b3\u30d4\u30fc\u3057\u3066\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65409217\/picture_pc_b584a3b4e09897fd5800ffdb9b68d7d9.png?width=800\" alt=\"\u753b\u50cf1\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bubble%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E5%8C%96%E3%81%99%E3%82%8B%E3%83%A1%E3%83%AA%E3%83%83%E3%83%88\"><\/span>Bubble\u30d7\u30e9\u30b0\u30a4\u30f3\u5316\u3059\u308b\u30e1\u30ea\u30c3\u30c8<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u4eca\u56de\u4f7f\u7528\u3059\u308bGoogle Charts\u306fjs\u30e9\u30a4\u30d6\u30e9\u30ea\u306a\u306e\u3067\u3001Bubble\u4e0a\u3067JavaScript\u3092\u66f8\u3044\u3066\u5229\u7528\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002\u3057\u304b\u3057\u3001Bubble\u30d7\u30e9\u30b0\u30a4\u30f3\u5316\u3059\u308b\u3068\u3001Bubble\u306eDB\u304b\u3089\u5024\u3092\u53d6\u308a\u51fa\u3057\u3066\u30b0\u30e9\u30d5\u3068\u3057\u3066\u8868\u793a\u3067\u304d\u307e\u3059\u3057\u3001JavaScript\u306e\u30b3\u30fc\u30c9\u3092\u8aa4\u3063\u3066\u66f8\u304d\u63db\u3048\u3066\u52d5\u304b\u306a\u304f\u306a\u3063\u3066\u3057\u307e\u3046\u5fc3\u914d\u304c\u3042\u308a\u307e\u305b\u3093\u3002<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Google_Charts_%E3%81%A8%E3%81%AF%EF%BC%9F\"><\/span>Google Charts \u3068\u306f\uff1f<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Google Charts \u306f\u3001Google\u304c\u63d0\u4f9b\u3057\u3066\u3044\u308b\u7121\u6599\u3067\u5229\u7528\u3067\u304d\u308b\u30b0\u30e9\u30d5\u4f5c\u6210\u306e\u305f\u3081\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3067\u3059\u3002<br>API\u3082\u7528\u610f\u3055\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u4eca\u56de\u306fjs\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u307f\u4f7f\u7528\u3057\u307e\u3059\u3002<br>\u4ee5\u4e0b\u304cGoogle Charts\u306e\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u3067\u3059\u3002<br><a href=\"https:\/\/developers.google.com\/chart\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">https:\/\/developers.google.com\/chart<\/a><br>\u300cQuickstart\u300d\u306e\u30da\u30fc\u30b8\u306b\u5186\u30b0\u30e9\u30d5\u3092JavaScript\u3067\u4f5c\u6210\u3059\u308b\u30b5\u30f3\u30d7\u30eb\u304c\u3042\u308b\u306e\u3067\u3001\u3053\u308c\u3092\u5143\u306bBubble\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f5c\u308a\u307e\u3059\u3002<br><a href=\"https:\/\/developers.google.com\/chart\/interactive\/docs\/quick_start\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">https:\/\/developers.google.com\/chart\/interactive\/docs\/quick_start<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bubble%E5%85%AC%E5%BC%8F%E3%81%AE%E3%80%8CChart_Element%E3%80%8D%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6\"><\/span>Bubble\u516c\u5f0f\u306e\u300cChart Element\u300d\u306b\u3064\u3044\u3066<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Bubble\u516c\u5f0f\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u306b\u300cChart Element\u300d\u304c\u3042\u308a\u307e\u3059\u304c\u3001\u51e1\u4f8b\u304c\u306a\u3044\u306a\u3069\u3001\u7d30\u304b\u3044\u90e8\u5206\u3067\u4e0d\u4fbf\u306b\u611f\u3058\u308b\u6642\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%AE%E6%96%B0%E8%A6%8F%E4%BD%9C%E6%88%90\"><\/span>\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u65b0\u898f\u4f5c\u6210<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%801_My_Plugins%E3%81%A7%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%82%92%E6%96%B0%E8%A6%8F%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B\"><\/span>\u30001. My Plugins\u3067\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u65b0\u898f\u4f5c\u6210\u3059\u308b<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Bubble\u306e\u30c8\u30c3\u30d7\u753b\u9762\u3067\u300cMy plugins\u300d\u30fc\u300cNew plugin\u300d\u3068\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<br>\u30de\u30a4\u30da\u30fc\u30b8\u306e\u300cMy plugins\u300d\u3067\u4e00\u89a7\u8868\u793a\u3055\u308c\u308b\u969b\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u540d\u3092\u5165\u529b\u3057\u300cCreate\u300d\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u5f8c\u304b\u3089\u5909\u66f4\u3067\u304d\u307e\u305b\u3093\u3002<br>\u4eca\u56de\u306f\u300csimple-chart\u300d\u3068\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65409347\/picture_pc_f96e5ac4c172e3f6ee9f363d7cdd8f40.png?width=800\" alt=\"\u753b\u50cf2\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65409479\/picture_pc_4aa43624ac90fb44fa97c3564496bbb8.png?width=800\" alt=\"\u753b\u50cf3\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%802_%E5%9F%BA%E6%9C%AC%E6%83%85%E5%A0%B1%E3%82%92%E8%A8%AD%E5%AE%9A%E3%81%99%E3%82%8B\"><\/span><br>\u30002. \u57fa\u672c\u60c5\u5831\u3092\u8a2d\u5b9a\u3059\u308b<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>General \u30bf\u30d6\u306b\u57fa\u672c\u60c5\u5831\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<br>\u4eca\u56de\u306f\u30d7\u30e9\u30b0\u30a4\u30f3\u540d\u3092\u300cSimple Chart with Google Charts\u300d\u3068\u3057\u307e\u3057\u305f\u3002<br>Public name\u3092\u4e0a\u8ff0\u306e\u300cSimple Chart with Google Charts\u300d\u3068\u5165\u529b\u3057\u3001<br>Plugin categories\u3092\u300cAnalytics\u300d\u300cMedia\u300d\u300cProductivity\u300d\u306b\u30c1\u30a7\u30c3\u30af\u3092\u5165\u308c\u307e\u3059\u3002<br>\u4ed6\u306f\u516c\u958b\u6642\u306b\u8a18\u5165\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65409863\/picture_pc_90c3ee8860106b756634497ab6f7a08f.png?width=800\" alt=\"\u753b\u50cf4\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%81%AA%E5%86%86%E3%82%B0%E3%83%A9%E3%83%95%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%E3%82%A8%E3%83%AC%E3%83%A1%E3%83%B3%E3%83%88%E3%81%AE%E4%BD%9C%E6%88%90\"><\/span>\u30b7\u30f3\u30d7\u30eb\u306a\u5186\u30b0\u30e9\u30d5\u3092\u8868\u793a\u3059\u308b\u30a8\u30ec\u30e1\u30f3\u30c8\u306e\u4f5c\u6210<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u4eca\u56de\u306f\u3001Google Charts\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u305d\u306e\u307e\u307e\u771f\u4f3c\u3057\u305f\u5186\u30b0\u30e9\u30d5\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%801_%E3%82%A8%E3%83%AC%E3%83%A1%E3%83%B3%E3%83%88%E3%81%AE%E8%BF%BD%E5%8A%A0\"><\/span>\u30001. \u30a8\u30ec\u30e1\u30f3\u30c8\u306e\u8ffd\u52a0<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u5de6\u30e1\u30cb\u30e5\u30fc\u306e\u300cElements\u300d\u30bf\u30d6\u3092\u9078\u629e\u3057\u3001\u300cAdd a new element\u300d\u3092\u30af\u30ea\u30c3\u30af\u3057\u3001\u30a8\u30ec\u30e1\u30f3\u30c8\u540d\u3092\u5165\u529b\u3057\u307e\u3059\u3002\u3053\u306e\u540d\u524d\u306f\u3001Bubble\u30a8\u30c7\u30a3\u30bf\u306b\u30a8\u30ec\u30e1\u30f3\u30c8\u540d\u3068\u3057\u3066\u8868\u793a\u3055\u308c\u307e\u3059\u3002<br>\u4eca\u56de\u306f\u300cSimple Google Charts\u300d\u3068\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65410102\/picture_pc_668686dfc7d86c66e2b91df80e4dc56e.png?width=800\" alt=\"\u753b\u50cf5\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65410108\/picture_pc_49c474cdb6983f58682484864b42ef77.png?width=800\" alt=\"\u753b\u50cf6\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%802_%E3%82%A8%E3%83%AC%E3%83%A1%E3%83%B3%E3%83%88%E3%81%AE%E8%A8%AD%E5%AE%9A\"><\/span>\u30002. \u30a8\u30ec\u30e1\u30f3\u30c8\u306e\u8a2d\u5b9a<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u30a8\u30ec\u30e1\u30f3\u30c8\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%80%E3%80%802-1_General_properties\"><\/span>\u3000\u30002-1 General properties<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Category\u306f\u300cVisual Element\u300d\u306e\u307e\u307e\u3001Icon\u306f\u300cpie\u300d\u3068\u5165\u529b\u3059\u308b\u3068\u5186\u30b0\u30e9\u30d5\u306e\u30a2\u30a4\u30b3\u30f3\u304c\u898b\u3064\u304b\u308b\u306e\u3067\u3001\u305d\u308c\u3092\u9078\u629e\u3057\u307e\u3059\u3002\uff08\u300cbars\u300d\u3068\u5165\u529b\u3059\u308b\u3068\u68d2\u30b0\u30e9\u30d5\u306e\u30a2\u30a4\u30b3\u30f3\u304c\u898b\u3064\u304b\u308a\u307e\u3059\u3002\uff09<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65410307\/picture_pc_21b60da776c5648e8ef1036746acf940.png?width=800\" alt=\"\u753b\u50cf7\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%80%E3%80%802-2_Bubble_properties\"><\/span>\u3000\u30002-2 Bubble properties<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u300cResizable\u300d\u300cResponsive\u300d\u306b\u30c1\u30a7\u30c3\u30af\u3092\u5165\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65410384\/picture_pc_8dc58bf0ca778ebd955839e0557c054a.png?width=800\" alt=\"\u753b\u50cf8\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%80%E3%80%802-3_Default_dimensions\"><\/span>\u3000\u30002-3 Default dimensions<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Bubble\u306e\u30a8\u30c7\u30a3\u30bf\u3067\u30a8\u30ec\u30e1\u30f3\u30c8\u3092\u30b5\u30a4\u30ba\u6307\u5b9a\u305b\u305a\u306b\u914d\u7f6e\u3057\u305f\u969b\u306e\u5927\u304d\u3055\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">Default width (px)\u30fb\u30fb\u30fb320\nDefault height (px)\u30fb\u30fb\u30fb320<\/code><\/pre>\n\n\n\n<p>\u3068\u3057\u307e\u3059\u3002<br>\u5f8c\u8ff0\u3059\u308bpreview\u306e\u753b\u50cf\u30b5\u30a4\u30ba\u3068\u540c\u3058\u306b\u3059\u308b\u3068\u3088\u3044\u3067\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65410517\/picture_pc_e80f1f11e04b6052a845285202bf72fa.png?width=800\" alt=\"\u753b\u50cf9\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%80%E3%80%802-4_Fields\"><\/span>\u3000\u30002-4 Fields<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u30d7\u30e9\u30b0\u30a4\u30f3\u4f7f\u7528\u6642\u306b\u3001\u30b0\u30e9\u30d5\u306e\u30bf\u30a4\u30c8\u30eb\u3001\u30e9\u30d9\u30eb\u3001\u6570\u5024\u3092\u6307\u5b9a\u3067\u304d\u308b\u3088\u3046\u306b\u3001\u30d5\u30a3\u30fc\u30eb\u30c9\u30923\u3064\u5b9a\u7fa9\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"cs\" class=\"language-cs\">Name: title\nCaption: Title\nEditor: Dynamic value\nType: text\nDocumentation: graph title.\n\nName: labels\nCaption: Labels\nEditor: Dynamic value\nType: text\nDocumentation: text, comma separated.\n\nName: values\nCaption: Values\nEditor: Dynamic value\nType: text\nDocumentation: text, comma separated.<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65410767\/picture_pc_447c5904491d4b37a6ee4aa13e28c646.png?width=800\" alt=\"\u753b\u50cf10\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%80%E3%80%802-5_%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E8%A8%98%E8%BF%B0Element_code\"><\/span>\u3000\u30002-5 \u30b3\u30fc\u30c9\u306e\u8a18\u8ff0(Element code)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Google Charts\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u300c<a href=\"https:\/\/developers.google.com\/chart\/interactive\/docs\/quick_start\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Quickstart<\/a>\u300d\u306e\u5185\u5bb9\u3092\u898b\u306a\u304c\u3089\u3001\u30d7\u30e9\u30b0\u30a4\u30f3\u306b\u5fc5\u8981\u306a\u30b3\u30fc\u30c9\u3092\u5165\u529b\u3057\u307e\u3059\u3002<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%80%E3%80%80%E3%80%802-5-1_Headers\"><\/span>\u3000\u3000\u30002-5-1 Headers<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>js\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u8aad\u307f\u8fbc\u307f\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"html\" class=\"language-html\"><!-- Load the AJAX API -->\n<script type=\"text\/javascript\" src=\"https:\/\/www.gstatic.com\/charts\/loader.js\"><\/script><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%80%E3%80%80%E3%80%802-5-2_Code_initialize\"><\/span><br>\u3000\u3000\u30002-5-2 Code initialize<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u30c1\u30e3\u30fc\u30c8ID\u3092\u6307\u5b9a\u3057\u307e\u3059\u30021\u30da\u30fc\u30b8\u306b\u8907\u6570\u306e\u30b0\u30e9\u30d5\u3092\u914d\u7f6e\u3059\u308b\u969b\u306b\u533a\u5225\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">function(instance, context) {\n   var chartID = \"chart\" + (Math.random() * Math.pow(3, 60)).toString();\n   instance.data.id = chartID;\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%80%E3%80%80%E3%80%802-5-3_Code_update\"><\/span><br>\u3000\u3000\u30002-5-3 Code update<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Quickstart\u306e\u30b5\u30f3\u30d7\u30eb\u3092\u898b\u306a\u304c\u3089\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">function(instance, properties, context) {\n   var chartID = instance.data.id;\n   var div = $('<div id=\"' + chartID + '\" style=\"width: ' + properties.bubble.width() + 'px; height:' + properties.bubble.height() + 'px;\"><\/div>');\n   $(instance.canvas[0]).html(div);\n   var labels = properties.labels.split(',');\n   var values = properties.values.split(',');\n\n   var arraynumber = values.map(function(value,i){\n       return Number(value);\n   });\n\n   var myarray =  labels.map(function(value,i){\n       return [value, arraynumber[i]];\n   }); \n\n   $(document).ready(function(){\n       \/\/ Load the Visualization API and the corechart package.\n       google.charts.load('current', {'packages':['corechart']});\n\n       \/\/ Set a callback to run when the Google Visualization API is loaded.\n       google.charts.setOnLoadCallback(drawChart);\n\n       \/\/ Callback that creates and populates a data table,\n       \/\/ instantiates the pie chart, passes in the data and\n       \/\/ draws it.\n       function drawChart() {\n           \/\/ Create the data table.\n           var data = new google.visualization.DataTable();\n           data.addColumn('string', 'Topping');\n           data.addColumn('number', 'col1');\n           data.addRows(myarray);\n\n           \/\/ Set chart options\n           var options = {'title':properties.title,\n                          'width':properties.width,\n                          'height':properties.height\n                         };\n\n           \/\/ Instantiate and draw our chart, passing in some options.\n           var chart = new google.visualization.PieChart(document.getElementById(chartID));\n           chart.draw(data, options);\n       }\n   });\n}<\/code><\/pre>\n\n\n\n<p>\u3053\u3053\u3067\u5927\u4e8b\u306a\u306e\u306f\u300cdrawChart\u300d\u3068\u3044\u3046\u95a2\u6570\u3067\u3001\u3053\u3053\u3067\u5b9f\u969b\u306b\u30b0\u30e9\u30d5\u3092\u63cf\u753b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%80%E3%80%80%E3%80%802-5-4_Code_preview\"><\/span>\u3000\u3000\u30002-5-4 Code preview<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u3053\u3053\u3067\u306f\u3001Bubble\u30a8\u30c7\u30a3\u30bf\u3067\u898b\u305f\u6642\u306e\u8868\u793a\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002Bubble\u306e\u30d7\u30ec\u30d3\u30e5\u30fc\u3067\u306f\u7121\u3044\u306e\u3067\u6ce8\u610f\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u5b9f\u969b\u306e\u5024\u3092\u8868\u793a\u3059\u308b\u3068\u30a8\u30c7\u30a3\u30bf\u306e\u8868\u793a\u304c\u91cd\u304f\u306a\u308a\u305d\u3046\u306a\u306e\u3067\u3001\u56fa\u5b9a\u753b\u50cf\u3092\u8868\u793a\u3059\u308b\u3053\u3068\u3068\u3057\u307e\u3059\u3002<br>\u4eca\u56de\u306f\u3001\u300c\u5546\u7528\u53ef\u306e\u7121\u6599(\u30d5\u30ea\u30fc)\u306e\u30a2\u30a4\u30b3\u30f3\u7d20\u6750\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3067\u304d\u308b\u30b5\u30a4\u30c8\u300eicon rainbow\u300f\u300d\u3055\u3093\u306e\u30a2\u30a4\u30b3\u30f3\u3092\u4f7f\u7528\u3057\u307e\u3057\u305f\u3002\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002<br><a href=\"https:\/\/icon-rainbow.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">https:\/\/icon-rainbow.com\/<\/a><\/p>\n\n\n\n<p>\u8868\u793a\u3057\u305f\u3044\u753b\u50cf\u3092\u7528\u610f\u3057\u3066\u3001\u5de6\u30e1\u30cb\u30e5\u30fc\u306e\u300cShared\u300d\u3092\u9078\u629e\u3057\u3001\u300cShared assets and resources\u300d\u304b\u3089\u3001\u540d\u524d\u3092\u300csample-image.png\u300d\u3068\u3057\u3066\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u3001\u300cSave assets\u300d\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u4fdd\u5b58\u3057\u307e\u3059\u3002<br>(\u305f\u307e\u306bUpload\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3066\u30d5\u30a1\u30a4\u30eb\u3092\u9078\u629e\u3057\u3066\u3082\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3055\u308c\u306a\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u30d6\u30e9\u30a6\u30b6\u3092\u30ea\u30ed\u30fc\u30c9\u3059\u308b\u3068\u3046\u307e\u304f\u3044\u304d\u307e\u3059)<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65411388\/picture_pc_d9d980057aa2079f746bc3a639189d09.png?width=800\" alt=\"\u753b\u50cf12\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65411310\/picture_pc_513ef4bf6377391318c37ea921cb79e2.png?width=800\" alt=\"\u753b\u50cf11\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>\u4fdd\u5b58\u3059\u308b\u3068URL\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u306e\u3067\u3001\u30d7\u30ec\u30d3\u30e5\u30fc\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65411660\/picture_pc_ba3b35d17af2f7d4b6dfdb8ac92b574f.jpg?width=800\" alt=\"\u753b\u50cf13\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>\u30b3\u30fc\u30c9\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">function(instance, properties) {    \n   var imgElement = document.createElement(\"IMG\");\n   imgElement.setAttribute(\"src\", \"https:\/\/ddxxxxxxxxxxx.cloudfront.net\/f1639999999999x999999999999999600\/sample-image.png\");\n   imgElement.style.width = properties.bubble.width() + \"px\";\n   imgElement.style.height = properties.bubble.height() + \"px\";\n   \n   instance.canvas[0].appendChild(imgElement);\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E5%8B%95%E4%BD%9C%E7%A2%BA%E8%AA%8D\"><\/span><br>\u52d5\u4f5c\u78ba\u8a8d<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%801_private%E3%83%A2%E3%83%BC%E3%83%89%E3%81%A7%E9%85%8D%E4%BF%A1%E3%81%99%E3%82%8B\"><\/span>\u30001. private\u30e2\u30fc\u30c9\u3067\u914d\u4fe1\u3059\u308b<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u5de6\u30e1\u30cb\u30e5\u30fc\u306e\u300cSettings\u300d\u306e\u300cPublishing and license\u300d\u3067\u300cPlugin distribution license\u300d\u304c\u3042\u308a\u307e\u3059\u306e\u3067\u3001\u300cPrivate\u300d\u3092\u9078\u629e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65411962\/picture_pc_d8215133d291eeba367558165f998715.png?width=800\" alt=\"\u753b\u50cf14\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%802_%E8%A1%A8%E7%A4%BA%E7%A2%BA%E8%AA%8D%E7%94%A8%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A7%E3%83%86%E3%82%B9%E3%83%88%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92%E5%85%A5%E3%82%8C%E3%81%A6%E7%A2%BA%E8%AA%8D%E3%81%99%E3%82%8B\"><\/span>\u30002. \u8868\u793a\u78ba\u8a8d\u7528\u30a2\u30d7\u30ea\u3067\u30c6\u30b9\u30c8\u30c7\u30fc\u30bf\u3092\u5165\u308c\u3066\u78ba\u8a8d\u3059\u308b<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u30a2\u30d7\u30ea\u306bprivate\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u5165\u308c\u3066\u3001\u52d5\u4f5c\u78ba\u8a8d\u3092\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%80%E3%80%802-1_%E8%A1%A8%E7%A4%BA%E7%A2%BA%E8%AA%8D%E7%94%A8%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B\"><\/span>\u3000\u30002-1 \u8868\u793a\u78ba\u8a8d\u7528\u30a2\u30d7\u30ea\u3092\u6307\u5b9a\u3059\u308b<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u8868\u793a\u78ba\u8a8d\u7528\u306b\u4f7f\u3046\u30a2\u30d7\u30ea\u304c\u7121\u3044\u5834\u5408\u306f\u3001\u30a2\u30d7\u30ea\u3092\u65b0\u898f\u4f5c\u6210\u3057\u3066\u304a\u304d\u307e\u3059(\u901a\u5e38\u306eBubble\u30a2\u30d7\u30ea\u3067\u304b\u307e\u3044\u307e\u305b\u3093)\u3002\u4eca\u56de\u306f\u300cplugin-test-app-01\u300d\u3068\u3044\u3046\u30a2\u30d7\u30ea\u3092\u4f5c\u6210\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>Elements\u30bf\u30d6\u306b\u8ffd\u52a0\u3057\u305f\u30a8\u30ec\u30e1\u30f3\u30c8\u306e\u4e0b\u306e\u65b9\u306b\u3042\u308b\u300cApp to test the plugin\u300d\u306b\u8868\u793a\u78ba\u8a8d\u7528\u306e\u30a2\u30d7\u30ea\u540d\u3092\u5165\u529b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65412135\/picture_pc_621a2248a67b463aa0895cdae12b9d33.png\" alt=\"\u753b\u50cf15\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%80%E3%80%802-2_%E8%A1%A8%E7%A4%BA%E7%A2%BA%E8%AA%8D%E7%94%A8%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E7%94%BB%E9%9D%A2%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B\"><\/span>\u3000\u30002-2 \u8868\u793a\u78ba\u8a8d\u7528\u30a2\u30d7\u30ea\u306e\u30a8\u30c7\u30a3\u30bf\u753b\u9762\u3092\u8868\u793a\u3059\u308b<br><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u305d\u306e\u4e0b\u306e\u300cGo to test app \u2192\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u8868\u793a\u78ba\u8a8d\u7528\u30a2\u30d7\u30ea\u304c\u8d77\u52d5\u3057\u307e\u3059\u3002\u30d7\u30e9\u30b0\u30a4\u30f3\u7de8\u96c6\u753b\u9762\u3068\u8868\u793a\u78ba\u8a8d\u7528\u30a2\u30d7\u30ea\u753b\u9762\u306f\u5225\u306a\u306e\u3067\u3054\u6ce8\u610f\u304f\u3060\u3055\u3044\u3002<br>10\u79d2\u307b\u3069\u5f85\u3063\u3066\u304b\u3089\u3001\u4eca\u56de\u4f5c\u6210\u3057\u305f\u30a8\u30ec\u30e1\u30f3\u30c8\u300cSimple Google Charts\u300d\u304c\u8ffd\u52a0\u3055\u308c\u3066\u3044\u308b\u306e\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65412250\/picture_pc_028a0861e41674bf639b4eb853e67970.png\" alt=\"\u753b\u50cf16\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%80%E3%80%802-3_%E8%A1%A8%E7%A4%BA%E7%A2%BA%E8%AA%8D%E7%94%A8%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A7%E3%80%81%E3%82%A8%E3%83%AC%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E9%85%8D%E7%BD%AE%E3%81%97%E3%81%A6%E3%80%81%E3%83%86%E3%82%B9%E3%83%88%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92%E5%85%A5%E3%82%8C%E3%82%8B\"><\/span><br>\u3000\u30002-3 \u8868\u793a\u78ba\u8a8d\u7528\u30a2\u30d7\u30ea\u3067\u3001\u30a8\u30ec\u30e1\u30f3\u30c8\u3092\u914d\u7f6e\u3057\u3066\u3001\u30c6\u30b9\u30c8\u30c7\u30fc\u30bf\u3092\u5165\u308c\u308b<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><br>\u5de6\u306e\u30a8\u30ec\u30e1\u30f3\u30c8\u4e00\u89a7\u304b\u3089\u300cSimple Google Charts\u300d\u3092\u9078\u629e\u3057\u3066\u3001\u53f3\u5074\u306b\u914d\u7f6e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65413154\/picture_pc_898e1f2fcd96c374ff5987921387df5c.png?width=800\" alt=\"\u753b\u50cf21\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><br>\u914d\u7f6e\u3057\u305f\u30a8\u30ec\u30e1\u30f3\u30c8\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u3057\u3066\u3001\u4ee5\u4e0b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002labels\u3068values\u306f\u30ab\u30f3\u30de\u533a\u5207\u308a\u3067\u3059<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"text\" class=\"language-text\">title\u30fb\u30fb\u30fb\u6628\u65e5\u98df\u3079\u305f\u30d4\u30b6\u306e\u5185\u8a33\nlabels\u30fb\u30fb\u30fb\u30de\u30c3\u30b7\u30e5\u30eb\u30fc\u30e0,\u30aa\u30cb\u30aa\u30f3,\u30aa\u30ea\u30fc\u30d6,\u30ba\u30c3\u30ad\u30fc\u30cb,\u30da\u30d1\u30ed\u30cb\nvalues\u30fb\u30fb\u30fb3,1,1,1,2<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65412440\/picture_pc_5b78b467e2e605e9f3682442a04ccd53.png?width=800\" alt=\"\u753b\u50cf17\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%80%E3%80%802-4_%E3%83%97%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BCBubble%E3%81%AE%E3%83%97%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC%E3%81%A7%E7%A2%BA%E8%AA%8D\"><\/span>\u3000\u30002-4 \u30d7\u30ec\u30d3\u30e5\u30fc(Bubble\u306e\u30d7\u30ec\u30d3\u30e5\u30fc)\u3067\u78ba\u8a8d<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u30a2\u30d7\u30ea\u306e\u30a8\u30c7\u30a3\u30bf\u306e\u53f3\u4e0a\u306e\u300cPreview\u300d\u3092\u62bc\u3057\u3066\u3001\u60f3\u5b9a\u901a\u308a\u306b\u8868\u793a\u3055\u308c\u308b\u304b\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65412476\/picture_pc_1e5f3d5438dd2b579f92c77f1a8d5b48.png?width=800\" alt=\"\u753b\u50cf18\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%80%80%E3%80%802-5_%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E3%81%AE%E5%80%A4%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B\"><\/span>\u3000\u30002-5 \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u5024\u3092\u4f7f\u3063\u3066\u8868\u793a\u3059\u308b<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u30c6\u30fc\u30d6\u30eb\u3092\u4f5c\u6210\u3057\u3066\u30c6\u30b9\u30c8\u30c7\u30fc\u30bf\u3092\u5165\u308c\u3001Do a search for\u3067\u53d6\u308a\u51fa\u3057\u3066\u3001\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u4f8b\u3048\u3070\u3001ate_pizza\u30c6\u30fc\u30d6\u30eb\u306b\u3001Topping\u30ab\u30e9\u30e0(text\u578b)\u3068Slices\u30ab\u30e9\u30e0(number\u578b)\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65412639\/picture_pc_72091e445d17af9be892f0d896f972f2.png?width=800\" alt=\"\u753b\u50cf19\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><br>\u4eca\u56de\u4f5c\u6210\u3057\u305f\u30a8\u30ec\u30e1\u30f3\u30c8\u306elabels\u6b04\u306b\u300cSearch for ate_pizza\u2019s Topping\u300d\u3001values\u6b04\u306b\u300cSearch for ate_pizza\u2019s Slices\u300d\u3068\u6307\u5b9a\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u5024\u3092\u4f7f\u3063\u3066\u30b0\u30e9\u30d5\u8868\u793a\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/images\/65412755\/picture_pc_705bbfdbbe58d4c39c17f4a81b1ff018.png?width=800\" alt=\"\u753b\u50cf20\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%81%AA%E3%81%84%E6%99%82%E3%81%AF%EF%BC%9F\"><\/span>\u8868\u793a\u3055\u308c\u306a\u3044\u6642\u306f\uff1f<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u30a8\u30ec\u30e1\u30f3\u30c8\u3092\u914d\u7f6e\u30fb\u8a2d\u5b9a\u3057\u3066\u30d7\u30ec\u30d3\u30e5\u30fc\u3067\u78ba\u8a8d\u3057\u3066\u3082\u3001\u771f\u3063\u767d\u753b\u9762\u306e\u307e\u307e\u306e\u5834\u5408\u306f\u3001\u4ee5\u4e0b\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<br>\u30fb\u30a8\u30ec\u30e1\u30f3\u30c8\u306b\u67a0\u3092\u3064\u3051\u3066\u3001\u30a8\u30ec\u30e1\u30f3\u30c8\u304c\u753b\u9762\u306b\u914d\u7f6e\u3055\u308c\u3066\u3044\u308b\u304b\u78ba\u8a8d\u3057\u307e\u3059\u3002<br>\u30fb\u30d6\u30e9\u30a6\u30b6\u3067F12\u3092\u62bc\u3057\u3066\u958b\u767a\u8005\u30c4\u30fc\u30eb\u3092\u958b\u304d\u3001Console\u306b\u30a8\u30e9\u30fc\u304c\u51fa\u3066\u3044\u306a\u3044\u304b\u78ba\u8a8d\u3057\u307e\u3059\u3002<br>\u30fb\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u300cShared\u300d\u30bf\u30d6\u3067\u3001Bubble Plugin API Version\u304c\u300cVersion 2\u300d\u306b\u306a\u3063\u3066\u3044\u308b\u304b\u78ba\u8a8d\u3057\u307e\u3059(Version 1 \u4ee5\u4e0b\u306f\u3001JavaScript\u306e\u66f8\u5f0f\u304c\u4e00\u90e8\u9055\u3044\u307e\u3059)\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E5%8F%82%E8%80%83%E3%83%9A%E3%83%BC%E3%82%B8\"><\/span>\u53c2\u8003\u30da\u30fc\u30b8<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u30ce\u30fc\u30b3\u30fc\u30c9\u30e9\u30dc\u3055\u3093\u306e\u4ee5\u4e0b\u306e\u30da\u30fc\u30b8\u3092\u53c2\u8003\u306b\u3057\u307e\u3057\u305f\u3002\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p><a href=\"https:\/\/blog.nocodelab.jp\/links#Bubble-%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9%E3%81%A8%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E3%83%A9%E3%83%9C%E3%81%AE%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E7%B4%B9%E4%BB%8B\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Bubble \u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u4f5c\u308a\u65b9\u3068\u30ce\u30fc\u30b3\u30fc\u30c9\u30e9\u30dc\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u7d39\u4ecb<\/a><br><a href=\"https:\/\/blog.nocodelab.jp\/entry\/create-plugin\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Bubble \u3067\u81ea\u4f5c\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f5c\u6210\u3057\u3066\u307f\u3088\u3046\uff01<\/a><br><a href=\"https:\/\/blog.nocodelab.jp\/entry\/create-plugin-2\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Bubble \u3067\u300c\u7e26\u66f8\u304d\u300d\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f5c\u6210\u3057\u3066\u307f\u305f<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E7%B5%82%E3%82%8F%E3%82%8A%E3%81%AB\"><\/span>\u7d42\u308f\u308a\u306b<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u4eca\u56de\u306f\u3001Google Charts\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u5229\u7528\u3057\u3066\u3001Bubble\u3067\u5186\u30b0\u30e9\u30d5\u3092\u8868\u793a\u3059\u308b\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f5c\u6210\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u3053\u306e\u8a18\u4e8b\u304c\u5f79\u306b\u7acb\u3063\u305f\u65b9\u3001\u5b9f\u969b\u306bBubble\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f5c\u3063\u3066\u53ce\u76ca\u5316\u3067\u304d\u305f\u65b9\u306f\u3001\u5fdc\u63f4\u304c\u308f\u308a\u306b\u8a18\u4e8b\u306e\u8cfc\u5165\u3092\u3088\u308d\u3057\u304f\u304a\u9858\u3044\u3057\u307e\u3059\uff01<br>\uff08\u3053\u306e\u4e0b\u306b\u8a18\u4e8b\u306f\u3042\u308a\u307e\u305b\u3093\uff09<\/p>\n\n\n\n<p><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bubble\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3068\u3057\u3066\u3001Google Charts\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u4f7f\u3063\u3066\u30b7\u30f3\u30d7\u30eb\u306a\u5186\u30b0\u30e9\u30d5\u3092\u63cf\u753b\u3059\u308b\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u4f5c\u308a\u65b9\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002\u591a\u5c11\u306e\u30b3\u30fc\u30c9\u3092\u66f8\u304f\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u304c\u3001Google Charts\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u30da\u30fc\u30b8\u306b\u30b5\u30f3\u30d7\u30eb\u304c\u3042\u308b\u306e\u3067\u3001\u591a\u304f\u306f\u305d\u3053\u304b\u3089\u30b3\u30d4\u30fc\u3057\u3066\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n","protected":false},"author":1,"featured_media":6133,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4052,4053,4054,4051],"tags":[4049,4047,4048,4046],"class_list":["post-1001","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nocode","category-4053","category-4054","category-4051","tag-bubble","tag-nocode","tag-4048","tag-4046"],"_links":{"self":[{"href":"https:\/\/blog.jansnap.com\/index.php?rest_route=\/wp\/v2\/posts\/1001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.jansnap.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.jansnap.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jansnap.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jansnap.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1001"}],"version-history":[{"count":2,"href":"https:\/\/blog.jansnap.com\/index.php?rest_route=\/wp\/v2\/posts\/1001\/revisions"}],"predecessor-version":[{"id":6303,"href":"https:\/\/blog.jansnap.com\/index.php?rest_route=\/wp\/v2\/posts\/1001\/revisions\/6303"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jansnap.com\/index.php?rest_route=\/wp\/v2\/media\/6133"}],"wp:attachment":[{"href":"https:\/\/blog.jansnap.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1001"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jansnap.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1001"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jansnap.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}