#TinySpec2019 Slack Dev Meetup in Osaka & Tokyo (in Japanese)

A presentation at TinySpec2019 Slack Dev Meetup Osaka in November 2019 in Tokyo, Japan by Tomomi ❤ Imura

Slide 1

Slide 1

Hello world, Osaka Hello again Tokyo November 7, 2019 (大阪) / November 12, 2019 (東京)

Slide 2

Slide 2

y n i T #TinySpec2019

Slide 3

Slide 3

Slide 4

Slide 4

Slide 5

Slide 5

Kaz Sera Tomomi Imura Brook Shelley Partner Engineer Tokyo Developer Advocate San Francisco Partner Engineer San Francisco

Slide 6

Slide 6

Slide 7

Slide 7

Slack Platform Features & APIs Slack プラットフォームと API の簡単なご紹介 November 7, 2019 #TinySpec2019

Slide 8

Slide 8

Slack で情報を共有してチームをひとつに #TinySpec2019

Slide 9

Slide 9

アプリ連携で仕事をしやすく #TinySpec2019

Slide 10

Slide 10

1,800+ App Directory から インストール可能なアプリ 500,000+ カスタムアプリ / 週 #TinySpec2019

Slide 11

Slide 11

営業 開発 コミュニケーション 分析 サポート 生産性 マーケティング ファイル共有 デザイン 人事 経理 セキュリティ

Slide 12

Slide 12

日本国内のアプリ 営業支援 アナリティクス 人事 生産性 ファイル共有 コミュニケーション ワークフロー 経理

Slide 13

Slide 13

Slack アプリのタイプ 1 App Directory 公開アプリ

Slide 14

Slide 14

Slack アプリのタイプ 2 Custom Apps チーム・組織のみで使 われるカスタム・アプリ

Slide 15

Slide 15

LA TIMES 編集プロセスを Slack アプリで改善! latimes.com へ Slack から記事を投稿 #TinySpec2019

Slide 16

Slide 16

NIKKEI ライブブログを Slack から投稿 絵文字リアクションで「タグ」を 追加できる仕様 #TinySpec2019

Slide 17

Slide 17

POPCORN ROBOT at NVIDIA Nvidia での Slack アプリ活用事例

Slide 18

Slide 18

機能 スラッシュ コマンド #TinySpec2019

Slide 19

Slide 19

機能 メッセージ/通知 #TinySpec2019

Slide 20

Slide 20

機能 Book a conference room Approve expenses Approve file access Request more details インタラクティブ メッセージ #TinySpec2019

Slide 21

Slide 21

機能 メッセージ アクション #TinySpec2019

Slide 22

Slide 22

Block Kit (ブロックキット) セクション 画像 コンテキスト 区切り アクション

Slide 23

Slide 23

Slide 24

Slide 24

Navitime Block Kit 活用事例 #TinySpec2019

Slide 25

Slide 25

APIs Web API HTTP-RPC メソッドを使って おり、HTTP リクエスト・レス ポンスで JSON データを受 け渡す Example: chat.postMessage メ ソッドでメッセージの送信

Slide 26

Slide 26

Events API はサブスクリプションモデル で、 Slack 上でおこるイベントをリスニング APIs Events API Features: - イベントは HTTP リクエストとして送 信 - 必要なイベントのみサブスクライブ - 必要なパーミッションスコープのみを 選択 - Slack workspace と ユーザイベント のデータコレクション Example: team_join イベントは新規 ユーザの加入時に発火

Slide 27

Slide 27

APIs RTM API Real Time Messaging API は WebSocket ベースの API HTTP の受け取り、受け渡しをしない 注)新機能をして加えられたイベントはこの API では受け取れない可能性があります

Slide 28

Slide 28

New Features Spec カンファレンスで発表された新機能のご紹介

Slide 29

Slide 29

Slack アプリツールキット #TinySpec2019

Slide 30

Slide 30

より細やかな権限設定 (Granular Permissions) #TinySpec2019

Slide 31

Slide 31

Slide 32

Slide 32

インストール UI のデザイン変更

Slide 33

Slide 33

Slide 34

Slide 34

? Admin (管理者) APIs and policies

Slide 35

Slide 35

Permissions より細やかな権限設定 (Granular permissions) OPEN BETA インストール画面変更 (Install UI redesign) AVAILABLE 管理系 API とポリシー (Admin APIs & policies) AVAILABLE #TinySpec2019

Slide 36

Slide 36

Block Kit の進化 #TinySpec2019

Slide 37

Slide 37

Block Kit の進化 セクション 画像 コンテキスト 区切り アクション

Slide 38

Slide 38

Block Kit さらに追加された部品 日付の範囲指定 複数選択プルダウン 入力・マルチライン入力 マルチセレクト ラジオボタン チェックボックス 近日中にリリース予定

Slide 39

Slide 39

Block Kit 新しい部品 (New blocks) COMING SOON Block Kit Builder の進化 (Block Kit builder updates) AVAILABLE

Slide 40

Slide 40

より優れた UI 表現 (Surface) #TinySpec2019

Slide 41

Slide 41

モーダルの導入 #TinySpec2019

Slide 42

Slide 42

事例:Qualtrics というアプリでの活用例

Slide 43

Slide 43

Home タブの導入 #TinySpec2019

Slide 44

Slide 44

事例:Google カレンダーでの活用例

Slide 45

Slide 45

事例:Google カレンダーでの活用例

Slide 46

Slide 46

より優れた UI 表現 (Surfaces) メッセージ (Messages) AVAILABLE モーダル (Modals) AVAILABLE Home タブ (App home tab) OPEN BETA

Slide 47

Slide 47

Coming soon in 日本語 on Qiita! App Home & Modals チュートリアル Code sample: https://glitch.com/edit/#!/apphome-demo-note Code in Bolt⚡: https://glitch.com/edit/#!/apphome-bolt-demo-note

Slide 48

Slide 48

Actions

Slide 49

Slide 49

メッセージアクション (昨年発表)

Slide 50

Slide 50

どこでもアクション!

Slide 51

Slide 51

Actions メッセージアクション (Actions from messages) LAUNCHED どこでもアクション (Actions from anywhere) COMING SOON

Slide 52

Slide 52

Slack アプリツールキット より細やかな権 限設定 Block Kit Builder 部品の拡充 Home タブ モーダル どこでもアクショ ン 近日公開予定 api.slack.com で最新の情報をチェック! #TinySpec2019

Slide 53

Slide 53

Slack API ドキュメント: api.slack.com API についてもっ と学ぶ Qiita での日本語チュートリアル: qiita.com/organizations/slack

Slide 54

Slide 54

NEW! Workflow Builder コード不要でフローを作成!

Slide 55

Slide 55

ワークフロービルダー No ! e d co ! 不要フローが ド ー に トリガーを指定 ステップを追加 コ 単 も簡 で 誰 る! つくれ 保存して公開 #TinySpec2019

Slide 56

Slide 56

GUI で作成、JSON 形式で export/import

Slide 57

Slide 57

ワークフロービルダーで作られたフローの一例

Slide 58

Slide 58

#TinySpec2019

Slide 59

Slide 59

今後の拡張予定 #TinySpec2019

Slide 60

Slide 60

Slide 61

Slide 61

共有チャンネル 2万人の有償カスタマーが使用 ore Bef #TinySpec2019

Slide 62

Slide 62

共有チャンネル 2万人の有償カスタマーが使用 r Afte #TinySpec2019

Slide 63

Slide 63

Slacking at Slack Slack 社内では どう Slack を使っているか? #TinySpec2019

Slide 64

Slide 64

Slack 社内 の Bot 達 #TinySpec2019

Slide 65

Slide 65

Slack 社内 の Bot 達 #TinySpec2019

Slide 66

Slide 66

Slack 社内 のチャンネル #cats #TinySpec2019

Slide 67

Slide 67

Slack 社内 のチャンネル #trash-pandas #TinySpec2019

Slide 68

Slide 68

slackcommunity.com Slack プラットフォーム コミュニティ

Slide 69

Slide 69

Slide 70

Slide 70

東京に開発者コミュニティが誕生!🗼 SlackCommunity.com/Tokyo/

Slide 71

Slide 71

● Come talk to us! You belong here. Community Micro-Meetup ● Join SPC Slackcommunity.com ● Connect online Check your inbox! Join your hometown chapter SlackCommunity.com

Slide 72

Slide 72

Thank you! Tomomi Imura (@girlie_mac)