第74回 ランキングシートの見た目を整える

関数・自動化

前回までで、ランキングシートの計算式はすべて完成しました。打率・打点・安打・本塁打・盗塁、各部門の上位N件がきちんと自動表示されるようになっています。あとは見た目を整えるだけ——今回はいよいよ仕上げの回です。

数字がどれだけ正確でも、見た目が整っていなければ「ちゃんと見てもらえるシート」にはなりません。ひと手間かけるだけで印象はぐっと変わりますし、操作のほとんどはメニューから選ぶだけの簡単なものです。順番に進めていきましょう。

完成イメージを先に確認する

まずは、今回目指す仕上がりを見てみましょう。

📝 完成後のランキングシートのイメージ(打点部門)
順位 選手名 打点
🥇 1位 SUZUKI 6
2位 OKADA 5
3位 YAMADA 5
4位 SATO 4
5位 ITO 4

ヘッダーは色付き&白文字に、1位の行はゴールドで強調、そして縞模様で行を見分けやすく——たったこの3つだけで印象がガラリと変わります。

今回解説するのは、次の6つの操作です。①列幅・行高の調整 ②ヘッダー行の書式 ③縞模様(交互の背景色) ④罫線の設定 ⑤数値の表示形式 ⑥条件付き書式による1位の自動強調。どれも5分もあれば終わる作業ばかりです。

① 列幅・行高を調整する

まずは選手名や数値が見切れてしまわないよう、列幅を整えるところから始めましょう。

列幅を自動調整する

選手名列(B列など)の列ヘッダー(「B」と書かれた部分)を右クリックし、「列のサイズを変更」→「データに合わせる」を選びます。すると、一番長い文字列に合わせて幅が自動で調整されます。

複数列をまとめて調整したいときは、Ctrl(Macなら Command)を押しながら列ヘッダーを複数選択してから右クリックしてください。

行高を揃える

データ行をすべて選択(行番号をドラッグ)して右クリックし、「行のサイズを変更」→ 任意のピクセル数を入力します。32〜36px にすると、余白が生まれてぐっと読みやすくなります。

② ヘッダー行を色付きにする

ヘッダー行(「順位・選手名・打点」などの見出し行)を色付けすれば、どこが見出しかひと目でわかるようになります。

手順
  1. ヘッダー行のセル範囲を選択する
  2. ツールバーの「塗りつぶし色(バケツアイコン)」をクリックして好みの色を選ぶ
  3. 文字を白くするには「文字色(Aのアイコン)」→ 白を選ぶ
  4. 太字にするには Ctrl+B(Macは Command+B)
おすすめカラー
部門 背景色の例 文字色
打率 青(#1a73e8)
打点・安打・本塁打・盗塁 緑(#34a853)

部門ごとに色を変えておくと、複数のランキングブロックがどこで区切れているか一目でわかるようになります。ただし色を使いすぎるとかえって見づらくなるので、2〜3色以内に抑えるのがコツです。

③ 縞模様(交互の背景色)を設定する

行数が増えてくると、「今どの行を見ているか」がわかりにくくなってきます。そこで効果的なのが、奇数行と偶数行で背景色を交互に変える「縞模様」です。Googleスプレッドシートなら、たった1クリックで設定できます。

手順
  1. 縞模様にしたい範囲(ヘッダーを除くデータ行)を選択する
  2. メニューの「表示形式」→「交互の背景色」をクリック
  3. 右側に設定パネルが開くので、好みのカラーセットを選ぶ
  4. 「完了」をクリック

白と薄いグレー(例:#f8f9fa)の組み合わせが最も無難で読みやすい配色です。派手な色は避けましょう。

⚠️ 条件付き書式と交互の背景色は干渉することがある

このあと設定する「条件付き書式(1位を金色にする設定)」と交互の背景色が同じ範囲に重なると、どちらが優先されるのか迷うかもしれません。答えは、条件付き書式が優先されます。つまり1位の行には条件付き書式の色(金色)が表示され、交互の背景色は2位以降の行に適用される形になります。設定後は意図通りに表示されているか、必ず確認してください。

④ 罫線を設定する

罫線はシンプルに済ませるのが正解です。入れすぎるとかえって煩雑に見えてしまうので、外枠と横線だけに絞るのがおすすめです。

手順
  1. 罫線を設定したい範囲を選択する
  2. ツールバーの罫線アイコン(格子状のアイコン)の右の「▼」をクリック
  3. 「外枠」を選ぶと、表全体の外側に線が引かれる
  4. 続けて「内側の横線のみ」を選ぶと、行間に横線が引かれる
縦線(列の区切り)は省くことが多い

縦線を入れると、表全体が窮屈な印象になりがちです。縞模様と横線さえあれば列の区別は十分につくので、縦線は入れないほうがすっきり見えます。代わりに、ヘッダー行とデータ行の間だけ太めの横線を1本引くと、メリハリのある表になります。

⑤ 数値の表示形式を整える

計算式が正しく動いていても、表示形式がずれているとどうしても見づらくなります。部門ごとに、どこを設定すべきか確認しておきましょう。

📝 部門別の表示形式の設定
部門 望ましい表示 設定方法
打率 .636(小数点以下3桁) 表示形式 →「数値」→「カスタム数値形式」→ .000 と入力
打点・安打・本塁打・盗塁 6(整数) 表示形式 →「数値」→「整数」を選ぶ(デフォルトで整数ならこの設定は不要)

打率のカスタム書式 .000 は、「整数部分を省いて小数点以下3桁だけを表示する」という指定です。0.636 を「.636」という形で表示してくれるので、見慣れた野球の成績表らしい見た目になります。第54回で年間(野手)シートに設定した書式と同じものです。

あらためて、カスタム数値形式の設定手順を確認しておきましょう。

打率列にカスタム書式を設定する手順
  1. 打率の数値が入っているセル範囲を選択する
  2. メニューの「表示形式」→「数値」→「カスタム数値形式」をクリック
  3. 入力欄に .000 と入力して「適用」をクリック
  4. 0.636 が「.636」と表示されれば成功

⑥ 条件付き書式で1位を自動強調する

ランキングで一番盛り上がるのは、やはり1位です。条件付き書式を使って、A列(順位)が「1」の行全体を自動的に金色・太字にする設定をしてみましょう。試合後にデータを更新すれば、新しい1位が自動的に強調される仕組みです。

STEP 1:条件付き書式を開く
  1. 強調したい行全体(A列〜数値列まで)を選択する
  2. メニューの「表示形式」→「条件付き書式」をクリック
  3. 右側にパネルが開く
STEP 2:条件を設定する
  1. 「セルの書式設定の条件」のドロップダウンを「カスタム数式」に変更する
  2. 入力欄に次の式を入力する
=$A3=1

これは「A列の値が1(1位)なら」という条件です。A列だけを絶対参照($A)にすることで、B列・C列にも同じ条件が適用され、行全体が強調される仕組みになります。式のなかの「A3」の「3」は、ランキングデータが始まる行番号に合わせて変更してください。

STEP 3:書式を設定する
  1. 「書式設定のスタイル」で塗りつぶし色を薄い金色(#fff9e6 または #fef9c3)に設定
  2. 太字ボタン(B)をオンにする
  3. 「完了」をクリック

2位・3位にも色を付けたい場合は、「別のルールを追加」から同じ手順で設定できます(例:2位は薄い銀色 #f3f3f3、3位は薄い茶色 #fdf0e0)。ただしルールを増やすほど管理は複雑になっていくので、最初は1位だけに絞っておくのが無難です。

部門タイトルの見出しを付ける

複数の部門が1枚のシートに並んでいる場合、どのブロックがどの部門なのかがひと目でわかるよう、各ブロックの上に見出し行を追加しておきましょう。

✅ 部門タイトル行の設定例
設定項目 おすすめ設定
セル結合 部門ブロックの列数分だけセルを結合して「打点ランキング」と入力
文字サイズ 14〜16pt で少し大きめに
背景色 ヘッダー行より薄めの同系色(例:ヘッダーが青なら薄い水色)
太字 オン
ブロック間の空白行 部門と部門の間に1行空白を入れると見やすい

仕上げのチェックリスト

書式設定が終わったら、次の点を確認してランキングシートを完成させましょう。

📝 完成前の確認チェックリスト
  • □ 選手名が列幅に収まっているか(見切れていないか)
  • □ 打率が「.636」形式で表示されているか(0.636 のままになっていないか)
  • □ 1位行が金色・太字で自動強調されているか
  • □ 縞模様と条件付き書式が干渉していないか(1位は金色、2位以降は縞模様になっているか)
  • □ 部門ごとにタイトル行があり、どのブロックが何の部門かわかるか
  • □ 新しい試合データを入力したとき、ランキングが自動更新されるか(1件テストしてみる)
✅ この記事のまとめ
  • 列幅は「データに合わせる」で自動調整、行高は32〜36pxにすると読みやすい
  • ヘッダー行は背景色+白文字+太字にして、ひと目で見出しとわかるように
  • 縞模様は「表示形式 → 交互の背景色」から1クリックで設定できる
  • 罫線は外枠+内側横線だけに絞るとすっきりする——縦線は入れすぎないのがコツ
  • 打率列にはカスタム数値形式 .000 を設定して、野球らしい表示に整える
  • 条件付き書式のカスタム数式 =$A3=1 で1位行を自動金色強調——データ更新後も自動で追従してくれる
  • これでランキングシートが完全完成です。第8章(ランキングシートの自動化)はこれで全回終了
  • 次回からはいよいよ第9章:チーム成績シートを作るへ進みます

次回予告

次回からは第9章「チーム成績シートを作る」に入ります。第75回のテーマは「チームシートの設計:年度別に管理する理由」。個人成績と並んで、チームとして何勝何敗だったか、打率や防御率がどう推移してきたかを年度別に記録・比較できる仕組みを作っていきます。

▶︎ 次回:【第75回】チームシートの設計:年度別に管理する理由

コメント

タイトルとURLをコピーしました