SlackでTableau Vizを自動配信：データへの関心を高めるための実践ガイド

はじめに

この記事は Safie Engineers' Blog! Advent Calendar 2023 13日目の記事です。

こんにちは。データ分析基盤グループでデータアナリストをしているワンです。

データ分析基盤グループに関しては、下記の記事で詳しい情報が掲載されています。この分野にご関心がある方は、ぜひご一読ください。

engineers.safie.link

データを活用したビジネス改善とビジネスサイドとの連携強化の観点から、私たちデータ分析基盤グループはチームにおける主要KPIのモニタリングとアクションへの結び付けを促進する文化を築くことを目指しています。

セーフィーでは、データの可視化ツールとしてTableauを採用しておりますが、その利用率とデータ活用文化を向上させるために、

• 適切なタイミングで
• 適切な人々に
• 適切なコンテンツを

提供することを重視しています。

Tableauで構築したVizをチームメンバーが日常的に使用するSlackに自動連携させることで、データへの迅速なアクセスが可能となり、より効率的な意思決定が行えるようになり、全体としてビジネスの成果向上を期待できます。

それを実現するために、GASでTableau VizをSlackに自動配信する仕組みを実装してみました。

この記事では、Google Apps Script (GAS)を使用して、Tableau VizをSlackに自動連携する方法を紹介します。

準備

• Tableauで配信したいVizを用意します。
• Tableauのアカウントが必要です。
• Slackでボットを作成し、トークンを取得します。

手順

Tableau Vizのサブスクライブ

連携したいTableau Vizを選択し、サブスクライブ機能を使って、Gmailに定期配信します。

TableauのログインとVizの選択

• Tableau Cloud にログインします。
• Vizの選択
  • 配信したいTableau Vizを開き、配信したいものを選びます。

サブスクリプション機能の設定

• サブスクリプション機能のアクセス
  • ビューのツールバーで、[Watch (視聴)] > [サブスクリプション] を選択します。

• サブスクリプションの詳細設定

  • 配信するメールアドレスを選びます。Tableau登録時に使用したユーザーのメールアドレスに配信したいVizを送信します。個人メールアドレスよりは、管理面や効率的に情報伝達を考えてチームグループのメールアドレスに配信するように設定します。

• 配信する頻度とスケジュールを選択します。今回は毎日朝08:55で指定しています。

• サブスクリプションの確認
  • すべての詳細を確認した後、[サブスクリプション] ボタンをクリックしてサブスクリプションを完了します。

Slack Botの作成とトークンの取得

Slackボットの作成、設定、トークンの取得、インストールを手順に従って完了します。

Appの作成

• Slackの公式サイトにログインした状態で、アプリケーションページ へ移動します。
• [Create New App] をクリックし、[From Scratch] を選択します。
• アプリに名前と対象のSlackワークスペースを指定し、[Create App] をクリックしてアプリを作成します。

Bot機能の追加とOAuthの設定

• 先に作成したApp のページに移動します。このページ内で、Basic Information / Building Apps for Slack / Add features and functionality で、[Bots] を選択します。
• App Homeのページに移動します。こちらで [Review Scopes to Add] を選択します。
• OAuth & Permissions のページに移動します。少しスクロールして、[Scope] 下の [Bot Token Scopes]で、必要なスコープを追加します。
  • chat:write
  • files:write
  • users:read
  • users:read.email
• OAuth & Permissions のページで、[Redirect URLs] を追加します。
  • https:///auth/add_oauth_token を追加します。 * にはワークスペースのURLが入ります。

Bot Tokenの確認

• OAuth & Permissions のページで、OAuth Tokens for Your Workspaceの下で、[Bot User OAuth Token]をコピーします。

APPのインストール

• [Settings] から [Basic Information] を選び、TableauInsightBot AppをSlack ワークスペースにインストールします。

投稿させるSlack Botをチャンネルに招待する

作成したBotを該当チャンネルに招待します。

• [Intergrations]をクリックし、[Add apps]で先ほど作成したBotを該当チャンネルに招待します。例えば仮に #daily_notification_tableauのチャンネルに招待しました。

  

Google Apps Scriptの設定

GASの新規作成

• Google Apps Script からProjectを新規作成します。

GASの編集

• 作成したGASファイルに、下記コードをコピペします。例は毎日配信のスクリプトです。

function Tableau2Slack() {
  // スクリプトプロパティからトークンを取得
  var scriptProperties = PropertiesService.getScriptProperties();
  var SLACK_TOKEN = scriptProperties.getProperty('SLACK_TOKEN');

  // 今日の実行日付を取得し、東京タイムゾーンにフォーマットする
  var currentDate = new Date();
  var formattedCurrentDate = Utilities.formatDate(currentDate, 'Asia/Tokyo', 'yyyy-MM-dd\'T\'HH:mm:ss');

  // スクリプトプロパティから前回の実行日付を取得し、フォーマットする
  var lastExecutionDate = scriptProperties.getProperty('lastExecutionDate');
  var formattedLastExecutionDate = lastExecutionDate ? new Date(lastExecutionDate) : null;

  // 今日の実行日付が前回の実行日付と同じ場合は、関数を終了する
  if (formattedLastExecutionDate && formattedCurrentDate === formattedLastExecutionDate) {
    console.log("本日はすでに実行済みです。");
    return;
  }

  console.log("Last execution date: " + lastExecutionDate); // 前回の実行日付をコンソールに出力する

  // Tableauからの自動メール取得（条件に一致する最新のメールを一件取得）
  var Threads = GmailApp.search('from:"[メールアドレス]" subject:"[メールタイトル]"', 0, 1);
  var messages = Threads[0].getMessages();
  var message = messages[messages.length-1];

  // 自動メールから画像と日付を取得
  var attachments = message.getAttachments();
  var date = new Date();
  date.setDate(date.getDate() - 1); // 現在の日付から1日前の日付を取得
  var time = Utilities.formatDate(date, 'Asia/Tokyo', 'yyyy年M月d日');

  // Slack API Bot設定
  var data = {
    'token': SLACK_TOKEN,
    'file': attachments[0],
    'filename': '[ファイル名]',
    'channels': '[配信するチャンネル名]',
    'title': time + '[Tableau Viz名]',
    'initial_comment': '[コメント]'
  };
  var option = {
    'method': 'POST',
    'payload': data
  };
  UrlFetchApp.fetch('https://slack.com/api/files.upload', option);

  // スクリプトプロパティに今日の実行日付を保存する（日付と時刻を含む形式）
  scriptProperties.setProperty('lastExecutionDate', formattedCurrentDate);
};

• コードの下記の情報は適切な値に置き換える必要があります。

  • [メールアドレス]
  • [メールタイトル]　
  • [ファイル名]
  • [Tableau Viz名]
  • [配信するチャンネル名]
  • [コメント]

SLACK_TOKENをプロパティに設定する

• プロジェクトのプロパティ設定

  • GASメニューバーから歯車アイコンの[プロジェクトの設定]をクリックします。
  • [プロジェクトの設定]画面の一番下に[スクリプト プロパティ]があります。

• SLACK_TOKENの追加

  • [プロパティ]フィールドにSLACK_TOKENと入力します。 [値]フィールドにSlackのトークン値を入力します。このトークンはSlack APIから取得したものを使用します。
  • 入力した情報を確認し、「保存」ボタンをクリックします。
  • 今回はスクリプト内でこのプロパティを使用しているので、 PropertiesService.getScriptProperties().getProperty('SLACK_TOKEN') を使用してアクセスします。

GASトリガーの設定

この手順に従って、GASで定期的にスクリプトを実行するトリガーを設定することができます。これにより、例えば毎日特定の時刻にデータを処理したり、定期的なTableauのVizを送信したりする自動化が可能になります。

• GASのメニューバーから時計マークのアイコン[トリガー]を選択します。これにより、[現在のプロジェクトのトリガー]画面が開きます。

• 右下にある「トリガーを追加」ボタンをクリックします。

• この画面でトリガーを設定します。

  • 実行する関数を選択します。
    • 今回の場合はTableau2Slack
  • 実行するデプロイメントを選択します。
  • イベントのソースとして時間主導型を選択します。
  • 頻度の設定
    • [日単位] [週単位]など、スクリプトの実行頻度を選択します。
    • さらに詳細な時間設定（毎日の特定の時間帯、週の特定の日など）を行います。
  • 設定が完了したら、[保存] ボタンをクリックしてトリガーを保存します。

まとめ

この記事では、GASを活用してTableau VizをSlackに自動連携する方法を紹介しました。SlackへのTableau Vizの自動連携が、私たちの業務スタイルに新たな風を吹き込んでいると感じています。

Tableauには既にサブスクリプション機能が備わっており、定期的にメールでのViz配信が可能です。しかし、これらはメールボックスに届くため、日々の業務の中で見落とされがちです。

Slackに連携されるTableau Vizは、日々のコミュニケーションの流れの中で自然に目に触れることが多く、必要な情報をすぐに手に入れられます。これにより、ただのオンライン上にある数字やグラフではなく、「話す」データを共有して、よりダイナミックな議論が生まれ、具体的な行動につながりやすくなります。

たとえば、KPIを示すTableau VizがSlackに投稿されると、そのスレッド内での議論で、その数値をめぐって即座に議論が始まり、必要なアクションが迅速に決定されます。これは、メールで配信されるデータではなかなか起こり得ないことだと思います。

Slackの使い勝手の良さから、データへのアクセスがより手軽で直感的になり、データ利用やTableau利用のハードルが大きく下がることが期待できます。

会議が変わると組織が変わる！？ ～開発本部会のやり方変えてみた話～

「この記事はSafie Engineers' Blog! Advent Calendar 8日目の記事です」

自己紹介と本日のテーマ

セーフィー株式会社 開発本部 エンジニアリングオフィスの武田 智一です。 セーフィーには2023年1月に入社して、エンジニアに対する組織開発全般をおこなっています。エンジニアオフィス（組織開発）って何やっているの？というのはまた別の機会でお話しするとして、 今回はセーフィーのエンジニア全員が参加する

「開発本部会のやり方変えてみた」

のお話しをさせてもらえればと思います。

QA組織を作ろう ～未経験者がQAチームを作るまで～

はじめに

こんにちは！Safie QAグループ（QCDグループ）のグループリーダーの山谷です。前回はテストの業務についてのテックブログを公開しましたが、今回はなりたちについてのお話になります。

私自身はSafieに入社するまではQAエンジニアどころかテストエンジニアとしてもキャリアがない状態で入社してます。 もし同じ状況でQAエンジニアチームを作る人達の何かの参考になれば嬉しいなと思い、ブログを書くことにしました。

ChatGPTの助けを借りて、FastAPIで画像ビューアーを作ってみた

この記事は Safie Engineers' Blog! Advent Calendar 2023 4日目の記事です。

tblsのViewPoint機能を用いたGithub Actions上でのDBドキュメントの自動生成

この記事はSafie Engineers' Blog! Advent Calendar 2日目の記事です。

セーフィー株式会社でテックリードをやっております鈴木敦志です。

セーフィーはクラウドカメラのSaaSを提供しており、現在22万台程度のデバイスに対してカメラ映像をクラウドから視聴する機能を提供しています。 それに加えエンタープライズ向けの権限管理機能や社内向けの販売管理ツールなど複数のサービスを運営しており、各サービスでMySQLのDBを共有しているためDBのテーブル数が肥大化し構造がわかりにくくなり、新機能開発の妨げとなっていました。

本稿ではデータベースのドキュメンテーションツールである tbls を導入し、DBスキーマ管理ツール skeema、ドキュメント生成ツール mkdocs、Github Actionsなどと組み合わせてスキーマ管理からドキュメント生成までをやっていきます。

wscatでcurlみたいにWebSocketの動作確認をする

この記事はSafie Engineers' Blog! Advent Calendar 1日目の記事です。

こんにちは。セーフィー株式会社でバックエンドエンジニアをしている河津です。

アドベントカレンダーついに始まりましたね。初日の記事なので少し緊張します。 今年も様々な領域の記事がたくさん公開されると思いますので、是非他の記事も楽しみにしてくださいませ。

さて今回は、WebSocketを用いているサーバ側のアプリケーションの動作確認にwscatというツールが便利だったよという話をします。

遠隔臨場モード機能とグループコーディングによる開発の進め方の紹介

こんにちは。フロントエンドエンジニアの江守です。 映像閲覧WebアプリであるSafie Viewer（以下Viewer）の開発をしています。 本記事では2023年6月に「Safie Pocketシリーズ」で利用可能となった遠隔臨場モードについて紹介したいと思います。

遠隔臨場モード機能とは

遠隔臨場モード機能とは、「遠隔臨場」での実施記録撮影時に、監督員などのワイプ映像をキャプチャ内に含めた保存ができる機能となります。

具体的には、下記手順にて有効となり、スクリーンショットで撮影いただくことで実施記録として保存することができます。

1. デバイス設定の設定画面で、「遠隔臨場モード」をONにします。

2. Viewerの音声通話を実行し、カメラのON/OFFボタンをONにするとViewer画面上にワイプ映像を表示します。

対応の背景

「Safie Pocketシリーズ」を販売していく中で、いくつかの地方自治体では以下のような独自要件があり、導入が難しいケースがあることが判明しました。

• 受注者は遠隔臨場が行われた記録として、全景と近接の映像をスクリーンショット等で撮影
• 記録の撮影時には必ず監督員の映像を含めて撮影

(出典：石川県 建設現場における遠隔臨場に関する試行要領 概要版)

「Safie Pocketシリーズ」を使いながら遠隔臨場を行う際は、現場サイドでは携帯しているデバイスの音声通話を使い、監督員サイドではViewerの音声通話を使うケースがほとんどかと思います。

要件1つ目については、監督員サイドで音声通話中にスクリーンショットを撮ることで問題はないのですが、要件2つ目については、監督員の映像を表示することが出来ていなかったため対応を行いました。

グループコーディング

弊社フロントエンドエンジニアチームでは、要件やデザインが固まり実装フェーズに移行、または開発がある程度進んだ段階でグループコーディングを行っています。

グループコーディングとはVisual Studio Codeの拡張機能であるLive Share機能を使って、チーム全員でコードの共同編集を行うことです。

グループコーディングを導入した経緯としては下記があります。

• 各メンバーの習熟度向上
  ViewerはフレームワークにAngularを利用しているのですが、長く利用し続けているメンバーもいれば、入社してから初めて利用するメンバーもおり、習熟度に差があります。
  習熟度の高いメンバーからアドバイスを受けることで、習熟度の向上を図ることができます。

• ソースコードの品質向上
  常にレビューしながら開発を進めるため、実装方法の間違いや記載ミス、おかしな変数名があったらその場で修正することができ、ソースコードの品質を向上させることができます。

本開発でもグループコーディングを行い、ビューとロジックが一緒くたとなっている箇所があったので分割したり、不必要な記載を削除することで可読性、コードの品質を向上することができました。

また、Angular 15から安定版になったStandanlone Componentsという新しい機能を採用しました。

汎用モジュールが不要となるためコードの記載量を減らすことができ、スッキリと見通しの良いコードになりました。

まとめ

建設業界では2024年4月から働き方改革によって時間外労働が厳しくなり、遠隔臨場での現場確認の必要性が増してくるのではと考えております。

Pocketシリーズを遠隔臨場でご活用していただくためにも、今後も引き続き改善を進めていきます。

また、お客様の困りごとにスピード感を持って対応するためにも、グループコーディング等の様々な取り組みを行いながらエンジニアの習熟度、ソースコードの品質向上に努めていきます。

Developer Boost 2023 で登壇してきました

フロントエンドエンジニアの阿部です。

2023年7月に開催されたDeveloper Boost 2023で登壇をしてきました。 Developer Boostは登壇者も聴講者も30歳以下の若手デベロッパーを対象としたカンファレンスです。

event.shoeisha.jp

初めての登壇で大きなイベントということで緊張して臨んだのですが、何事もなく終わることができてホッとしています。 今回はこの登壇について振り返っていきたいと思います。

Safie API v2(正式版)の始め方とトライアル方法の紹介

企画本部 AIソリューション部 今野です。Safie DevelopersのPdMを担当しています。

過去に「Safie APIの始め方と動作方法の紹介」にて、Safie API β版の使い方を紹介させて頂きました。投稿から一年半以上経過する訳ですが、Safie APIはSafie Developersと同時にバージョンアップされ、現在はSafie API v2(正式版)として無事に公開することができています。過去の投稿の中ではβ版を正式版とすることが業務目標とお伝えしており、それを達成してこうしてまたBlogを投稿することができて嬉しい限りです。

本投稿では、Safie API v2(正式版)より提供を開始した無料トライアルを実際に使用してみた手順について紹介します。よろしくお願いいたします。

What is データ分析基盤

こんばんは。データ分析基盤グループ所属の大室です。

セーフィーではデータドリブン経営を推進すべく、2021年頃からデータ分析基盤のシステム開発が始まり、2022年に専門の組織「データ分析基盤グループ」が立ち上がっています。

システムも組織も産声を上げたばかりのデータ分析基盤。本記事ではその歴史や背景、組織やアーキテクチャにスポットライトを当てたいと思います！