前回でチームシートのグラフも完成し、第9章「チーム成績シートを作る」が終わりました。今回から第10章に入ります。テーマは見た目を整えることです。
これまで作ってきたシートは機能は完成していますが、デフォルトのままでは正直あまり見栄えがよくありません。試合後にチームメンバーに共有したり、ホームページに埋め込んだりすることを考えると、「パッと見てわかる」デザインにしておきたいところです。今回は試合当日（野手）シートの書式設定を一から丁寧にやっていきます。
試合当日（野手）シートの列構成を確認する
書式を整える前に、このシートに何が入っているかを改めて確認しておきます。試合当日（野手）シートは全部で19列あります。
| 列 | 項目名 | 列 | 項目名 |
|---|---|---|---|
| A | 試合日 | L | 二塁打 |
| B | 〇試合目？ | M | 三塁打 |
| C | 打順 | N | 三振 |
| D | 選手名 | O | 四死球 |
| E | 守備 | P | 犠打 |
| F | 打席 | Q | 犠飛 |
| G | 打数 | R | 敵失 |
| H | 安打 | S | 併殺打 |
| I | 本塁打 | （以上19列） | |
| J | 打点 | ||
| K | 盗塁 | ||
19列は横に広いので、そのままでは画面からはみ出てしまいます。「見やすく整える」にはただ色をつけるだけでなく、列幅・固定・非表示の設定も重要になってきます。
整える作業は5つのステップ
今回やることを先に整理しておきます。
| 順番 | 作業内容 | 効果 |
|---|---|---|
| ① | ヘッダー行に背景色をつける | 項目名とデータが視覚的に区別できる |
| ② | ヘッダーのフォントを太字・中央揃えにする | 項目名が見やすくなる |
| ③ | 全体に罫線を引く | 行・列の区切りがはっきりする |
| ④ | 列幅を調整する | 文字が途中で切れなくなる |
| ⑤ | ウィンドウ枠を固定する | スクロールしても選手名・試合日が常に見える |
① ヘッダー行に背景色をつける
まず1行目（ヘッダー行）に背景色をつけます。色はどれでも構いませんが、薄めの落ち着いた色を選ぶと長時間見ても目が疲れにくくなります。今回は薄いグレーブルー（#CFE2F3）を使います。
行番号「1」をクリックすると、1行目全体が選択されます（A1〜S1がすべて青くなった状態）。
ツールバーの塗りつぶしアイコン（バケツのマーク）右の▼をクリックし、「カスタム」を選んで #CFE2F3 を入力します。または好みの薄い色を直接選んでもOKです。
ヘッダーに濃い色を使うと、その上に白文字を重ねないと見づらくなります。一方、薄い色なら黒文字のままでも十分見やすく、設定もシンプルに済みます。
チームカラーが決まっているなら、そのカラーを薄くしたもの（透明度を上げたイメージ）をヘッダーに使うとチームらしさが出ます。
② ヘッダーのフォントを太字・中央揃えにする
ヘッダー行（1行目）を選択したまま続けて操作します。
ツールバーの「B」ボタン（または Ctrl＋B）をクリックします。項目名が太字になり、データ行との差がはっきりします。
ツールバーの横揃えボタンから「中央揃え」を選びます。項目名が各列の中央に配置され、数値の列と見た目が合います。
③ 全体に罫線を引く
次にデータが入っている範囲全体（A1〜S列のデータがある行まで）に罫線を引きます。罫線があると行と列の区切りが明確になり、ホームページで表示したときに格段に読みやすくなります。
A1セルをクリックし、Shift＋Ctrl＋Endキーでデータがある最終セルまで一気に選択します。データが何行あるかわからない場合は A1〜S100 など余裕のある範囲を指定してもOKです。
ツールバーの罫線アイコン（田の字のようなマーク）の▼をクリックし、「すべての罫線」を選びます。全セルに均一な罫線が引かれます。
1行目を選択し直して、罫線アイコンの「下罫線」を選んだあと、罫線の太さを「2px」にすると、ヘッダーとデータの区切りがより明確になります。細かい設定なので、気にならなければスキップしてもOKです。
④ 列幅を調整する
19列あるうち、「試合日」「選手名」のように文字が長い列と、「本塁打」「犠打」のように数字1桁しか入らない列では必要な幅がまったく違います。全列を同じ幅にすると横に広すぎて見づらくなります。
全列を選択（列Aの見出しをクリックし、Shift＋列Sの見出しをクリック）したあと、任意の列見出しの右端にマウスを当てると矢印カーソルに変わります。その状態でダブルクリックすると、すべての列幅が内容に合わせて自動で調整されます。
これだけでほぼ適切な幅になります。「試合日」列が広すぎる・狭すぎるといった場合は、その列だけ個別にドラッグして微調整してください。
打席・打数・安打・本塁打…と続く数値列は、項目名が2〜3文字で数値も1桁です。これらの列は幅を45〜55px程度まで小さくしてまとめると、横スクロールなしで多くの列を一画面に収めやすくなります。一方で「試合日」（A列）と「選手名」（D列）は文字が長いので、80〜120px程度確保しておくと表示が崩れません。
⑤ ウィンドウ枠を固定する
19列あるシートで右にスクロールすると、「試合日」「選手名」が見えなくなってしまいます。ウィンドウ枠の固定を使うと、スクロールしても特定の行・列を常に表示し続けることができます。
メニューバーの「表示」→「固定」→「1行」を選びます。1行目が固定され、下にスクロールしても項目名が常に表示されます。
「表示」→「固定」→「列D まで」を選びます。右にスクロールしても試合日・試合番号・打順・選手名が常に左端に表示され、どの成績列を見ていても誰のデータかがわかります。
「1行の固定」と「D列までの固定」は同時に設定できます。両方設定すると、縦スクロールしても項目名が、横スクロールしても選手名が、常に表示され続けます。19列あるシートでは特に効果的な設定です。
仕上げ：数値列の表示形式を整える
もう一手間かけると、さらに見やすくなります。数値列（F〜S列）のデータは右揃えにするのが表の基本です。
F列の見出しをクリックし、Shift＋S列の見出しをクリックして複数列を選択します。
ツールバーの横揃えボタンから「右揃え」を選びます。数値列が右揃えになり、桁がそろって読みやすくなります。
以上5つの設定が完了すると、試合当日（野手）シートはこのような状態になります。
| 試合日 | 〇試合目 | 打順 | 選手名 | 守備 | 打席 | 打数 | 安打 | … |
|---|---|---|---|---|---|---|---|---|
| 1/25 | 1 | 1 | T.MIZUKO | 中 | 3 | 3 | 2 | … |
| 1/25 | 1 | 2 | S.SADA | 投 | 2 | 1 | 0 | … |
ヘッダーが薄いブルーで背景色がつき、太字・中央揃えになっています。罫線が全体に引かれ、数値は右揃えでそろっている状態です。
- 試合当日（野手）シートは全19列——列数が多いので見た目の整理が特に重要
- ヘッダー行に背景色をつけることで、項目名とデータが視覚的に区別できる
- 太字・中央揃えでヘッダーがさらに引き立つ
- 全罫線を引くと行・列の区切りがはっきりし、ホームページ掲載時にも読みやすい
- 列幅の自動調整は全列選択→列境界をダブルクリックするだけ——文字の長さに合わせて一括で調整される
- ウィンドウ枠の固定は「1行＋D列まで」を同時に設定——スクロールしても項目名と選手名が常に表示される
- 数値列（F〜S列）は右揃えにすると桁がそろって読みやすくなる
次回予告
次回は「試合当日（投手）シートの見た目を整える」。投手シートは15列で野手シートより少ないですが、「投球回」の1.1・1.2表記をどう見せるか、完投・完封フラグ列の見せ方など、投手シートならではの整え方のポイントを解説します。
コメント