ykokw.xyz blog logo

Blog Posts

No results for 'undefined'Powered by Algolia

Block Kitとは

Block Kit | Slack

  • ざっくりいってしまうと、Slack Apps用のUIフレームワーク
  • Slack Apps開発用のパーツが用意されているのと、それをもとのメッセージ送信やモーダル、Home Appが作れるような仕組みになっている

今回はメッセージ内容をリッチにするべくBlock Kitを試してみました。

UI設計

  • UI設計はBlock Kit Editorを使うと実際の見た目を確認しながら設計ができて便利
  • 基本、 { blocks: [] } の中にメッセージ内容が詰まっていく感じ
  • 「Send to Slack」 でデバッグもできる

アプリに組み込む

chat.postMessage method | Slack

  • メッセージ送信APIでblocksパラメータを指定できるので、Block Kit Editorで作成したJSONデータを渡すだけ

acknowledgment response

  • 動作確認してみた
  • 通知が届くのは確認できた
  • 用意していたボタンをクリックするとワーニングが表示された


This content is built with Gatsby