【ミス半減】GASでスプレッドシートのセルの背景色を変更

-文系卒もプログラミングで無駄な残業を1時間減らそう-

事務職や営業職などの文系職もリスキリングでプログラミングが人気。

しかし、独学はプロに相談できずに挫折することが多いのが現実です。

プログラミングスクールなら、夜遅くでもオンライン上で担当講師がサポート。

しかも今なら、厚生労働省の教育訓練給付金制度で受講料が最大70%OFFです。

挫折しない環境で確実にスキルアップしましょう。

こんな人におすすめ！

• リスキリングで基礎からプログラミングを学びたい人
• 日常業務を自動化して残業時間を減らしたい人
• 転職や副業で有利なスキルを身につけたい人
• 独学で挫折した経験がある人

あっきょ

おかげでぼくも趣味の時間を平日に取れたッス！

あわせて読みたい

【2024年版】GASを基礎から学べるプログラミングスクール3選 GASを基礎から学べるのがプログラミングスクール。 仕事終わりでの夜遅くでも、現役エンジニアの講師にオンラインで質問できるのが魅力的です。 しかし、高い受講料を払…

あわせて読みたい

【2024年最新】スキルアップ＆教養で学べるプログラミングスクールおすすめ7選 教養＆スキルアップで学ぶのスクール選びで重要なのは、学習サポートの内容と到達目標の一致。 学習サポートだけ見てしまうと、到達目標があいまいで途中で挫折すること…

あわせて読みたい

【未経験で月5万】副業のサポートあるプログラミングスクールおすすめ6選 副業未経験の社会人でも、プログラミングスクールを利用すれば月5万円の副収入を目指せます。 現役エンジニアが担当講師だったり、独自の副業案件を提供したりとサポー…

他のおすすめプログラミングスクールはこちら

文系未経験から社内SEになった、あっきょ（ @daily_code_JP）です！

スプレッドシートのセルの背景色を変えたらシートが見やすくなりますよね。

GASのとあるメソッドを1つ使うだけで簡単に背景の色を変えられます。

この記事ではコピペOKのGoogle Apps Scriptのコードで解決します。

誰でも無料で簡単にできますので、お気軽に学んでいきましょう！

サイト運営者

あっきょ

文系未経験から社内SEになった地方の物流企業の社員。一から開発したオリジナルアプリで業務効率化し残業80%減を達成。事務職や営業職のためのプログラミングを学べる『デイコー』を運営。得意な言語 : GAS, JavaScript, Python

詳しいプロフィール

• X

背景の色を変える完成イメージ

GASでスプレッドシートのセルの背景色を変えるコードを作成します。

色をつけることでシートが見やすくなります。

例えば、背景をストライプ状にするとリストの見づらさを改善できます。

これを1クリックでセルの色を変えて見づらさと手間を省いていきます。

背景色を変更する準備

Google Apps Script でセルの色を変更する準備をします。

ファイルは1つ必要です。

スプレッドシートの作成

セルの背景色を変更するスプレッドシートを作成していきます。

この記事では学生の成績表を想定して作ります。

シートには

• 氏名
• 国語
• 数学
• 英語
• 合計

の計5項目を設定して個人の成績を10名分登録します。

スプレッドシートの準備は以上です。

サンプルコードを貼り付ける場所

サンプルコードはGoogle スプレッドシートにコピペ。

上バーの「拡張機能」の中にある「Apps Script」をクリックしてコードを貼り付けます。

背景色を変更するサンプルコードと解説

セルの背景色の変更をするサンプルコードと解説を行います。

setBackgroundメソッド | セルの背景色を変更

setBackgroundメソッドはスプレッドシートの任意のセルの色を変更します。

引数にカラーネームもしくはカラーコードを入れると背景を塗り替えることができます。

サンプルコード

セルの背景色を変更するサンプルコードです。

この例では、「A2～A11」と「C2～C11」のセルの色を黄色に変更します。

function changeCellColor() {
 const sheet = SpreadsheetApp.getActiveSheet();

 //指定したセルの背景を黄色に変更
 sheet.getRange("A2:A11").setBackground("yellow"); //黄色　カラーネーム
 sheet.getRange("C2:C11").setBackground("#ffff00"); //黄色　カラーコード

}

カラーコードとカラーネームの一覧

サンプルコード内の黄色以外の色を使う場合は入力し直す必要があります。

カラーコードとカラーネームを掲載している記事を紹介するので、ご参考ください。

背景色を変更するテスト

実際に、背景色を変更してみましょう。

Apps Scriptの上バーの文字が「changeCellColor」になっていたら、「実行」を押します。

「このアプリはGoogleで確認されていません」と表示した場合はこちら。

あわせて読みたい

【3分で解決】GASの「このアプリはGoogleで確認されていません」を許可する方法 Google Apps Scriptを実行するときに「このアプリはGoogleで確認されていません」と表示されて困っていませんか？ これはコード実行時にセキュリティ上の問題で必ず出る…

実行結果は画像の通りです。

A2からA11、C2からC11が黄色に塗られているのがわかります。

【応用】さらにシートを見やすくする方法

紹介したsetBackgroundメソッドを応用して、スプレッドシートを見やすくなるサンプルコードを3つ用意しました。

背景色を元に戻すコード

セルに色がついている場合は初期化(透明化)することが可能です。

setBackgroundメソッドの引数に「null」を入れるとセルは無色になります。

function deleteCellsColor() {
 const sheet = SpreadsheetApp.getActiveSheet();

 //指定したセルの背景を黄色に変更
 sheet.getRange("A2:A11").setBackground(null); 
 sheet.getRange("C2:C11").setBackground(null);

}

先ほど黄色にした「A2~A11」と「C2～C11」が白色に戻っているのがわかります。

このように、setBackgroundメソッドは色を消すことも可能です。

1行おきに背景色を変更するコード

スプレッドシートに縞模様を追加するサンプルコードです。

このコードでは奇数行ならセルを黄色に変更します。

function changeLinesColor() {
 const sheet = SpreadsheetApp.getActiveSheet();
 const lastRow = sheet.getLastRow();
 const START_COL_NUM = 1; //getRangeメソッドで取得するセル範囲の列番号
 const FIN_ROW_NUM = 1; //getRangeメソッドの行数
 const FIN_COL_NUM = 5; //getRangeメソッドの列数

 //見出しを除いた奇数行なら、セルの色を変更
 for(var i=1; i<=lastRow; i++){
   if(i%2 == 0 || i == 1){
    continue;
   }else{
    sheet.getRange(i,START_COL_NUM,FIN_ROW_NUM,FIN_COL_NUM).setBackground("yellow");
   }
 }

}

1行目の見出しを除いた行の全てがストライプ状になりました。

条件を付けて背景色を変えるコード

条件が一致した行のみ、セルの背景色を変更するサンプルコードです。

この場合、合計が200点以上の場合のみ黄色に塗り替えます。

function chngeColorByBoolean(){
  const sheet = SpreadsheetApp.getActiveSheet();
  const lastRow = sheet.getLastRow();
  const START_COL_NUM = 1; //getRangeメソッドで取得するセル範囲の列番号
  const FIN_ROW_NUM = 1; //getRangeメソッドの行数
  const FIN_COL_NUM = 5; //getRangeメソッドの列数
  const PASSING_GRADE = 200; //合格最低点

  //合格点以上なら、セルの色を変更
  for(var i=1; i<=lastRow; i++){
   const score = sheet.getRange(i,FIN_COL_NUM).getValue();
   if(PASSING_GRADE<=score){
    sheet.getRange(i,START_COL_NUM,FIN_ROW_NUM,FIN_COL_NUM).setBackground("yellow");
   }
  }

}

実行結果です。「合計」列で200点以上のみ、色が変わっています。

おわりに | GASでさらにスキルアップするには

以上、Google Apps Script でセルの背景色を変更する方法でした。

コードを試しに使ったり、日常業務でぜひ利用してください。

GASのスキルアップを狙うなら日々の学習と実践が必要。

GASを効率的に学ぶなら以下の2つの方法が多いです。

• 参考書やオンライン教材で独学
• プログラミングスクールを利用

正しく学ぶことで非エンジニアでも実用的な業務効率化のスキルが身に付きます。

デイコーでは、GASのサンプルコードからおすすめのプログラミングまで幅広く紹介。

初心者にもわかりやすく解説しています。

あっきょ

プログラミングスクールは82社を分析したッス！

次回の記事もご期待ください！

それでは、よいプログラミングライフを！