セルの大きさを変えてみよう(列幅・行の高さ)

STEP 08 列幅・行の高さを変える
〜マス目の大きさを変えたり、まとめて揃えたりしてみよう〜

第1章 スプレッドシートを触ってみる / 目安15分

セルの大きさを変えてみよう|STEP08

「このマス目、もう少し広かったらいいのに」

Googleスプレッドシートを使っていると、そんなことがあります。

文字が入りきらなかったり、逆に余白が大きかったり。

そんなときは、列の幅や行の高さを変えてみましょう。

境目をドラッグすれば大きさが変わり、ダブルクリックすれば文字に合わせてくれます。スマホ(携帯・スマートフォン)でもできます。

今日は、STEP07の表を使って、実際にやってみます。

今日のゴール

  • 列の幅と行の高さを変える
  • 文字に合わせて自動で調整する
  • 何列・何行もまとめて揃える
  • 数字(ピクセル)で大きさを決める・今の大きさを調べる
  • 行の高さが自動で変わらないときの直し方を知る
  • スマホで大きさを変える
  • 列の幅だけをコピーする

まず、STEP07の表を開いてみよう

STEP07の最後の表を開きます。

STEP07の終わりの表。A7とA8の商品名が2行に折り返されている画面
A7・A8の商品名が2行になっています

A7・A8の商品名が、2行になっています。

「国産りんごジュース100%」も、「アメリカ産オレンジジュース」も、もう少し横に広かったら1行で入りそうです。

今日は、このセルの大きさを変えてみます。

列の境目をドラッグして広げる

まずは、A列を広げてみましょう。

画面の上にある列名の「A」と「B」の間の境目にマウスを置きます。

マウスポインタの形が変わったら、そのまま右へドラッグします。

A列が広くなりました。

すると……

あれ、商品名が1行に戻った!

A列を広げて、A7とA8の商品名が1行で表示された画面
A列を広げると、商品名が1行になりました

A7の「国産りんごジュース100%」が、1行で表示されました。A8の商品名も同じです。

STEP07では、文字をセルの幅に合わせて「折り返す」設定にしました。「折り返す」は、セルの幅に合わせて文字を折る設定です。

今回は幅が広くなったので、折り返す必要がなくなりました。STEP07で設定した「折り返す」が、ここでつながりました。

E列も広げてみる

同じように、列名の「E」と「F」の間の境目を右へドラッグして、E列も広げてみます。

E列を広げても、E7とE8の備考が2行のままの画面
E列を広げても、備考は2行のままです

こちらは、2行のまま変わりません。

A列とE列の違いは、設定の違いです。A列の商品名は「折り返す」設定、E列の備考はSTEP07でセルの中で改行した文字です。改行は「ここで次の行へ」と自分で決めたものなので、幅を広げても1行には戻りません。

「改行」と「折り返して表示」の違い(STEP07)

A列は1行に戻ったのに、E列は2行のまま。改行と折り返しは別ものなんだね。

ところで、A列を広げても、7行目と8行目の高さは変わっていません。今回は、E7・E8の備考が2行なので、7行目と8行目の高さも2行分になっています。

文字に合わせて調整する

E列を広げすぎて、余白が大きくなりました。

「文字が全部入るくらいにしたいけれど、ちょうどいい幅を自分で探すのは面倒……」

そんなときは、文字に合わせて調整できます。

列名の「E」と「F」の間の境目をダブルクリックします。

E列の境目をダブルクリックして、備考の文字に合わせた幅になった画面
E列が、備考の文字に合わせた幅になりました

E列の幅が、備考の文字に合わせて変わりました。自分で少しずつドラッグしなくても、ちょうどいい幅になります。

何列もまとめて揃える

ここからが今日の山場です。

1列ずつ幅を変えるのは、ちょっと面倒です。たとえば、「B列、C列、D列を同じ幅にしたい」というとき。

① 揃えたい列をまとめて選ぶ

列名の「B」から「D」までドラッグします。3列がまとめて選ばれます。

列名のBからDまでをドラッグして、3列を選んでいる画面
B〜Dの3列を選びました

※「B」をクリックしてから、Shiftキーを押しながら「D」をクリックしても同じです。

② どれか1つの境目をドラッグする

選んだまま、B〜Dのうちどれか1つの列の境目をドラッグします。

すると……選んだ3列が、まとめて同じ幅になりました。

B列からD列を選んだまま境目をドラッグして、3列がまとめて同じ幅に広がった画面
B〜Dの3列が、まとめて同じ幅になりました

「この列とこの列を同じ幅にしたい」「いくつかの列を均等にしたい」というときに使えます。

③ 数字でぴったり揃える:右クリックして「列 B - D のサイズを変更」

幅を数字で決めることもできます。3列を選んだまま進めます。

選んだ列名の上で右クリックすると、メニューが出ます。「列 B - D のサイズを変更」を選びます。

B列からD列を選んで右クリックし、「列 B - D のサイズを変更」が表示されているメニュー
何列か選んで右クリックすると、まとめて変えられます

※1列だけ選んでいるときは「単一列のサイズを変更」と表示されます。

④「100」と入力して「OK」

開いた画面の入力欄に100と入力して、「OK」を押します。単位はピクセルです。

「列 B - D のサイズを変更」の画面で、入力欄に100と入力しているところ
100と入力して「OK」を押します

B・C・Dの3列が、100ピクセルの同じ幅に揃いました。

B列からD列が100ピクセルの同じ幅に揃った画面
B〜Dの3列が、100ピクセルに揃いました

行も同じです。行番号をまとめて選んで右クリックすると、高さを揃えられます。

表全体をまとめて揃える

B〜Dの3列でやったことは、表全体でも同じようにできます。

列名「A」の左、行番号「1」の上にある左上の白い四角をクリックすると、シート全体が選ばれます。

そのまま、どこか1つの列の境目をドラッグすると、すべての列が同じ幅になります。やり方は、上の「① 揃えたい列をまとめて選ぶ」「② どれか1つの境目をドラッグする」と同じです。

全部選んだまま、どこか1つの列の境目をダブルクリックすると、列ごとに、それぞれの文字に合わせた幅になります。表全体を一度に整えたいときに使えます。

シート全体を選んでAとBの境目をダブルクリックし、列ごとに文字に合わせた幅になった画面
全部選んでダブルクリックすると、列ごとに文字に合わせた幅になりました

行も同じです。全部選んだまま、行番号の「1」と「2」の間の境目をダブルクリックすると、行ごとに、それぞれの文字に合わせた高さになります。

シート全体を選んで行番号1と2の境目をダブルクリックし、行ごとに文字に合わせた高さになった画面
1行の行は1行分、2行の行は2行分の高さになりました

行の高さも変えてみよう

今度は、行の高さを変えてみます。

画面の左にある行番号の「7」と「8」の間の境目にマウスを置きます。

マウスポインタの形が変わったら、上へドラッグして、7行目を少し狭くしてみます。

行番号の7と8の境目にマウスを合わせて、ドラッグしているところ
境目にマウスを合わせると、形が変わります

7行目の高さが変わりました。下へドラッグすれば、広くなります。

7行目の境目を上へドラッグして、7行目を狭くした画面
7行目を少し狭くしました

「行の幅」や「縦幅」と呼ぶこともありますが、ここでは「行の高さ」と呼びます。

列 → 幅 / 行 → 高さ

「セルの大きさを変えたい」と思ったら、列と行のどちらを変えたいのかを考えます。

※高さを変えた7行目は、このあと「行の高さが自動で変わらないとき」で使います。

数字で大きさを決める

さきほどの「100」のように、列の幅や行の高さは数字(ピクセル)で決めることができます。

列の幅を数字で決める

  1. 列名(「A」や「B」)を右クリックする
  2. 「単一列のサイズを変更」を選ぶ(何列か選んでいるときは「列 B - D のサイズを変更」のように表示されます)
  3. 入力欄に数字を入れて「OK」を押す

行の高さを数字で決める

  1. 行番号(「1」や「2」)を右クリックする
  2. 「単一行のサイズを変更」を選ぶ
  3. 「行の高さを指定する」の欄に数字を入れて「OK」を押す

何行か選んでから数字を入れれば、全部同じ高さに揃います。

最初の大きさは何ピクセル?

何も変えていないときの大きさは、こうなっています。

場所最初の大きさ
列の幅100ピクセル
行の高さ21ピクセル

今の大きさを調べるには

「今の幅は何ピクセルだろう?」と思ったら、さきほどのサイズを変更する画面を開きます。入力欄に、今の数字が入っています。

調べるだけなら、そのまま「キャンセル」を押せば何も変わりません。

cm(センチ)では指定できません

入力欄に「5cm」のように入れると、「入力された値は数値ではありません。」と出て、変更できません。

5cmと入力してOKを押し、「入力された値は数値ではありません。」と表示された画面
cmで入れると、このメッセージが出ます

Googleスプレッドシートで数字を入れるときは、ピクセルの数字だけです。

行の高さが自動で変わらないとき

「文字を折り返しているのに、行の高さが変わらない」

そんなときは、前に手でその行の高さを変えていないかを思い出してみてください。

手で高さを変えた行は、そのあと文字が2行になっても、自動では広くなりません。文字の下のほうが隠れてしまいます。

さきほど狭くした7行目を見てみます。E7の備考の2行目「店頭POPあり」が隠れています。

手で高さを狭くした7行目。E7の備考の2行目が隠れている画面
手で狭くした7行目は、文字が隠れたままです

「データに合わせる」で元に戻す

  1. 行番号(ここでは「7」)を右クリックする
  2. 「単一行のサイズを変更」を選ぶ
  3. 「データに合わせる」を選んで「OK」を押す
行番号7を右クリックして、「単一行のサイズを変更」が表示されているメニュー
行番号を右クリックして「単一行のサイズを変更」
「行 7 のサイズを変更」の画面で、「データに合わせる」を選んでいるところ
「データに合わせる」を選びます

文字の量に合わせて、行の高さが自動で調整されるようになります。

反対に、「文字が増えても、行の高さは変わってほしくない」ときは、手で高さを決めておけば、そのまま変わりません。

※「行を固定」という言葉は、スクロールしても見出しが表示されたままになる機能のことで、今回の話とは別です。

自動調整のショートカットは?

列の幅や行の高さを自動調整する専用のショートカットはありません(キーボードショートカットの一覧で確認しました)。

境目のダブルクリックか、右クリックからの「データに合わせる」で調整します。

スマホ(携帯・スマートフォン)で大きさを変える

📱 スマホの場合

スマホでは、2種類の●を使います。

  • 青い●……選ぶ範囲を広げる
  • グレーの●……大きさを変える

※iPhoneで確認しています。iPadとAndroidは確認していません。機種やアプリのバージョンによって、表示が少し違う場合があります。

① 列名をタップする

列名(「A」など)をタップすると、列が選ばれます。左右に青い●、列名の右上にグレーの●が出ます。

iPhoneでA列の列名をタップし、列名の右上にグレーの●が表示された画面
列名の右上に、グレーの●が出ます

② グレーの●で大きさを変える

グレーの●を左右にドラッグすると、列の幅が変わります。右へ動かすと広く、左へ動かすと狭くなります。

iPhoneでグレーの●を右へドラッグして、A列を広げた画面。商品名が1行になっている
グレーの●を右へ動かすと、A列が広がりました

③ 文字に合わせるときは、境目を2回タップ

列名の「A」と「B」の境目(グレーの●があるところ)を2回タップすると、文字に合わせた幅になります。パソコンの「境目をダブルクリック」と同じです。

iPhoneでAとBの境目を2回タップして、A列が商品名の長さに合わせた幅になった画面
A列が、商品名に合わせた幅になりました

④ まとめて揃えるときは、先に青い●

列名(「B」)をタップしてから、青い●をスライドして、揃えたい列まで選ぶ範囲を広げます。

iPhoneで青い●をスライドして、B列からD列まで選んだ画面
青い●で、B〜Dの3列を選びました

そのあとでグレーの●を動かすと、選んだ列がまとめて同じ幅になります。

iPhoneでB列からD列を選んだまま、グレーの●で3列の幅をまとめて狭くした画面
B〜Dの3列が、まとめて同じ幅になりました

行も同じです。行番号をタップすると、青い●が上下に、グレーの●が行番号の右下に出ます。

iPhoneで1行目の行番号をタップし、上下の青い●と行番号の右下のグレーの●が表示された画面
行のときは、グレーの●を上下に動かします

スマホでは見つからなかったこと

iPhoneアプリでは、次の2つは見つかりませんでした。列名をタップしたときのメニュー(全部のページ)にも、右上の「…」にもありません。

  • 数字(ピクセル)で大きさを指定する
  • 「列の幅のみ貼り付け」

数字で大きさを決めたいときや、列の幅をコピーしたいときは、パソコンで行います。

列の幅もコピーしたいとき

最後に、列の幅をコピーする方法です。コピーのしかたによって、幅がついてくるときと、ついてこないときがあります。

コピーのしかた列の幅
列ごとコピーする
列名「E」などをクリックしてコピー → 列名を選んで貼り付け
ついてくる
セルの範囲だけコピーする
E1からE8までを選んでコピー → 貼り付け
ついてこない

列ごとコピーすると、幅もついてくる

  1. 列名の「E」をクリックしてE列を選び、コピーする(Ctrl + C)
  2. 貼り付けたい列の列名(ここでは「H」)をクリックして選ぶ
  3. 右クリック →「貼り付け」
列名のEをクリックして、E列を選んだ画面
① E列を選んでコピー
列名のHをクリックして、幅の広いH列を選んだ画面
② H列を選ぶ(いまは幅が広い)
H列で右クリックして、「貼り付け」を選んでいる画面
③ 右クリック →「貼り付け」
H列に備考が貼り付き、H列の幅がE列と同じになった画面
H列が、E列と同じ幅になりました

中身と一緒に、E列の幅もH列についてきました。

セルの範囲だけコピーすると、幅はついてこない

  1. E1からE8までをドラッグして選び、コピーする(Ctrl + C)
  2. 貼り付けたいセル(ここではH1)を右クリック →「貼り付け」
E1からE8までのセルを選んだ画面
① E1〜E8を選んでコピー
H1で右クリックして、「貼り付け」を選んでいる画面
② H1で右クリック →「貼り付け」
H列に備考が貼り付いたが、H列の幅は広いままの画面
中身は入りましたが、H列の幅は広いままです

中身は同じでも、H列の幅は元のままです。

「セルの範囲だけコピーしたけれど、幅も同じにしたい」ときは、特殊貼り付けの中にある「列の幅のみ貼り付け」を使います。

  1. 幅をまねしたいセルを選んでコピーする
  2. 貼り付けたい場所を右クリックする
  3. 「特殊貼り付け」→「列の幅のみ貼り付け」を選ぶ
右クリックメニューの特殊貼り付けを開き、「列の幅のみ貼り付け」が表示されている画面
「特殊貼り付け」の中の、下のほうにあります

名前のとおり、中身は変えずに列の幅だけが貼り付きます。

※特殊貼り付けには、ほかにもいろいろな種類があります。今回は「列の幅のみ貼り付け」だけを使います。

今日わかったこと

やりたいことやり方
列の幅を変える列名の境目をドラッグ
行の高さを変える行番号の境目をドラッグ
文字に合わせる境目をダブルクリック
まとめて揃える何列か選んで右クリック →「列 B - D のサイズを変更」
数字で決める・調べる右クリック →「単一列のサイズを変更」
最初は列100・行21ピクセル。cmは使えない
行の高さが変わらない右クリック →「単一行のサイズを変更」→「データに合わせる」
スマホで変える列名をタップ →グレーの●を動かす
文字に合わせるときは、境目(グレーの●)を2回タップ。まとめて揃えるときは、先に青い●で範囲を広げる
幅だけコピーする特殊貼り付け →「列の幅のみ貼り付け」

そして、今日いちばん覚えておきたいのは、列は「幅」、行は「高さ」ということです。

今日の練習

最後に、今日おぼえたことを使って、表を整えます。

① A列を文字に合わせる

A列の境目をダブルクリックして、商品名が1行で入る幅にします。
もう一度やり方を見る

② B〜D列を同じ幅に揃える

B・C・D列をまとめて選び、73ピクセルに揃えます。
もう一度やり方を見る

③ 9行目に商品を足す(STEP07の復習)

セル入れるもの
A9ギフト用りんごジュース
B9飲料品
C930
D9580
E9お歳暮用のし対応

E9は、「お歳暮用」と「のし対応」の間でセルの中で改行して、2行にします。
もう一度やり方を見る(STEP07・パソコン) / スマホの場合

④ 2〜9行目の高さを揃える

行番号の「2」から「9」までをまとめて選び、右クリックして「行 2 - 9 のサイズを変更」を選びます。「行の高さを指定する」に45と入れて「OK」を押します。
もう一度やり方を見る

行番号の2から9を選んで右クリックし、「行 2 - 9 のサイズを変更」が表示されているメニュー
「行 2 - 9 のサイズを変更」を選ぶ
「行 2 - 9 のサイズを変更」の画面で、行の高さに45と入力しているところ
45と入れて「OK」

今日の終わりの表

A 商品名B カテゴリC 在庫数D 単価E 備考
2りんごくだもの10120
3バナナくだもの580
4みかんくだもの8100
5ぶどうくだもの8100
6レモンくだもの8100
7国産りんごジュース100%飲料品12480おすすめ商品
店頭POPあり
8アメリカ産オレンジジュース飲料品20290特売商品
販促グッズあり
9ギフト用りんごジュース飲料品30580お歳暮用
のし対応

もし違っていたら

気になるところ見直す場所
商品名が2行のままA列の境目をダブルクリック
もう一度やり方を見る
7行目の文字が隠れている右クリック →「単一行のサイズを変更」→「データに合わせる」
もう一度やり方を見る
行の高さがバラバラ行番号の2〜9を選んで右クリック →「行 2 - 9 のサイズを変更」→45
もう一度やり方を見る
B〜Dの幅がバラバラB〜Dを選んで右クリック →「列 B - D のサイズを変更」→73
もう一度やり方を見る
E9が1行のままAlt + Enter(iPhoneは「改行を挿入」)
パソコン / スマホ
A列が商品名に合わせた幅になり、B〜D列が73ピクセル、2〜9行目が45ピクセルの高さに揃った完成した表
今日の終わりの表(9行目まで)

この表ができたら、STEP08はクリアです。おつかれさまでした。次回は、この表で続けます。

まとめ

「このマス目、もう少し広かったらいいのに」と思ったら、列の幅や行の高さを変えます。

列は「幅」、行は「高さ」。境目をドラッグすれば変わり、ダブルクリックすれば文字に合わせてくれます。何列かを選んでおけば、まとめて揃えられます。

A列を広げたら商品名は1行に戻ったのに、E列の備考は2行のままでした。STEP07の「折り返す」と「改行」の違いが、ここで目に見えました。

セルの大きさを少し変えるだけでも、表はぐっと見やすくなります。

次のステップ

次回は、セルを結合してみます。次回も、15分だけ一緒にやってみましょう。

次回:STEP 09 セルを結合してみる(準備中)

シトロンただいま旅の途中(経理の計算ツール集)