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のアカデミックプログラムでTableauが無料で使える!!

    こんにちは!エクスチュアインターン生の柳沼です。前回の投稿から期間が…

  2. Tableau

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

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

  3. Tableau

    ネストLODで2重のFIXED関数を使ってみる【Tableau】

    ネストLODとはネストLODとは「入れ子になっているLOD計算」のこ…

  4. ChatGPT

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

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

  5. Tableau

    Tableau : IF文の「集計」「非集計」の混在を解決

    こんにちは、エクスチュア渡部です。これから定期的にTableauやGo…

  6. ブログ

    秋とチラシとリードのスコアリング機能

    こんにちは、インターン生の柳沼です。最近はセミの声もだんだんと聞こえな…

カテゴリ
最近の記事
  1. Adobe Target Recommendations:g…
  2. Conversational Analytics APIでお…
  3. Looker Studioで日付フィルターの開始日・終了日の…
  4. Streamlitでdbt-elementary風ダッシュボ…
  5. Adobe WebSDK FPIDでECIDの復元を検証
  1. 海外カンファレンス

    Adobe Summit 2018 参加レポート(M)
  2. Mouseflow

    Mouseflowで問題解決② -事例ベースで機能紹介-
  3. Adobe Analytics

    異常値検出とは-Adobe Analyticsの指標説明
  4. データサイエンス

    IQをキッカケに理解する統計学の基礎
  5. ChatGPT

    LangChainのソースコードから実装を見てみる(ChatModelのinvo…
PAGE TOP