GASでGoogleスプレッドシートのセルのフォーマット、文字位置、色、サイズ、けい線などを変えるには：Excel VBAプログラマーのためのGoogle Apps Script入門（3）（2/2 ページ）

» 2017年02月27日 05時00分公開

[薬師寺国安，PROJECT KySS]

前のページへ 1|2 　　　　　　

文字位置、文字色、スタイル、太字かどうか、文字サイズの設定

　次に、文字位置、文字色、スタイル、太字かどうか、文字サイズの設定を行ってみよう。

　メソッドとしては、setHorizontalAlignment、setFontColor、setFontStyle、setFontWeight、setFontSizeを使う。

　setHorizontalAlignmentでは、「left」で左寄せ、「right」で右寄せ、「center」で中央寄せになる。

　setFontColorで指定する色は、表1の「カラー名」か「16進数」が使える。

　setFontStyleでは、「bold」で太字、「normal」で普通の文字となる。

　setFontWeightでは、「Italic」で斜体、「normal」で普通の書体となる。

　ここでは、図1の「品名」と「単価」の文字の各種表示形式を変える。

　ツールメニューから「スクリプトエディタ」を起動し、「文字の各種表示形式設定」というファイルを作成する。「文字の各種表示形式設定.gs」内に、リスト3のコードを記述する。

function myformatFunction() {
  var sheet=SpreadsheetApp.getActiveSheet();
  var range=sheet.getRange("A1:B1");
  range.setHorizontalAlignment("center");
  range.setFontColor("red");
  range.setFontStyle("italic");
  range.setFontWeight("bold");
  range.setFontSize(18);
}

リスト3　文字に各種表示形式を設定するコード

　getRangeで「品名」と「単価」の範囲を取得する（3行目）。

　文字位置は「setHorizontalAlignment」で「center」を指定した（4行目）。

　文字色は「setFontColor」で「red」を指定した（5行目）。

　文字のスタイルは、「setFontStyle」「italic」を使用した（6行目）。

　「setFontWeight」では「bold」を指定した（7行目）。

　文字サイズは「setFontSzie」で「18」と指定した（8行目）。

　実行すると図4のようになる。

図4　文字の各種表示形式を設定した

けい線を引くsetBorderメソッド

　次に、けい線を引いてみよう。下記の書式を指定する。

けい線を引くsetBorderメソッドの書式

range.setBorder(｛上｝,｛左｝,｛下｝,｛右｝,｛垂直｝,｛水平｝,｛けい線の色｝,｛けい線の種類｝)

　けい線を引く位置（｛上｝,｛左｝,｛下｝,｛右｝,｛垂直｝,｛水平｝）には「true」を指定したところは線が引かれる。「false」を指定すると線は引かれない。

　｛けい線の色｝は表1の「カラー名」か「16進数」を指定する。

　｛けい線の種類｝には、下記のいずれかを指定する。

SpreadsheetApp.BorderStyle.DASHED（破線）
SpreadsheetApp.BorderStyle.DOTTED（点線）
SpreadsheetApp.BorderStyle.SOLID(Default)（実践）

　ツールメニューから「スクリプトエディタ」を起動する。開いたエディタ画面から「けい線を引く」というファイルを作成する。「けい線を引く.gs」内に、リスト4のコードを記述する。

function mySetBorderFunction() {
  var sheet=SpreadsheetApp.getActiveSheet();
  var range=sheet.getRange("A1:B8"); 
range.setBorder(true,true,true,true,true,true,"#0000FF",SpreadsheetApp.BorderStyle.DASHED);
}

リスト4　けい線を引くコード

　getRangeメソッドでけい線を引く範囲を指定する（3行目）。

　けい線の色には「青」を指定し、けい線の種類には「破線」を指定した（4行目）。

　実行すると図5のようになる。

図5　けい線を引いた

セルを結合するmergeメソッド

　最後に、セルを結合する方法を紹介しよう。

セルを結合するメソッドの書式

range.merge()

range.mergeAcross()

range.mergeVertically()

　結合したいrangeオブジェクトを取得して、そこにmergeメソッドを使うだけだ。なお、水平方向のみ結合したい場合はmergeAcross、垂直方向のみ結合したい場合はmergeVerticallyを使う

　ここでは図6のデータを使用し、タイトルとして、「商品価格」という文字列を「A11」に入力している。「A11」「B11」のセルを連結して、文字サイズと背景色、文字色、けい線を設定してみよう。

図6　「商品価格」というタイトルを入れた

　ツールメニューから「スクリプトエディタ」を起動し「セルの結合」というファイルを作成する。「セルの結合.gs」内に、リスト5のコードを記述する。

function mymergeFunction() {
  var sheet = SpreadsheetApp.getActiveSheet();
  sheet.getRange("A11:B11").merge();
 
  var range=sheet.getRange("A11:B11");
  range.setHorizontalAlignment("center");
  range.setFontColor("navy");
  range.setFontStyle("normal");
  range.setFontWeight("bold");
  range.setFontSize(22);
  range.setBackground("#00FFFF");
  range.setBorder(true,true,true,true,true,true,"#FF0000",SpreadsheetApp.BorderStyle.SOLID);
}

リスト5　セルを結合して各種表示形式を設定するコード

　セルの結合には、getRangeで結合するセルを指定して、mergeで結合している（3行目）。この例の場合は、mergeAcrossでも問題ない。その後、各種表示形式の設定とけい線の設定を行っている。

　実行すると図7のように表示される。