{"id":6481,"date":"2022-02-12T16:05:33","date_gmt":"2022-02-12T07:05:33","guid":{"rendered":"https:\/\/blog.jansnap.com\/?p=6481"},"modified":"2022-02-12T16:32:19","modified_gmt":"2022-02-12T07:32:19","slug":"bubble%e3%83%81%e3%83%a3%e3%83%83%e3%83%88%e3%83%af%e3%83%bc%e3%82%af%e3%81%ab%e3%83%a1%e3%83%83%e3%82%bb%e3%83%bc%e3%82%b8%e3%82%92%e9%80%81%e4%bf%a1%e3%81%99%e3%82%8b","status":"publish","type":"post","link":"https:\/\/blog.jansnap.com\/?p=6481","title":{"rendered":"(Bubble)\u30c1\u30e3\u30c3\u30c8\u30ef\u30fc\u30af\u306b\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u9001\u4fe1\u3059\u308b"},"content":{"rendered":"\n

<\/span>\u6982\u8981<\/span><\/h2>\n\n\n\n

Bubble\u304b\u3089\u30c1\u30e3\u30c3\u30c8\u30ef\u30fc\u30af\u306e\u6307\u5b9a\u30eb\u30fc\u30e0\u306b\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u9001\u4fe1\u3059\u308b\u306b\u306f\u3001\u30c1\u30e3\u30c3\u30c8\u30ef\u30fc\u30af\u306e\u63d0\u4f9b\u3059\u308bAPI\u306b\u30a2\u30af\u30bb\u30b9\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

<\/span>API\u30c8\u30fc\u30af\u30f3\u306e\u53d6\u5f97<\/span><\/h2>\n\n\n\n

\u30c1\u30e3\u30c3\u30c8\u30ef\u30fc\u30af\u306eAPI\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u306b\u306f\u3001\u300cAPI\u30c8\u30fc\u30af\u30f3\u300d\u3068\u3044\u3046\u6587\u5b57\u5217\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\n\n\n\n

\u30c1\u30e3\u30c3\u30c8\u30ef\u30fc\u30af\u306b\u30ed\u30b0\u30a4\u30f3\u3057\u3001\u53f3\u4e0a\u306e\u30e1\u30cb\u30e5\u30fc\u306e\u300c\u30b5\u30fc\u30d3\u30b9\u9023\u643a\u300d\u30fc\u300cAPI TOKEN\u300d\u304b\u3089API\u30c8\u30fc\u30af\u30f3\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002
\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3057\u3066\u300c\u8868\u793a\u300d\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API\u30c8\u30fc\u30af\u30f3\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002
\u4ed6\u306e\u4eba\u306b\u898b\u3089\u308c\u306a\u3044\u5834\u6240\u306b\u30e1\u30e2\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n

\"\"
Chatwork\u306eAPI TOKEN\u306e\u53d6\u5f97<\/figcaption><\/figure>\n\n\n\n

<\/span>API\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u78ba\u8a8d<\/span><\/h2>\n\n\n\n

\u30c1\u30e3\u30c3\u30c8\u30ef\u30fc\u30af\u306eAPI\u306e\u4f7f\u3044\u65b9\u304c\u3001\u3053\u3061\u3089\u306eAPI\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/a>\u306b\u66f8\u304b\u308c\u3066\u3044\u308b\u306e\u3067\u3001\u76ee\u3092\u901a\u3057\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

<\/span>API Connector\u306e\u8a2d\u5b9a<\/span><\/h2>\n\n\n\n

<\/span>API Connector\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/span><\/h3>\n\n\n\n

Bubble\u3067API\u63a5\u7d9a\u3059\u308b\u306b\u306f\u3001\u300cAPI Connector\u300d\u3068\u3044\u3046\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f7f\u3044\u307e\u3059\u3002
Bubble\u306e\u30a8\u30c7\u30a3\u30bf\u753b\u9762\u306e\u5de6\u30e1\u30cb\u30e5\u30fc\u306e\u300cPlugins\u300d\u304b\u3089\u300cAdd plugins\u300d\u3092\u30af\u30ea\u30c3\u30af\u3057\u3001API Connector\u3092\u691c\u7d22\u3057\u3066\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

\"\"
API Connector\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u65b9\u6cd5<\/figcaption><\/figure>\n\n\n\n

<\/span>API Connector\u3092\u30c1\u30e3\u30c3\u30c8\u30ef\u30fc\u30af\u7528\u306b\u8a2d\u5b9a<\/span><\/h3>\n\n\n\n

API Connector\u306e\u30da\u30fc\u30b8\u3092\u958b\u304d\u3001\u300cAdd API\u300d\u3092\u30af\u30ea\u30c3\u30af\u3057\u3001API\u306e\u8a2d\u5b9a\u3092\u958b\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

  • API name\u3092\u5165\u529b\u3057\u307e\u3059<\/li>
  • Authentication\u3092\u300cPrivate key in header\u300d\u3068\u3057\u307e\u3059<\/li>
  • Key name\u3092\u300cX-ChatWorkToken\u300d\u3068\u3057\u307e\u3059<\/li>
  • Key value\u306b\u3001\u4e0a\u8a18\u3067\u30e1\u30e2\u3057\u305fAPI TOKEN\u306e\u6587\u5b57\u5217\u3092\u5165\u529b\u3057\u307e\u3059<\/li><\/ul>\n\n\n\n
    \"\"
    API Connecotor\u3092\u30c1\u30e3\u30c3\u30c8\u30ef\u30fc\u30af\u7528\u306b\u8a2d\u5b9a\u3059\u308b<\/figcaption><\/figure>\n\n\n\n

    <\/span>\u30c1\u30e3\u30c3\u30c8\u30ef\u30fc\u30af\u306b\u63a5\u7d9a\u3067\u304d\u308b\u304b\u78ba\u8a8d\u3059\u308b<\/span><\/h3>\n\n\n\n

    \u30c1\u30e3\u30c3\u30c8\u30ef\u30fc\u30af\u306bAPI TOKEN\u3092\u4f7f\u3063\u3066\u63a5\u7d9a\u3067\u304d\u308b\u304b\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

    \u4e0a\u8a18\u753b\u9762\u306e\u4e0b\u306e\u65b9\u306b\u3042\u308b\u6b04\u306b\u3001Name\u306b\u300cget my information\u300d\u3001URL\u306b\u300chttps:\/\/api.chatwork.com\/v2\/me\u300d\u3092\u6307\u5b9a\u3057\u3066\u3001\u300cInitialize call\u300d\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

    \"\"
    \u30c1\u30e3\u30c3\u30c8\u30ef\u30fc\u30afAPI\u3078\u306e\u63a5\u7d9a\u78ba\u8a8d<\/figcaption><\/figure>\n\n\n\n

    \u4ee5\u4e0b\u306e\u3088\u3046\u306b\u540d\u524d\u3084ID\u304c\u8fd4\u3063\u3066\u304f\u308c\u3070\u3001\u63a5\u7d9a\u6210\u529f\u3067\u3059\u3002<\/p>\n\n\n\n

    \"\"
    \u30c1\u30e3\u30c3\u30c8\u30ef\u30fc\u30afAPI\u3078\u306e\u63a5\u7d9a\u7d50\u679c<\/figcaption><\/figure>\n\n\n\n

    \u300cSAVE\u300d\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u4fdd\u5b58\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

    <\/span>\u30eb\u30fc\u30e0ID\u306e\u53d6\u5f97<\/span><\/h2>\n\n\n\n

    \u9001\u4fe1\u5148\u306e\u30eb\u30fc\u30e0\u306eID\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

    Name\u306b\u300cget room info\u300d\u3001URL\u306b\u300chttps:\/\/api.chatwork.com\/v2\/rooms\u300d\u3092\u6307\u5b9a\u3057\u3066\u3001\u300cInitialize call\u300d\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

    \"\"
    \u30eb\u30fc\u30e0\u60c5\u5831\u306e\u53d6\u5f97<\/figcaption><\/figure>\n\n\n\n

    \u53d6\u5f97\u3057\u305f\u7d50\u679c\u306fRepeating Group\u3067\u8868\u793a\u3059\u308b\u3068\u4fbf\u5229\u3067\u3059\u3002<\/p>\n\n\n\n

    Bubble\u306e\u5de6\u30e1\u30cb\u30e5\u30fc\u306eDesign\u30bf\u30d6\u3092\u8868\u793a\u3057\u3001Repeating Gruop\u3092\u753b\u9762\u306b\u914d\u7f6e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

    • Type of contents\u306b\u300cget room info\u300d\u3092\u9078\u629e\u3057\u307e\u3059<\/li>
    • Data source\u306b\u300cGet data from an external API\u300d\u3092\u9078\u3093\u3067\u3001API Provider\u306b\u300cChatwork API \u2013 get room info\u300d\u3092\u9078\u629e\u3057\u307e\u3059<\/li><\/ul>\n\n\n\n
      \"\"
      Repeating Group\u306b\u30eb\u30fc\u30e0\u60c5\u5831\u3092\u8868\u793a\u3059\u308b<\/figcaption><\/figure>\n\n\n\n

      Repeating Group\u5185\u306b\u3001Text\u3067 room_id \u3068 name \u3092\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

      <\/p>\n\n\n\n

      <\/span>\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u9001\u4fe1\u78ba\u8a8d<\/span><\/h2>\n\n\n\n

      \u4e0a\u8a18\u3067\u53d6\u5f97\u3057\u305f\u30eb\u30fc\u30e0\u306b\u3001\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u9001\u4fe1\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

      • Name\u3092\u300cpost message\u300d<\/li>
      • Use as\u3092\u300cAction\u300d<\/li>
      • \u30e1\u30bd\u30c3\u30c9\u306f\u300cPOST\u300d<\/li>
      • URL\u306f\u300chttps:\/\/api.chatwork.com\/v2\/rooms\/[room_id]\/messages\u300d \uff08\u89d2\u30ab\u30c3\u30b3\u306a\u306e\u3067\u6ce8\u610f\uff09<\/li>
      • URL\u30d1\u30e9\u30e1\u30bf\u306b\u3001\u300croom_id\u300d\u3068\u3001\u4e0a\u8a18\u3067\u53d6\u5f97\u3057\u305froom_id\u3092\u6307\u5b9a\u3057\u3001Private\u306e\u30c1\u30a7\u30c3\u30af\u3092\u306f\u305a\u3059<\/li>
      • Body type\u3092\u300cForm-data\u300d<\/li>
      • \u30d1\u30e9\u30e1\u30bf\u306b\u3001\u300cbody\u300d\u3068\u3001\u30c6\u30b9\u30c8\u9001\u4fe1\u3057\u305f\u3044\u30e1\u30c3\u30bb\u30fc\u30b8<\/li><\/ul>\n\n\n\n
        \"\"
        \u30c1\u30e3\u30c3\u30c8\u30ef\u30fc\u30af\u306e\u6307\u5b9a\u30eb\u30fc\u30e0\u306b\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u9001\u4fe1\u3059\u308bAPI\u306e\u8a2d\u5b9a<\/figcaption><\/figure>\n\n\n\n

        \u300cInitialize call\u300d\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u3001message_id\u304c\u8fd4\u3063\u3066\u304f\u308c\u3070\u3001\u30c6\u30b9\u30c8\u9001\u4fe1\u6210\u529f\u3067\u3059\u3002<\/p>\n\n\n\n

        \u6307\u5b9a\u3057\u305f\u30eb\u30fc\u30e0\u306b\u3082\u3001\u30c6\u30b9\u30c8\u30e1\u30c3\u30bb\u30fc\u30b8\u304c\u9001\u4fe1\u3055\u308c\u3066\u3044\u308b\u306f\u305a\u306a\u306e\u3067\u3001\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

        <\/span>Bubble\u306e\u753b\u9762\u3067\u5165\u529b\u3057\u305f\u6587\u7ae0\u3092\u9001\u4fe1\u3059\u308b<\/span><\/h2>\n\n\n\n

        Bubble\u306e\u753b\u9762\u3067\u5165\u529b\u3057\u305f\u6587\u7ae0\u3092\u9001\u4fe1\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n

        Design\u30bf\u30d6\u306b\u79fb\u308a\u3001Multiline input\u3084\u9001\u4fe1\u30dc\u30bf\u30f3\u3092\u914d\u7f6e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

        \u9001\u4fe1\u30dc\u30bf\u30f3\u306eAction\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

        <\/p>\n\n\n\n

        \"\"
        Button\u306eAction\u306e\u8a2d\u5b9a<\/figcaption><\/figure>\n\n\n\n

        room_id\u3068\u9001\u4fe1\u3057\u305f\u3044\u30e1\u30c3\u30bb\u30fc\u30b8(body)\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

        \"\"
        \u9001\u4fe1\u60c5\u5831\u306e\u8a2d\u5b9a<\/figcaption><\/figure>\n\n\n\n

        <\/p>\n\n\n\n

        <\/span>(tips)Action\u5185\u3067\u30e1\u30c3\u30bb\u30fc\u30b8\u306b\u6539\u884c\u3092\u5165\u308c\u308b\u306b\u306f\uff1f<\/span><\/h2>\n\n\n\n

        Action\u5185\u3067\u30e1\u30c3\u30bb\u30fc\u30b8\u306b\u6539\u884c\u3092\u8ffd\u52a0\u3057\u305f\u3044\u5834\u5408\u306f\u3001Bubble\u30a8\u30c7\u30a3\u30bf\u4e0a\u3067\u306f\u6539\u884c\u304c\u6d88\u3048\u3066\u3057\u307e\u3046\u306e\u3067\u3001Multiline Input\u3092\u3069\u3053\u304b\u306b\u914d\u7f6e\u3057\u3001\u6539\u884c1\u3064\u3060\u3051\u5165\u308c\u3066\u304a\u3044\u3066\u3001Action\u5185\u3067\u6539\u884c\u304c\u308f\u308a\u306b\u4f7f\u3044\u307e\u3059\u3002<\/p>\n\n\n\n

        <\/p>\n\n\n\n

        <\/p>\n\n\n\n

        <\/p>\n","protected":false},"excerpt":{"rendered":"

        \u6982\u8981 Bubble\u304b\u3089\u30c1\u30e3\u30c3\u30c8\u30ef\u30fc\u30af\u306e\u6307\u5b9a\u30eb\u30fc\u30e0\u306b\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u9001\u4fe1\u3059\u308b\u306b\u306f\u3001\u30c1\u30e3\u30c3\u30c8\u30ef\u30fc\u30af\u306e\u63d0\u4f9b\u3059\u308bAPI\u306b\u30a2\u30af\u30bb\u30b9\u3057\u307e\u3059\u3002 API\u30c8\u30fc\u30af\u30f3\u306e\u53d6\u5f97 \u30c1\u30e3\u30c3\u30c8\u30ef\u30fc\u30af\u306eAPI\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u306b\u306f\u3001\u300cAPI\u30c8\u30fc\u30af\u30f3\u300d\u3068\u3044\u3046\u6587\u5b57\u5217 […]<\/p>\n","protected":false},"author":1,"featured_media":6484,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4328,4052,4053,4054],"tags":[4055,4049,4330,4047,4329,4048],"class_list":["post-6481","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bubble","category-nocode","category-4053","category-4054","tag-api","tag-bubble","tag-chatwork","tag-nocode","tag-4329","tag-4048"],"_links":{"self":[{"href":"https:\/\/blog.jansnap.com\/index.php?rest_route=\/wp\/v2\/posts\/6481","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=6481"}],"version-history":[{"count":21,"href":"https:\/\/blog.jansnap.com\/index.php?rest_route=\/wp\/v2\/posts\/6481\/revisions"}],"predecessor-version":[{"id":6842,"href":"https:\/\/blog.jansnap.com\/index.php?rest_route=\/wp\/v2\/posts\/6481\/revisions\/6842"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jansnap.com\/index.php?rest_route=\/wp\/v2\/media\/6484"}],"wp:attachment":[{"href":"https:\/\/blog.jansnap.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6481"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jansnap.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6481"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jansnap.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}