【コピペでOK！GAS基本操作】セルの背景色を変更する方法

f:id:yukibnb:20200720213929p:plain

こんにちは！
Yuki (@yukibnb) です。

今回はGoogle Apps Script(GAS)を使ってスプレッドシートのセルの背景色(塗りつぶしの色)を変更する方法を紹介します。

セルの背景色(塗りつぶしの色)を取得する方法を知りたい方は以下記事をご覧ください。
www.yukibnb.com

　
では見ていきましょう！

はじめに
《setBackground》セルの背景色を文字列を使って変更する
《setBackgrounds》セルの背景色を二次元配列を使って変更する
まとめ

はじめに

f:id:yukibnb:20200720214052p:plain

今回は上記「売上表」シートを例に使用します。

紹介する方法は2種類です。

《setBackground》セルの背景色を文字列を使って変更する
《setBackgrounds》セルの背景色を二次元配列を使って変更する

状況に応じてお好きな方法を使用ください。

《setBackground》セルの背景色を文字列を使って変更する

f:id:yukibnb:20200720214314p:plain

setBackgroundメソッドを使ってセルの背景色を変更することができます。

括弧内の文字列にはカラーコードを記入します。

memo

カラーコードについては以下記事内の解説をご覧ください。

【コピペでOK！GAS基本操作】セルの背景色を取得する方法

コピペでOK！単一セルの背景色を変更するGAS

f:id:yukibnb:20200720215622g:plain

GIF動画のようにB4セルだけ緑色(#008000)に変更したい場合、以下のように書きます。

  var ss = SpreadsheetApp.getActiveSpreadsheet();
  
  //シート名は置き換えてください
  var sh = ss.getSheetByName("売上表");
  
  //B4セルの背景色を変更する
  sh.getRange(4,2).setBackground("#008000");

　
getRange(4,2)でB4セルを指定し、setBackground("#008000")でB4セルの背景色を緑色(#008000)に変更しました。

ヒント

getRangeを使ったセル範囲の取得(指定)方法がよくわからない場合、以下記事を参照ください。

【図解あり！GAS基本操作】スプレッドシートのセル範囲や値を取得する方法まとめ

コピペでOK！複数セルの背景色を同じ色に変更するGAS

f:id:yukibnb:20200720220258g:plain

GIF動画のようにA1～E4セルまで一括で緑色(#008000)に変更したい場合、以下のように書きます。

  var ss = SpreadsheetApp.getActiveSpreadsheet();
  
  //シート名は置き換えてください
  var sh = ss.getSheetByName("売上表");
  
  //A1～E4セルの背景色を同じ色に変更する
  sh.getRange(1,1,4,5).setBackground("#008000");

　
getRange(1,1,4,5)でA1～E4セルを指定し、setBackground("#008000")でA1～E4セルの背景色を緑色(#008000)に一括変更しました。

単一セルの背景色を変更する時と同じ手順ですね。

コピペでOK！複数セルの背景色をリセットするGAS

f:id:yukibnb:20200720221131g:plain

GIF動画のようにA1～E4セルの背景色をまとめてリセットしたい場合、以下のように書きます。

  var ss = SpreadsheetApp.getActiveSpreadsheet();
  
  //シート名は置き換えてください
  var sh = ss.getSheetByName("売上表");
  
  //A1～E4セルの背景色をリセットする
  sh.getRange(1,1,4,5).setBackground(null);

　
背景色をリセットしたい場合、setBackground()の括弧内にカラーコードの代わりにnullを記入します。

getRange(1,1,4,5)でA1～E4セルを指定し、setBackground(null)でA1～E4セルの背景色をリセットしました。

《setBackgrounds》セルの背景色を二次元配列を使って変更する

f:id:yukibnb:20200720221838p:plain

setBackgroundsメソッドを使ってセルの背景色を変更することができます。

括弧内の二次元配列の要素にはカラーコードを記入します。

コピペでOK！複数セルの背景色をセルごとに異なる色に変更するGAS

f:id:yukibnb:20200720223450g:plain

GIF動画のようにA1～E1セルを#434343に、A2～E2セルを#ffff00に、A3～E3セルを#ffffffに、A4～E4セルを#ff9900にそれぞれ背景色を変更したい場合、以下のように書きます。

var ss = SpreadsheetApp.getActiveSpreadsheet();
  
//シート名は置き換えてください
var sh = ss.getSheetByName("売上表");
  
//二次元配列colorを宣言する
//colorの要素はカラーコードです
var color = [["#434343", "#434343", "#434343", "#434343", "#434343"],
             ["#ffff00", "#ffff00", "#ffff00", "#ffff00", "#ffff00"],
             ["#ffffff", "#ffffff", "#ffffff", "#ffffff", "#ffffff"],
             ["#ff9900", "#ff9900", "#ff9900", "#ff9900", "#ff9900"]];

//複数セルの背景色をセルごとに異なる色に変更する
//※setBackgroundsに二次元配列colorを渡しています
sh.getRange(1,1,4,5).setBackgrounds(color);