コンテンツへスキップ

印刷できるデータレポートをデザインする

中級~14 0/4 ステップ

印刷できるデータレポートをデザインする

ダッシュボードは画面上では最高ですが、ステークホルダーは今でも、印刷したり、メールに添付したり、スライド資料に貼り付けたりできるものを求めています。きれいで共有しやすいレポートは、アナリストが生み出せる最も価値のある成果物のひとつです。

このレッスンでは、構造化されたレポートのレイアウトを作ります。明快なタイトルブロック、エグゼクティブサマリー、整ったデータテーブル、そしてレポートの日付が刻まれたフッターです。デザインは意図的に落ち着いた高コントラストにしてあり、紙でも画面でも読みやすくなっています。

大切なのは階層構造です。良いレポートは、読み手を見出しからサマリー、そして詳細へと、探し回らせることなく導きます。人が本当に共有したくなるドキュメントを作りましょう。

手順

1

「第4四半期業績レポート」という h1 タイトルを持つレポートヘッダーを追加しましょう。

ヒント: `<header>...<h1 class="text-3xl font-bold">第4四半期業績レポート</h1>...</header>` を使いましょう。

どこに書けばいい?

<!-- ここに印刷できるレポートを作りましょう -->

11 行目に書きましょう — そのコメントの下、すでに書いたコードの後ろです。

2

h2 見出しとエグゼクティブサマリーの段落を持つ概要セクションを追加しましょう。

3

地域別の内訳を示すデータテーブルを追加しましょう。

4

レポートに作成日を刻むフッターを追加しましょう。

あなたのコード

html
13
1
2
3
4
5
6
7
8
9
10
11
12
13

ライブプレビュー

ライブプレビュー