Have an amazing solution built in RAD Studio? Let us know. Looking for discounts? Visit our Special Offers page!
DelphiRAD Studio

Windows、モバイル、Web向けの壮大なダッシュボードを簡単に視覚化するには?

dashboard visualization featured image alt

この記事は、Ian Barker氏のブログの抄訳です

「ダッシュボード」とは、データをグラフィカルに視覚化したもので、どこにでもあるように見えます。 特に、毎日や毎週のトレンドが非常に個人的な意味を持つようなパンデミックの時代には、このようなものが必要になります。このブログでは、自分のニーズに合わせて簡単にカスタマイズ可能な美しいダッシュボードを紹介します。

視覚化とは、便利なものを美しくする技術

事実や数字を表にしても、それだけでは限界があります。遅かれ早かれ、データをグラフィカルに視覚化することが必要になります。データの視覚化は「百聞は一見に如かず」という言事(ことわざ)のように、ユーザーが情報をより簡単に把握できる最良な手段となります。

ほとんどのDelphiプログラマは、Delphiのほぼすべてのバージョンにバンドルされている基本的なTChartコンポーネントに精通しているでしょう。RAD Studioの最近のバージョン(例えば、10.4 Sidney)では、コンポーネントパレットにTChartコンポーネントを表示するには、インストールの追加オプションの”TeeChart Standard”のにチェックを入れなければインストールされません。TChartコンポーネントのバンドル版は、RAD Studioのエコシステムを支える代表的なサードパーティベンダーの一つであるSteema Software社から提供されています。

ここで紹介しているダッシュボードは、Steema社が制作したもので、同社のProバージョンのTeeChartとTeeGridのパワーを示すものです。詳細は後ほど説明いたします。

ダッシュボードの視覚化とは?

具体的には以下のようなイメージです。とても綺麗ですね。

screenshot 2021 04 10 161831 2400262 2

ダッシュボードの視覚化のデモの入手方法

Steemaダッシュボードのデモプログラムは、GitHubにホストされているhttps://github.com/Steema/TeeChart-FireMonkey-samples/tree/master/Dashboardのサイトから自由にダウンロードできます。

またクロスプラットフォームのGitHubデスクトッププロジェクトを利用して、リポジトリから直接デモプログラムをダウンロードすることもできます。

このデモを試すのに必要なコンポーネントは何ですか?

Steemaのダッシュボード・ビジュアライゼーションのデモを実行するには、Pro版のTeeChartコンポーネントのコピーが必要です。これは、RAD Studioに付属しているバンドル版(TeeChart Std)とは異なります。

実際、バンドル版がインストールされている場合は、Pro版と競合してしまうため、まず完全にアンインストールする必要があります。またSteemaのTeeGridコンポーネントもインストールする必要があります。

TeeChart ProやTeeGridのコンポーネントパックを持っていない場合はどうすればいいですか?

問題ありません。Steemaのウェブサイトには、両コンポーネントライブラリの完全な機能を備えた30日間のトライアル版をダウンロードできます。トライアル版を使用してこのブログを作成しましたが、問題なく動作しました。

トライアル版は、https://www.steema.com/product/vcl からダウンロードできます。

screenshot 2021 04 10 161431 9987767 2

一つ注意することがあります。前述しましたが、RAD Studioのバンドルバージョン(TeeChart Std)を必ずアンインストールしてください。その後、ダウンロードしたインストーラを実行してTeeChart ProおよびTeeGridコンポーネントをインストールしてください。(TeeChart ProおよびTeeGridの対応しているRAD Studioのバージョンは、XE 〜 10.4まで)

ダッシュボードの視覚化のデモの内容は?

さて、デモプログラムのソースコードでは、バンドルしているSQLiteデータベースから読み込みます。ほとんどすべてのデータ取得は、LiveBindingsを使用しており、データアクセスコンポーネントはすべてFireDACのクエリコンポーネントを使用しています。

プログラムの中には、コードでデータを読み込んだり操作したりする部分がいくつかありますが、全体的に手間のかかる作業は、ほぼすべてLiveBindingsで行っています。

screenshot 2021 04 10 190755 9800617 2

ダッシュボードの視覚化は、通常のDelphi FMXフォームで表示するか、HTMLベースの一連のWebページに抽出できます。

TeeChartとTeeGridコンポーネントのパワーを示すだけでなく、RAD StudioとDelphiが、プログラミングソフトウェア開発者の生活をどれだけ楽にしてくれるかを示す、素晴らしいデモになっています。私はよくウェビナーで「Delphiは私のスーパーパワーだ」と言います。他のプログラミング言語ではなかなか実現できない、華やかで便利な視覚化を実現してくれます。

whole dashboard visualization 8629007 2

マップやチャートは、ほとんどの作業をコンポーネント自身が行うことができるインタラクティブなものとなっています。

interactive visualization 8584408 2

最後に

このダッシュボートの視覚化のデモは、FireMonkeyを使用して作成されているおかげで、Windows(もちろん)、macOS、iOS、およびAndroidで動作します。 なお、FMXLinux(詳しくはGetItをご覧ください)では試していませんが、十分に動作する可能性があります。

是非、この素晴らしいデモを試してみてください。 Steemaのコンポーネントはそれ自体が優れていますが、このダッシュボードと組み合わせると、プラットフォーム、デスクトップ、モバイルに関係なく、アプリケーションの魅力をさらに引き出せます。

TeeChartとTeeGridは、Steema Software社の製品で、こちらのサイトから購入いただます。この製品に関するサポートは、Steema Software社によって提供されます。


Reduce development time and get to market faster with RAD Studio, Delphi, or C++Builder.
Design. Code. Compile. Deploy.
Start Free Trial   Upgrade Today

   Free Delphi Community Edition   Free C++Builder Community Edition

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

IN THE ARTICLES