- 公開日:
スプレッドシートでカウントボタンを作る方法
Google スプレッドシートではクリック一つでシート上のセルの値を1ずつ増やしたり減らしたり出来るカウントボタンを作成することが出来ます。
この記事では、スプレッドシートでカウントボタンを作る方法を分かりやすく紹介します。
スプレッドシートでカウントボタンを作る方法
Google スプレッドシートでカウントするボタンを作成する場合、Google Apps Script(GAS)でスクリプトを作成し、図形描画で作成したボタンにスクリプト割り当てます。

①「挿入」、②「図形描画」を順に選択します。
以下のショートカットキーでも「図形描画」を選択することが出来ます。
OS | ショートカットキー |
---|---|
Windows | Alt+I,W (Google Chrome) Alt+Shift+I,W (その他ブラウザ) |
Mac | Option+I,W (Google Chrome) Option+Shift+I,W (その他ブラウザ) |

長方形の形でボタンを作ります。
①「図形マーク」、②「図形」、③「長方形」を順に選択します。

図形の周りある青い正方形マークをドラッグ&ドロップして好みのサイズにします。

図形内でダブルクリックします。

図形に文字を入力します。
1ずつ増えるボタンであることが分かるように「▲」とします。

「保存して閉じる」ボタンをクリックします。

作成した図形がシート上に表示されました。
STEP1~6のように、「▼」の1ずつ減るボタンも作成します。

①「拡張機能」②「Apps Script」を順に選択します。

「新しいプロジェクト」ボタンをクリックします。

「名前を変更」をクリックします。

①「プロジェクトタイトル(例:1アップボタン用)」を入力し、②「名前を変更」ボタンをクリックします。

下記のスクリプトをコピーして貼り付けます。
A1セルの値を1増やすスクリプトで、A1セルが数値でない場合は1を返します。
function incrementCell() {
var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
var cell = sheet.getRange('A1'); // セルの位置を指定します(例:A1)
var currentValue = cell.getValue();
if (!isNaN(currentValue)) { // セルが数値の場合のみ
cell.setValue(currentValue + 1);
} else {
cell.setValue(1); // セルが数値でない場合は1に設定
}
}

「プロジェクトを保存」ボタンをクリックします。

STEP 9~10のように新しいプロジェクトを立ち上げ、下記のスクリプトをコピーして「1ダウンボタン用」スクリプトも作成します。
A1セルの値を1減らすスクリプトで、A1セルが数値でない場合は-1を返します。
function decrementCell() {
var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
var cell = sheet.getRange('A1'); // セルの位置を指定します(例:A1)
var currentValue = cell.getValue();
if (!isNaN(currentValue)) { // セルが数値の場合のみ
cell.setValue(currentValue - 1);
} else {
cell.setValue(-1); // セルが数値でない場合は-1に設定
}
}

現在のシートに戻り、図形を選択して右上の3点マークをクリックします。

「スクリプトを割り当て」を選択します。

エディタで1行目のfunction名(例:incrementCell)を選択し、コピーするためにCtrl+Cキーを押します。

① Ctrl+Vキーを押してfunction名をペーストし②「確定」ボタンをクリックします。
これで図形にスクリプトが割り当てられました。

「▲」ボタンをクリックします。

1増える形でカウントされました。
STEP 15~18のように「decrementCell」のスクリプトを「▼」ボタンにも割り当てます。

「▼」ボタンをクリックします。

1減りました。
シート上にカウントボタンが作成できました。