Canva

Canva×生成AIで“映える”ダッシュボードモックを爆速で作った話

データエンジニアがCanva?

Canvaって、おしゃれなプレゼン資料とか、SNSの投稿画像を作るためのツールでしょ?

少なくとも「データ/BIエンジニアの仕事」とは、まったく縁がない世界だと思ってたんです。

でもある日、ダッシュボードのモックを作る必要があって、ExcelやPowerPointでチマチマ作ってたんですけど、ふと頭をよぎったんですよね。

「これ、毎回めんどくさいな……なんか、もっといい方法ないの?」

そこでなんとなくCanvaを開いて、軽い気持ちで試してみたら——

「え、なにこれ…めっちゃキレイで速い!」

テンプレートも豊富だし、レイアウトも直感的。

しかもChatGPTに仮データを用意してもらえば、ほんの数分で“それっぽいダッシュボード”が完成。

あの、「地味に時間かかるモック作業」から解放された瞬間でした。

この記事では、CanvaとChatGPTを組み合わせて、「秒で映えるダッシュボードモック」を作って、打ち合わせが爆速になった感動体験をシェアします。

ExcelやBIツールでの“地味なストレス”からの脱却

ExcelやBIツールでモックを作るのってちょっと気合が必要でした。

列幅・行の高さ・フォント・色…と気になるポイントが多くて、ちょっとした「見栄え」の調整に時間を取られがち。しかもどれだけ頑張っても綺麗に作るには限度がある。

BIツールをいきなり開くのも、サンプルデータを用意して、データ接続して、チャート設定して…と「モックにしてはやりすぎ」な感覚。

一方、Canvaなら“見た目がいい仮モック”が速攻で作れるんです。(…しかもデータありで)

そこでCanvaの出番…!

まず今回作成したダッシュボードがこちらです。

どうでしょうか?エクセルで作るよりも圧倒的に綺麗にできているのではないでしょうか?データも含めて30分ほどでできているので、他のツールで作成するよりも圧倒的に早くできています。(データも30日×カテゴリ分作成しているので、イメージも掴みやすいのではないでしょうか)

Canvaの細かい使い方はこの記事では触れませんが、Canvaには非常に多くのグラフ表現が用意されており、一般的に使われるグラフであれば、十分に事足ります。しかもグラフの機能は無料でも使えてしまいます….(神すぎ)

ここまでであれば、「エクセルやパワポでもできるのでは?」そう思われた方もいるかもしれません。しかし、Canvaが良いのは裏側のデータが簡単に編集できるところなのです。

データの準備もChatGPTなどの生成AIを使えば一発で済みます。

なんていい時代になったんでしょうか。(涙)

正直1枚目のダッシュボードを作成するのは少し手間がかかりますが、複数枚のダッシュボードイメージを作る時にはすでに作成したグラフの項目名を変更したりすれば良いだけなので、とても簡単です。

ダッシュボードができたら、あとは右上の共有から出力をするだけ!PDFやPNGなど一通りの出力フォーマットには対応しています。

まとめ:CanvaとChatGPTで、モック作成が爆速で終わる

従来のBIツールやExcelでのモックづくりは、「ちゃんとやろうとすると時間がかかる」「でもラフにやると伝わらない」というジレンマがありました。

そこに Canvaの“速さと見た目の良さ”+ChatGPTの“仮データ生成力” が加わることで、一瞬で「伝わるモック」ができるようになり、モック作成のスピードが劇的に上がりました。

これはもう、戻れません。

Canvaはただのデザインツールではなく、BI業務でも劇的に使えることが今回わかりました。まだ試したことがない方は、ぜひ一度この組み合わせで爆速モック、作ってみてください!

ベイズとかいうすごいやつ前のページ

LangGraphのソースコードから見る今更聞けないAIエージェント実装(create_react_agent編)次のページ

ピックアップ記事

  1. 最速で理解したい人のためのIT用語集

関連記事

  1. Tableau

    Tableauのテスト自動化を実現する Wiiisdom Ops for Tableau

    こんにちは、エクスチュアの松村です。エンタープライズ系でTab…

  2. Tableau

    Tableauの「WEB編集」機能について理解する

    はじめにTableau Server/Onlineのみで利用可能な「…

  3. ChatGPT

    ChatGPTとVSCodeの連携方法とその使用例:開発効率を飛躍的にアップさせる

    こんにちは、石原と申します。今回のブログが初投稿となります。…

  4. Tableau

    Tableauで見たい期間のみの昨年対比推移グラフを作る方法

    「ある数値の推移に加えて、昨年対比の推移も同時に表示したい」というの…

  5. Tableau

    ツールヒントの中にVizを埋め込む理由・方法

    ツールヒントの中にVizを埋め込むとはこちらがツールヒントの中に埋め…

  6. Cloud Dataflow

    データアナリスト/データエンジニア向けNext19まとめ

    こんにちは、エクスチュア渡部です。2019/4/9-4/11に行わ…

カテゴリ
最近の記事
  1. Streamlitでdbt-elementary風ダッシュボ…
  2. Adobe WebSDK FPIDでECIDの復元を検証
  3. dbt Projects on Snowflakeで作成した…
  4. Dataformでtype:’increment…
  5. dbt Projects on SnowflakeをTASK…
  1. IT用語集

    アーカイブ(Archive)って何?
  2. Tableau

    TableauでTreasure Data上のデータへ接続する方法(2023/0…
  3. Adobe Experience Cloud

    Adobe Experience Platformを調べてみた – …
  4. Adobe Analytics

    Adobe Analytics:Report Builderの小技:リクエストの…
  5. Snowflake

    【速報】Snowflake Summit Builder Keynote 要約
PAGE TOP