印刷できるデータレポートをデザインする
中級~14 分0/4 ステップ
印刷できるデータレポートをデザインする
ダッシュボードは画面上では最高ですが、ステークホルダーは今でも、印刷したり、メールに添付したり、スライド資料に貼り付けたりできるものを求めています。きれいで共有しやすいレポートは、アナリストが生み出せる最も価値のある成果物のひとつです。
このレッスンでは、構造化されたレポートのレイアウトを作ります。明快なタイトルブロック、エグゼクティブサマリー、整ったデータテーブル、そしてレポートの日付が刻まれたフッターです。デザインは意図的に落ち着いた高コントラストにしてあり、紙でも画面でも読みやすくなっています。
大切なのは階層構造です。良いレポートは、読み手を見出しからサマリー、そして詳細へと、探し回らせることなく導きます。人が本当に共有したくなるドキュメントを作りましょう。
手順
1
「第4四半期業績レポート」という h1 タイトルを持つレポートヘッダーを追加しましょう。
ヒント: `<header>...<h1 class="text-3xl font-bold">第4四半期業績レポート</h1>...</header>` を使いましょう。
どこに書けばいい?
<!-- ここに印刷できるレポートを作りましょう -->11 行目に書きましょう — そのコメントの下、すでに書いたコードの後ろです。
2
h2 見出しとエグゼクティブサマリーの段落を持つ概要セクションを追加しましょう。
3
地域別の内訳を示すデータテーブルを追加しましょう。
4
レポートに作成日を刻むフッターを追加しましょう。
あなたのコード
html
1
2
3
4
5
6
7
8
9
10
11
12
13
ViBotでバイブコーディング無料メッセージ 0 / 12
このステップで作りたいものを伝えてください。コードを書きます。あとは「適用」をクリックすればエディタに反映されます。 このステップ:「第4四半期業績レポート」という h1 タイトルを持つレポートヘッダーを追加しましょう。
ライブプレビュー
ライブプレビュー