{"id":3000,"date":"2022-12-10T11:45:34","date_gmt":"2022-12-10T02:45:34","guid":{"rendered":"https:\/\/took.jp\/?p=3000"},"modified":"2024-01-26T08:35:58","modified_gmt":"2024-01-25T23:35:58","slug":"bolt-slack","status":"publish","type":"post","link":"https:\/\/took.jp\/tech-blog\/bolt-slack\/","title":{"rendered":"Bolt\u3092\u4f7f\u7528\u3057\u3066Slack Bot\u3092\u4f5c\u6210\u3057\u3066\u307f\u308b"},"content":{"rendered":"<h2>Bolt\u3092\u4f7f\u7528\u3057\u3066Slack Bot\u3092\u4f5c\u6210\u3057\u3066\u307f\u308b<\/h2>\n<p>&nbsp;<\/p>\n<div class=\"sc_frame_wrap onframe orange\">\n<div class=\"sc_frame_title\">\u3053\u306e\u8a18\u4e8b\u306e\u5bfe\u8c61\u8005<\/div>\n<div class=\"sc_frame\">\n<p>Bolt\u3092\u4f7f\u7528\u3057\u3001Slack Bot\u3092\u59cb\u3081\u3066\u4f5c\u6210\u3057\u3088\u3046\u3068\u3057\u3066\u3044\u308b\u65b9<\/p>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<h3><strong>bolt\u3068\u306f\uff1f<\/strong><\/h3>\n<blockquote><p>Bolt \u306f Slack API \u3092\u4f7f\u3044\u3084\u3059\u304f\u3059\u308b\u305f\u3081\u306e Node.js \u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3059\u3002<\/p>\n<p><cite class=\"blockquote_ref\"> <a href=\"https:\/\/api.slack.com\/lang\/ja-jp\/hello-world-bolt\" target=\"_blank\" rel=\"noopener noreferrer\">slack api<\/a> <\/cite><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h3>\u53c2\u8003\u30b5\u30a4\u30c8<\/h3>\n<p>Slack Bot\u306e\u4f5c\u6210\u306e\u65b9\u6cd5\u306f\u3001\u516c\u5f0f\u304c\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u51fa\u3057\u3066\u3044\u308b\u306e\u3067\u3001\u3053\u3061\u3089\u3092\u53c2\u8003\u306b\u3057\u3066\u307f\u3066\u3082\u826f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n<ul>\n<li><a href=\"https:\/\/slack.dev\/bolt-js\/ja-jp\/tutorial\/getting-started\" target=\"_blank\" rel=\"noopener\">https:\/\/slack.dev\/bolt-js\/ja-jp\/tutorial\/getting-started<\/a><\/li>\n<li><a href=\"https:\/\/api.slack.com\/lang\/ja-jp\/hello-world-bolt\" target=\"_blank\" rel=\"noopener\">https:\/\/api.slack.com\/lang\/ja-jp\/hello-world-bolt<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>\u3053\u3061\u3089\u306e\u30b5\u30a4\u30c8\u3067\u306f\u3001\u52d5\u4f5c\u78ba\u8a8d\u65b9\u6cd5\u542b\u3081\u3088\u308a\u3001\u8a73\u3057\u304f\u89e3\u8aac\u3057\u3088\u3046\u3068\u601d\u3044\u307e\u3059\u306e\u3067\u3001\u8a70\u307e\u3063\u3066\u3057\u307e\u3063\u305f\u65b9\u306f\u3001\u3053\u3061\u3089\u306e\u30b5\u30a4\u30c8\u3092\u53c2\u8003\u306b\u3057\u3066\u3044\u305f\u3060\u3051\u308c\u3070\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n<p>&nbsp;<\/p>\n<h3>Slack Bot\u306e\u4f5c\u6210<\/h3>\n<h4>\u307e\u305a\u521d\u3081\u306b<\/h4>\n<p>Mac\u3067\u306e\u624b\u9806\u3068\u306a\u308a\u307e\u3059\u306e\u3067\u3001Windows\u306e\u65b9\u306f\u3001\u9069\u5b9c\u8aad\u307f\u5909\u3048\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<p>\u30a8\u30c7\u30a3\u30bf\u306f\u3001VSCode\u3092\u4f7f\u7528\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>\u4f5c\u6210\u3059\u308bBot\u306f\u3001\u5bfe\u8c61\u306e\u30a2\u30d7\u30ea\u3092\u958b\u3044\u305f\u6642\u306b\u3001\u300c<span>Hello world,\u00a0<\/span><span class=\"p-member_profile_hover_card\" role=\"presentation\">@UserName<\/span>\u300d\u3068\u3044\u3046\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u9001\u308b\u3060\u3051\u306e\u30b7\u30f3\u30d7\u30eb\u306a\u3082\u306e\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>&nbsp;<\/p>\n<h4>\u30a2\u30d7\u30ea\u3092\u4f5c\u6210<\/h4>\n<p>\u4ee5\u4e0b\u306eURL\u306b\u30a2\u30af\u30bb\u30b9\u3057\u307e\u3059\u3002<\/p>\n<p><a href=\"https:\/\/api.slack.com\/apps\" target=\"_blank\" rel=\"noopener\">https:\/\/api.slack.com\/apps<\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong><\/strong>\u53f3\u4e0a\u306e<span class=\"sc_marker\"><strong>Create New App\u3092\u62bc\u4e0b<\/strong><\/span>\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/took.jp\/wp-content\/uploads\/2022\/12\/be2a7429fbcc0a6071e437f117693e1c-300x133.jpg\" alt=\"\" width=\"300\" height=\"133\" class=\"alignnone wp-image-3001 size-medium\" srcset=\"https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/be2a7429fbcc0a6071e437f117693e1c-300x133.jpg 300w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/be2a7429fbcc0a6071e437f117693e1c-768x340.jpg 768w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/be2a7429fbcc0a6071e437f117693e1c.jpg 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>\u8868\u793a\u3055\u308c\u305f\u30c0\u30a4\u30a2\u30ed\u30b0\u304b\u3089<strong><\/strong><span class=\"sc_marker\"><strong>From scratch\u3092\u9078\u629e<\/strong><\/span>\u3057\u307e\u3059\u3002<\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/took.jp\/wp-content\/uploads\/2022\/12\/1c7c82364e0a5247822ee7cdfc189872-300x214.png\" alt=\"\" width=\"300\" height=\"214\" class=\"alignnone size-medium wp-image-3002 lazyload\" data-srcset=\"https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/1c7c82364e0a5247822ee7cdfc189872-300x214.png 300w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/1c7c82364e0a5247822ee7cdfc189872-1024x732.png 1024w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/1c7c82364e0a5247822ee7cdfc189872-768x549.png 768w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/1c7c82364e0a5247822ee7cdfc189872.png 1044w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>\u30a2\u30d7\u30ea\u540d\u306f\u3001\u306a\u3093\u3067\u3082\u826f\u3044\u3067\u3059\u304c\u300c<strong>Hello World App<\/strong>\u300d\u3068\u3057\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n<p>\u5bfe\u8c61\u3068\u306a\u308b\u30ef\u30fc\u30af\u30b9\u30da\u30fc\u30b9\u3092\u9078\u629e\u3057\u3001<strong><\/strong><span class=\"sc_marker\"><strong>Create App\u3092\u62bc\u4e0b<\/strong><\/span>\u3057\u307e\u3059\u3002<\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/took.jp\/wp-content\/uploads\/2022\/12\/59d8b842774a0e04dc406bb6fb425c43-300x288.png\" alt=\"\" width=\"300\" height=\"288\" class=\"alignnone size-medium wp-image-3003 lazyload\" data-srcset=\"https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/59d8b842774a0e04dc406bb6fb425c43-300x288.png 300w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/59d8b842774a0e04dc406bb6fb425c43-1024x982.png 1024w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/59d8b842774a0e04dc406bb6fb425c43-768x737.png 768w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/59d8b842774a0e04dc406bb6fb425c43.png 1030w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>\u5de6\u5074\u306e\u30e1\u30cb\u30e5\u30fc\u3088\u308a\u300c<strong><\/strong><span class=\"sc_marker\"><strong>OAuth &amp; Permissions<\/strong><\/span>\u300d\u3092\u9078\u629e\u3057\u307e\u3059\u3002<\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/took.jp\/wp-content\/uploads\/2022\/12\/c311654016bb9a9ea5d81e238d38789e-300x178.jpg\" alt=\"\" width=\"300\" height=\"178\" class=\"alignnone size-medium wp-image-3004 lazyload\" data-srcset=\"https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/c311654016bb9a9ea5d81e238d38789e-300x178.jpg 300w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/c311654016bb9a9ea5d81e238d38789e-768x455.jpg 768w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/c311654016bb9a9ea5d81e238d38789e.jpg 1024w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>\u4e0b\u306b\u30b9\u30af\u30ed\u30fc\u30eb\u3059\u308b\u3068\u3001Scopes\u3068\u3044\u3046\u9805\u76ee\u304c\u3042\u308b\u306e\u3067\u3001<span><strong><\/strong><span class=\"sc_marker\"><strong>Bot Token Scopes\u306bchat:write<\/strong><\/span>\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/span><\/p>\n<p>\u3053\u308c\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u3001\u30dc\u30c3\u30c8\u304c\u66f8\u304d\u8fbc\u307f\u3092\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/took.jp\/wp-content\/uploads\/2022\/12\/12e5e9b307559b38e02d178e78f633f8-300x295.png\" alt=\"\" width=\"300\" height=\"295\" class=\"alignnone size-medium wp-image-3006 lazyload\" data-srcset=\"https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/12e5e9b307559b38e02d178e78f633f8-300x295.png 300w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/12e5e9b307559b38e02d178e78f633f8-1024x1006.png 1024w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/12e5e9b307559b38e02d178e78f633f8-768x755.png 768w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/12e5e9b307559b38e02d178e78f633f8.png 1380w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>\u4e00\u756a\u4e0a\u306b\u30b9\u30af\u30ed\u30fc\u30eb\u3057\u3001OAuth Tokens for Your Workspace\u306e<strong><\/strong><span class=\"sc_marker\"><strong>Install To Workspace\u3092\u62bc\u4e0b<\/strong><\/span>\u3057\u307e\u3059\u3002<\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/took.jp\/wp-content\/uploads\/2022\/12\/49b235733a4bd63793c505faea2423c8-300x179.jpg\" alt=\"\" width=\"300\" height=\"179\" class=\"alignnone size-medium wp-image-3007 lazyload\" data-srcset=\"https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/49b235733a4bd63793c505faea2423c8-300x179.jpg 300w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/49b235733a4bd63793c505faea2423c8-768x458.jpg 768w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/49b235733a4bd63793c505faea2423c8.jpg 1024w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>\u4ee5\u4e0b\u306e\u8868\u793a\u304c\u51fa\u308b\u306e\u3067\u3001<strong><\/strong><span class=\"sc_marker\"><strong>\u30a2\u30af\u30bb\u30b9\u3092\u8a31\u53ef<\/strong><\/span>\u3057\u307e\u3059\u3002<\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/took.jp\/wp-content\/uploads\/2022\/12\/f2e6878b82771c208c3ff056ebd34991-300x202.png\" alt=\"\" width=\"300\" height=\"202\" class=\"alignnone size-medium wp-image-3008 lazyload\" data-srcset=\"https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/f2e6878b82771c208c3ff056ebd34991-300x202.png 300w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/f2e6878b82771c208c3ff056ebd34991-768x516.png 768w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/f2e6878b82771c208c3ff056ebd34991.png 1024w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4>Bolt\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u6210<\/h4>\n<p>\u307e\u305a\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30d5\u30a9\u30eb\u30c0\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n<p>VSCode\u3067\u8a72\u5f53\u30d5\u30a9\u30eb\u30c0\u3092\u958b\u304d\u3001Control + @\u3092\u62bc\u4e0b\u3057\u3001\u30bf\u30fc\u30df\u30ca\u30eb\u3088\u308a\u4ee5\u4e0b\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"line-numbers\"><code class=\"language-other\">npm i @slack\/bolt\r\nnpm i dotenv<\/code><\/pre>\n<p>&nbsp;<\/p>\n<p>\u6b21\u306b\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30d5\u30a9\u30eb\u30c0\u5185\u306b\u3001\u300capp.js\u300d\u3068\u300c.env\u300d\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n<p>\u4e0b\u8a18\u306e\u3088\u3046\u306b\u306a\u3063\u3066\u3044\u308c\u3070\u3001\u554f\u984c\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/took.jp\/wp-content\/uploads\/2022\/12\/57b9dac88a4d0c7368fb5c767a2ff6a0-300x188.png\" alt=\"\" width=\"300\" height=\"188\" class=\"alignnone size-medium wp-image-3009 lazyload\" data-srcset=\"https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/57b9dac88a4d0c7368fb5c767a2ff6a0-300x188.png 300w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/57b9dac88a4d0c7368fb5c767a2ff6a0.png 468w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>app.js\u306b\u306f\u4ee5\u4e0b\u306e\u5185\u5bb9\u3092\u8cbc\u308a\u4ed8\u3051\u307e\u3059\u3002<\/p>\n<pre class=\"line-numbers\"><code class=\"language-other\">const { App } = require('@slack\/bolt');\r\n\r\n\/\/ Initializes your app with your bot token and signing secret\r\nconst app = new App({\r\n  token: process.env.SLACK_BOT_TOKEN,\r\n  signingSecret: process.env.SLACK_SIGNING_SECRET\r\n});\r\n\r\napp.event('app_home_opened', ({ event, say }) =&gt; {\r\n  say(`Hello world, &lt;@${event.user}&gt;!`);\r\n});\r\n\r\n(async () =&gt; {\r\n  \/\/ Start your app\r\n  await app.start(process.env.PORT || 3000);\r\n\r\n  console.log('\u26a1\ufe0f Bolt app is running!');\r\n})();\r\n<\/code><\/pre>\n<p>&nbsp;<\/p>\n<p>.env\u306b\u306f\u3001\u4e0b\u8a18\u306e\u5185\u5bb9\u3092\u8cbc\u308a\u4ed8\u3051\u3001\u74b0\u5883\u5909\u6570\u306e\u4e2d\u8eab\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"line-numbers\"><code class=\"language-other\">SLACK_SIGNING_SECRET=\r\nSLACK_BOT_TOKEN=<\/code><\/pre>\n<p>&nbsp;<\/p>\n<h4>\u74b0\u5883\u5909\u6570\u3092\u53d6\u5f97\u3059\u308b\uff08SLACK_SIGNING_SECRET\uff09<\/h4>\n<p>slack api\u753b\u9762\u306e\u5de6\u5074\u30e1\u30cb\u30e5\u30fc\u306eBasic Information\u304b\u3089<span><strong><span class=\"sc_marker\">Signing Secret\u306eShow\u3092\u62bc\u3059\u3053\u3068\u3067\u8868\u793a<\/span><\/strong>\u3055\u308c\u307e\u3059\u3002<\/span><\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/took.jp\/wp-content\/uploads\/2022\/12\/e37024665a3f4584ddadae7b697b24e0-300x293.png\" alt=\"\" width=\"300\" height=\"293\" class=\"alignnone size-medium wp-image-3010 lazyload\" data-srcset=\"https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/e37024665a3f4584ddadae7b697b24e0-300x293.png 300w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/e37024665a3f4584ddadae7b697b24e0-1024x1000.png 1024w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/e37024665a3f4584ddadae7b697b24e0-768x750.png 768w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/e37024665a3f4584ddadae7b697b24e0.png 1380w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4>\u74b0\u5883\u5909\u6570\u3092\u53d6\u5f97\u3059\u308b\uff08SLACK_BOT_TOKEN\uff09<\/h4>\n<p>slack api\u753b\u9762\u306e\u5de6\u5074\u30e1\u30cb\u30e5\u30fc\u306eOAuth &amp; Permissions\u304b\u3089<strong><\/strong><span class=\"sc_marker\"><strong>Bot User OAuth Token\u3092\u30b3\u30d4\u30fc<\/strong><\/span>\u3057\u307e\u3059\u3002<\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/took.jp\/wp-content\/uploads\/2022\/12\/5223328454b61fcf6a0f40b613842240-300x270.png\" alt=\"\" width=\"300\" height=\"270\" class=\"alignnone size-medium wp-image-3011 lazyload\" data-srcset=\"https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/5223328454b61fcf6a0f40b613842240-300x270.png 300w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/5223328454b61fcf6a0f40b613842240-1024x921.png 1024w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/5223328454b61fcf6a0f40b613842240-768x691.png 768w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/5223328454b61fcf6a0f40b613842240.png 1392w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4>ngrok\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b<\/h4>\n<p>\u3053\u306e\u307e\u307e\u30b5\u30fc\u30d0\u3092\u8d77\u52d5\u3057\u3066\u3082\u3001\u30ed\u30fc\u30ab\u30eb\u74b0\u5883\u3060\u3068\u3001slack\u5074\u304c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u53c2\u7167\u3067\u304d\u306a\u3044\u305f\u3081\u3001\u516c\u958b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<p>ngrok\u3092\u5165\u308c\u308b\u3053\u3068\u3067\u30ed\u30fc\u30ab\u30eb\u74b0\u5883\u306b\u5916\u304b\u3089\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>\u4e0b\u8a18\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u3001ngrok\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002<\/p>\n<p>\uff08\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u30b3\u30de\u30f3\u30c9\u306f<a href=\"https:\/\/ngrok.com\/download\" target=\"_blank\" rel=\"noopener\">\u516c\u5f0f\u30b5\u30a4\u30c8<\/a>\u3088\u308a\uff09<\/p>\n<pre class=\"line-numbers\"><code class=\"language-other\">brew install ngrok\/ngrok\/ngrok<\/code><\/pre>\n<p>&nbsp;<\/p>\n<p>\u4f1a\u54e1\u767b\u9332\u304c\u5fc5\u8981\u306a\u305f\u3081\u3001\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u4e2d\u306b\u4f5c\u696d\u3092\u9032\u3081\u3066\u3057\u307e\u3044\u307e\u3059\u3002<\/p>\n<p>\u4e0b\u8a18\u30b5\u30a4\u30c8\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001\u53f3\u4e0a\u306e<strong><\/strong><span class=\"sc_marker\"><strong>Sign up\u3092\u62bc\u4e0b\u304b\u3089\u4f1a\u54e1\u767b\u9332<\/strong><\/span>\u3092\u3057\u307e\u3059\u3002<\/p>\n<p><a href=\"https:\/\/ngrok.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/ngrok.com\/<\/a><\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/took.jp\/wp-content\/uploads\/2022\/12\/5c66a87c993d25b18c8771e84052fcc7-300x108.png\" alt=\"\" width=\"300\" height=\"108\" class=\"alignnone size-medium wp-image-3012 lazyload\" data-srcset=\"https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/5c66a87c993d25b18c8771e84052fcc7-300x108.png 300w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/5c66a87c993d25b18c8771e84052fcc7-768x278.png 768w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/5c66a87c993d25b18c8771e84052fcc7.png 1024w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>\u4e0b\u8a18\u306b\u3042\u308b<strong><\/strong><span class=\"sc_marker\"><strong>\u300cngrok config add-authtoken\u00a0 ~\u300d\u306e\u30b3\u30de\u30f3\u30c9\u3092\u30bf\u30fc\u30df\u30ca\u30eb\u304b\u3089\u5b9f\u884c<\/strong><\/span>\u3057\u307e\u3059\u3002<\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/took.jp\/wp-content\/uploads\/2022\/12\/d943f89cc2e47c9167adb5cdffc0e6e0-300x149.png\" alt=\"\" width=\"300\" height=\"149\" class=\"alignnone size-medium wp-image-3013 lazyload\" data-srcset=\"https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/d943f89cc2e47c9167adb5cdffc0e6e0-300x149.png 300w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/d943f89cc2e47c9167adb5cdffc0e6e0-768x380.png 768w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/d943f89cc2e47c9167adb5cdffc0e6e0.png 1024w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h4>\u52d5\u4f5c\u3092\u78ba\u8a8d\u3059\u308b\u3002<\/h4>\n<p>VSCode\u304b\u3089\u30bf\u30fc\u30df\u30ca\u30eb\u3092\u8d77\u52d5\u3057\u3001\u4e0b\u8a18\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"line-numbers\"><code class=\"language-other\">node app.js<\/code><\/pre>\n<p>&nbsp;<\/p>\n<p>\u6b63\u5e38\u306b\u8d77\u52d5\u3067\u304d\u305f\u5834\u5408\u3001\u300cBolt app is running!\u300d\u306e\u6587\u5b57\u304c\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u306f\u305a\u3067\u3059\u3002<\/p>\n<p>\u6b21\u306b\u5225\u30bf\u30fc\u30df\u30ca\u30eb\u304b\u3089\u4e0b\u8a18\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"line-numbers\"><code class=\"language-other\">ngrok http 3000<\/code><\/pre>\n<pre class=\"line-numbers\"><code class=\"language-other\">Join us in the ngrok community @ https:\/\/ngrok.com\/slack                                                                                      \r\n                                                                                                                                              \r\nSession Status                online                                                                                                          \r\nAccount                       (Plan: Free)                                                                                  \r\nVersion                       3.1.0                                                                                                           \r\nRegion                        Japan (jp)                                                                                                      \r\nLatency                       8ms                                                                                                             \r\nWeb Interface                 http:\/\/127.0.0.1:4040                                                                                           \r\nForwarding                    https:\/\/03b2-118-237-53-166.jp.ngrok.io -&gt; http:\/\/localhost:3000                                                \r\n                                                                                                                                              \r\nConnections                   ttl     opn     rt1     rt5     p50     p90                                                                     \r\n                              0       0       0.00    0.00    0.00    0.00                                                                    \r\n                                                                           <\/code><\/pre>\n<p>&nbsp;<\/p>\n<p>\u5b9f\u884c\u5f8c\u306b\u3001Forwarding\u90e8\u5206\u306b\u8868\u793a\u3055\u308c\u305furl\u304c\u516c\u958b\u3055\u308c\u3066\u3044\u308burl\u3067\u3059\u3002<\/p>\n<p>slack api\u753b\u9762\u306e\u5de6\u30e1\u30cb\u30e5\u30fc\u306eEvent Subscriptions\u3092\u958b\u304d\u3001\u4e0b\u8a18\u624b\u9806\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>Enable Events\u3092On\u306b\u3059\u308b\u3002<\/li>\n<li>Request URL\u306b\u5148\u307b\u3069\u306eForwarding\u306b\u3042\u3063\u305fURL + \/slack\/events\u3092\u5165\u529b\u3057\u307e\u3059\u3002\n<ul>\n<li>\u4eca\u56de\u306e\u5834\u5408\u3001\u300chttps:\/\/03b2-118-237-53-166.jp.ngrok.io\/slack\/events\u300d<\/li>\n<\/ul>\n<\/li>\n<li>Subscribe to bot events\u306bapp_home_opened\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/took.jp\/wp-content\/uploads\/2022\/12\/aaf127b702ba4b4cdb19607f5614fdf5-300x220.jpg\" alt=\"\" width=\"300\" height=\"220\" class=\"alignnone size-medium wp-image-3014 lazyload\" data-srcset=\"https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/aaf127b702ba4b4cdb19607f5614fdf5-300x220.jpg 300w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/aaf127b702ba4b4cdb19607f5614fdf5-768x563.jpg 768w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/aaf127b702ba4b4cdb19607f5614fdf5.jpg 1024w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>\u3053\u308c\u3067\u8a2d\u5b9a\u304c\u5b8c\u4e86\u3067\u3059\u3002<\/p>\n<p>\u30ef\u30fc\u30af\u30b9\u30da\u30fc\u30b9\u306b\u8ffd\u52a0\u3055\u308c\u3066\u3044\u308b\u300cHello World App\u300d\u3092\u958b\u304f\u3053\u3068\u3067\u3001\u30e1\u30c3\u30bb\u30fc\u30b8\u304c\u8868\u793a\u3055\u308c\u307e\u3057\u305f\u3002<\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/took.jp\/wp-content\/uploads\/2022\/12\/dcc3cd73697ea08021d6ba3ea64b622e-300x164.png\" alt=\"\" width=\"300\" height=\"164\" class=\"alignnone size-medium wp-image-3015 lazyload\" data-srcset=\"https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/dcc3cd73697ea08021d6ba3ea64b622e-300x164.png 300w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/dcc3cd73697ea08021d6ba3ea64b622e-768x419.png 768w, https:\/\/took.jp\/tech-blog\/wp-content\/uploads\/2022\/12\/dcc3cd73697ea08021d6ba3ea64b622e.png 1024w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>\u60c5\u5831\u30b5\u30a4\u30c8\u306e\u3054\u7d39\u4ecb<\/h2>\n<p>\u30b7\u30b9\u30c6\u30e0\u958b\u767a\u306b\u304a\u3051\u308b\u54c1\u8cea\u3092\u4e2d\u5fc3\u306b\u7d39\u4ecb\u3055\u308c\u3066\u3044\u308b\u30a8\u30f3\u30b8\u30cb\u30a2\u5411\u3051\u306e\u60c5\u5831\u30b5\u30a4\u30c8\u3067\u3059\u3002<\/p>\n<p>\u3054\u8208\u5473\u3042\u308b\u65b9\u306f\u305c\u3072\u30a2\u30af\u30bb\u30b9\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<p><a href=\"https:\/\/sqripts.com\/\" target=\"_blank\" rel=\"noopener\">\u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0\u3092\u9032\u5316\u3055\u305b\u308b\u54c1\u8cea\u30e1\u30c7\u30a3\u30a2\uff1aSqripts<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bolt\u3092\u4f7f\u7528\u3057\u3066Slack Bot\u3092\u4f5c\u6210\u3057\u3066\u307f\u308b &nbsp; \u3053\u306e\u8a18\u4e8b\u306e\u5bfe\u8c61\u8005 Bolt\u3092\u4f7f\u7528\u3057\u3001Slack Bot\u3092\u59cb\u3081\u3066\u4f5c\u6210\u3057\u3088\u3046\u3068\u3057\u3066\u3044\u308b\u65b9 &nbsp; bolt\u3068\u306f\uff1f Bolt \u306f Slack API \u3092\u4f7f\u3044\u3084\u3059\u304f\u3059\u308b\u305f\u3081\u306e \u2026<\/p>\n","protected":false},"author":3,"featured_media":3017,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[64],"tags":[],"class_list":["post-3000","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nodejs"],"_links":{"self":[{"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/posts\/3000","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/comments?post=3000"}],"version-history":[{"count":0,"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/posts\/3000\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/media\/3017"}],"wp:attachment":[{"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/media?parent=3000"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/categories?post=3000"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/tags?post=3000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}