<p data-line="0" class="code-line">先日の10月10日にAmazon QuickSightがリブランディングされて、Amazon Quick Suiteに進化しました。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__748b34baea16a" src="https://embed.zenn.studio/card#zenn-embedded__748b34baea16a" data-content="https%3A%2F%2Faws.amazon.com%2Fjp%2Fblogs%2Fnews%2Freimagine-business-intelligence-amazon-quicksight-evolves-to-amazon-quick-suite%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://aws.amazon.com/jp/blogs/news/reimagine-business-intelligence-amazon-quicksight-evolves-to-amazon-quick-suite/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://aws.amazon.com/jp/blogs/news/reimagine-business-intelligence-amazon-quicksight-evolves-to-amazon-quick-suite/</a></p>
<p data-line="3" class="code-line">そのタイミングでいくつかの追加機能がありますので、触ってみます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/37182e40a493-20251022.png" alt="" class="md-img" loading="lazy"></p>
<p data-line="6" class="code-line">今回はこちらのサイドバーにある、<code>Flows</code>を触ってみます。</p>
<p data-line="8" class="code-line">前回まで触った話は、下記の記事でまとめていますので必要であればご確認ください。この記事で書いてあるテストデータやダッシュボードなどを引き続き使って触っていきます。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__23e8d5e74aab4" src="https://embed.zenn.studio/card#zenn-embedded__23e8d5e74aab4" data-content="https%3A%2F%2Fzenn.dev%2Fmarche%2Farticles%2F3bf561f927936b" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/marche/articles/3bf561f927936b" style="display:none" target="_blank">https://zenn.dev/marche/articles/3bf561f927936b</a></p>
<h2 id="%E4%B8%8B%E6%BA%96%E5%82%99" data-line="11" class="code-line">
<a class="header-anchor-link" href="#%E4%B8%8B%E6%BA%96%E5%82%99" aria-hidden="true"></a> 下準備</h2>
<h3 id="%E3%83%87%E3%83%BC%E3%82%BF%E3%82%BB%E3%83%83%E3%83%88" data-line="12" class="code-line">
<a class="header-anchor-link" href="#%E3%83%87%E3%83%BC%E3%82%BF%E3%82%BB%E3%83%83%E3%83%88" aria-hidden="true"></a> データセット</h3>
<p data-line="13" class="code-line">データセットは前回と同様に架空のテレビ番組のデータを用意しました。</p>
<ol data-line="14" class="code-line">
<li data-line="14" class="code-line">番組表</li>
<li data-line="15" class="code-line">番組メタ情報</li>
</ol>
<p data-line="17" class="code-line">【番組表（合計1070行）】</p>
<table data-line="18" class="code-line">
<thead data-line="18" class="code-line">
<tr data-line="18" class="code-line">
<th>放送日</th>
<th>放送局名</th>
<th>番組名</th>
<th>視聴率</th>
</tr>
</thead>
<tbody data-line="20" class="code-line">
<tr data-line="20" class="code-line">
<td>2025/10/1  6:00:00</td>
<td>ギャラクシーTV</td>
<td>サンライズ・ナビ</td>
<td>8.8</td>
</tr>
<tr data-line="21" class="code-line">
<td>2025/10/1  7:30:00</td>
<td>ギャラクシーTV</td>
<td>モーニング・ブリーズ</td>
<td>10.2</td>
</tr>
<tr data-line="22" class="code-line">
<td>…</td>
<td>…</td>
<td>…</td>
<td>…</td>
</tr>
<tr data-line="23" class="code-line">
<td>2025/10/20  23:00:00</td>
<td>スター・ブロードキャスト</td>
<td>ニュース・スフィア</td>
<td>6.0</td>
</tr>
<tr data-line="24" class="code-line">
<td>2025/10/20  23:55:00</td>
<td>スター・ブロードキャスト</td>
<td>ビート・スポーツ</td>
<td>3.7</td>
</tr>
</tbody>
</table>
<p data-line="26" class="code-line">【番組メタ情報】</p>
<table data-line="27" class="code-line">
<thead data-line="27" class="code-line">
<tr data-line="27" class="code-line">
<th>番組名</th>
<th>ジャンル</th>
<th>番組概要</th>
</tr>
</thead>
<tbody data-line="29" class="code-line">
<tr data-line="29" class="code-line">
<td>サンライズ・ナビ</td>
<td>情報番組</td>
<td>最新のニュースと天気、交通情報をコンパクトに伝える朝の情報番組。</td>
</tr>
<tr data-line="30" class="code-line">
<td>…</td>
<td>…</td>
<td>…</td>
</tr>
<tr data-line="31" class="code-line">
<td>ビート・スポーツ</td>
<td>スポーツ情報</td>
<td>平日のスポーツニュースダイジェスト。プロ野球やJリーグの結果を速報。</td>
</tr>
</tbody>
</table>
<h3 id="%E3%83%80%E3%83%83%E3%82%B7%E3%83%A5%E3%83%9C%E3%83%BC%E3%83%89" data-line="33" class="code-line">
<a class="header-anchor-link" href="#%E3%83%80%E3%83%83%E3%82%B7%E3%83%A5%E3%83%9C%E3%83%BC%E3%83%89" aria-hidden="true"></a> ダッシュボード</h3>
<p data-line="34" class="code-line">参照元データとしてダッシュボードの選択ができるので、前回作成したダッシュボードを利用します。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/8856ecabe817-20251022.png" alt="" class="md-img" loading="lazy"></p>
<h2 id="%E4%BB%8A%E5%9B%9E%E3%81%AE%E9%81%94%E6%88%90%E7%9B%AE%E6%A8%99" data-line="37" class="code-line">
<a class="header-anchor-link" href="#%E4%BB%8A%E5%9B%9E%E3%81%AE%E9%81%94%E6%88%90%E7%9B%AE%E6%A8%99" aria-hidden="true"></a> 今回の達成目標</h2>
<p data-line="38" class="code-line">「<strong>番組表のダッシュボードの、最新の放送日から最高視聴率の番組を放送局ごとに抽出して、その結果をまとめてSlackに送信する</strong>」</p>
<p data-line="40" class="code-line">です。それではやっていきましょう。</p>
<h2 id="integrations" data-line="42" class="code-line">
<a class="header-anchor-link" href="#integrations" aria-hidden="true"></a> Integrations</h2>
<p data-line="43" class="code-line">まずは、Slackと連携するために、IntegrationsでSlackの情報を入力していきます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/1bd01b59d4a5-20251023.png" alt="" class="md-img" loading="lazy"></p>
<p data-line="46" class="code-line">このボタンを押すとこんな感じの画面が立ち上がるので、下のサービスリストから、Slackを選びます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/7f06f60e1d52-20251023.png" alt="" class="md-img" loading="lazy"></p>
<p data-line="49" class="code-line">そうすると、こんな感じのモーダルが立ち上がったので、各情報を入力していきます。Slack側の設定の説明は省きます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/a1f85409afd0-20251023.png" alt="" class="md-img" loading="lazy"></p>
<ul data-line="52" class="code-line">
<li data-line="52" class="code-line">Base URL：<code>https://slack.com/api</code>
</li>
<li data-line="53" class="code-line">Client ID：my client ID</li>
<li data-line="54" class="code-line">Client secret：hogehoge</li>
<li data-line="55" class="code-line">Token URL： <code>https://slack.com/api/oauth.v2.access</code>
</li>
<li data-line="56" class="code-line">Authorization URL：<code>https://slack.com/oauth/v2/authorize</code>
</li>
<li data-line="57" class="code-line">Redirect URLが記載されているので、これをSlack側に設定しておきます。</li>
</ul>
<p data-line="59" class="code-line">各入力が終わったら、<code>Create and continue</code>を押します。問題がなければ成功のお知らせが出てきます。共有ユーザーに関する設定は今回必要なかったのでスキップしてNextをクリックします。</p>
<p data-line="61" class="code-line">そうすると、一覧にSlackが表示されますので、これをクリックして、サインインをしておきます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/135553f763ce-20251023.png" alt="" class="md-img" loading="lazy"></p>
<p data-line="64" class="code-line">サインインが正常に終わったら、Re-Connectに代わると思います。これでSlackとの連携準備完了です。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/8e1f62fb1709-20251023.png" alt="" class="md-img" loading="lazy"></p>
<h2 id="flows" data-line="67" class="code-line">
<a class="header-anchor-link" href="#flows" aria-hidden="true"></a> Flows</h2>
<p data-line="68" class="code-line">それでは早速、Flowsの画面に遷移します。<code>Create flow</code>を押して新しいフローを作成します。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/58b29e95aebe-20251023.png" alt="" class="md-img" loading="lazy"></p>
<p data-line="71" class="code-line">どんなアプリケーションを作るのか聞かれたので、<br>
「<strong>番組表のダッシュボードから、最新の放送日から最高視聴率の番組を放送局ごとに抽出して、その結果をまとめて、Slackで送信するアプリケーション。</strong>」と入力して生成すると考えてくれます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/06a1fd9ec97a-20251023.png" alt="" class="md-img" loading="lazy"></p>
<p data-line="75" class="code-line">今回は、こんな感じのエディターが表示されました。なので、適宜必要な情報を入力していきます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/63e6f650e987-20251023.png" alt="" class="md-img" loading="lazy"></p>
<p data-line="78" class="code-line">ほぼ自動で、ソース先やプロンプトなどが入力されていたため、今回手入力したものはSlackのチャンネルIDのみでした。アクション単位のブロックにプロンプトを入力でき、そのプロンプトの中に、前のブロックで入力されたものなどが変数として入れられるようですね。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/b350a3d6c8ca-20251023.png" alt="" class="md-img" loading="lazy"></p>
<p data-line="81" class="code-line">各アクションが問題なさそうであれば、<code>Run mode</code>でテストしてみます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/5bf6fcbb1191-20251023.png" alt="" class="md-img" loading="lazy"></p>
<p data-line="84" class="code-line">どうやら今回作成したアプリケーションは、Slackのチャンネル情報を入力してスタートする方法になったようです。先ほど入力したIDがデフォルトで入力されている状況でアプリケーションが立ち上がりました。そのままStartします。</p>
<p data-line="86" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/6e3024fe7fd4-20251023.png" alt="" class="md-img" loading="lazy"><br>
<img src="https://storage.googleapis.com/zenn-user-upload/01bc55f1c1f3-20251023.png" alt="" class="md-img" loading="lazy"><br>
<img src="https://storage.googleapis.com/zenn-user-upload/8c801ac993b6-20251023.png" alt="" class="md-img" loading="lazy"><br>
<img src="https://storage.googleapis.com/zenn-user-upload/ebd9fd89775c-20251023.png" alt="" class="md-img" loading="lazy"></p>
<p data-line="91" class="code-line">いい感じに出力されてきました。そして、<code>Send message</code>を押すと、<br>
<img src="https://storage.googleapis.com/zenn-user-upload/48ec2fec4d29-20251023.png" alt="" class="md-img" loading="lazy"></p>
<p data-line="94" class="code-line">こんな感じでSlackに送られてきました。いいですね。</p>
<h3 id="%E3%81%A1%E3%81%AA%E3%81%BF%E3%81%AB%E2%80%A6" data-line="96" class="code-line">
<a class="header-anchor-link" href="#%E3%81%A1%E3%81%AA%E3%81%BF%E3%81%AB%E2%80%A6" aria-hidden="true"></a> ちなみに…</h3>
<p data-line="97" class="code-line">前回の記事の時にも起きていたのですが、ダッシュボード（今回でいうと番組表）を参照する場合は、表示されている内容を元に参照するので、今回もTableのデフォルト表示である、500件表示している中から最新の放送日を取得しているので、データセット上は10月20日までのデータがあるにも関わらず、10月10日を最新として抽出して処理をしているようです。ですので、「分析」上で表のビューを10000 itemsに変更して、念のため放送日降順にした表をダッシュボードに反映して再度Flowsを動かしてみます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/6208b1577ebb-20251023.png" alt="" class="md-img" loading="lazy"></p>
<p data-line="100" class="code-line">そうすると、Flowsの結果が変わりました。ちゃんと20日のデータを見て処理していることがわかります。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/2807c8f03548-20251023.png" alt="" class="md-img" loading="lazy"></p>
<p data-line="103" class="code-line">なので、Flowsを使用して運用を自動化する場合は、常にデフォルトで自動化したい範囲をダッシュボード上で表示しておくようなフィルターの設定などが必要になると思いますので、少しダッシュボードの構成を工夫する必要がありそうです。</p>
<h2 id="%E3%81%95%E3%81%84%E3%81%94%E3%81%AB" data-line="105" class="code-line">
<a class="header-anchor-link" href="#%E3%81%95%E3%81%84%E3%81%94%E3%81%AB" aria-hidden="true"></a> さいごに</h2>
<p data-line="106" class="code-line">今回はFlowsを触ってみました。簡単なプロンプトを入力すれば、外部サービスも含めた構成でアプリケーションが構成されるのはいいなと思います。Flowsのeditor上で勝手に作成してくれるアクションを変更する場合や追加する場合は少し工夫が必要になってくるとは思いますが、雑なアプリケーションでいいのであれば、ダッシュボードを活用した週次レポートなんかはお手軽にできそうな気もしています。</p>


【Quick Suite】Amazon Quick Suiteの機能を触ってみる　～Flows 編～

Discussion