- 公開日:
スプレッドシートでカウントボタンを作る方法
Google スプレッドシートではクリック一つでシート上のセルの値を1ずつ増やしたり減らしたり出来るカウントボタンを作成することが出来ます。
この記事では、スプレッドシートでカウントボタンを作る方法を分かりやすく紹介します。
スプレッドシートでカウントボタンを作る方法
Google スプレッドシートでカウントするボタンを作成する場合、Google Apps Script(GAS)でスクリプトを作成し、図形描画で作成したボタンにスクリプト割り当てます。
![「図形描画」を順に選択](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet23.png)
①「挿入」、②「図形描画」を順に選択します。
以下のショートカットキーでも「図形描画」を選択することが出来ます。
OS | ショートカットキー |
---|---|
Windows | Alt+I,W (Google Chrome) Alt+Shift+I,W (その他ブラウザ) |
Mac | Option+I,W (Google Chrome) Option+Shift+I,W (その他ブラウザ) |
![「長方形」を順に選択](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet2.png)
長方形の形でボタンを作ります。
①「図形マーク」、②「図形」、③「長方形」を順に選択します。
![青い正方形マークをドラッグ&ドロップ](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet25.png)
図形の周りある青い正方形マークをドラッグ&ドロップして好みのサイズにします。
![図形内でダブルクリック](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet26.png)
図形内でダブルクリックします。
![図形に文字を入力](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet27.png)
図形に文字を入力します。
1ずつ増えるボタンであることが分かるように「▲」とします。
![「保存して閉じる」ボタンをクリック](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet28.png)
「保存して閉じる」ボタンをクリックします。
![1ずつ減るボタンも作成](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet29.png)
作成した図形がシート上に表示されました。
STEP1~6のように、「▼」の1ずつ減るボタンも作成します。
![「Apps Script」を順に選択](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet30.png)
①「拡張機能」②「Apps Script」を順に選択します。
![「新しいプロジェクト」ボタンをクリック](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet322.png)
「新しいプロジェクト」ボタンをクリックします。
![名前を変更をクリック](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet10-1.png)
「名前を変更」をクリックします。
![プロジェクトタイトルを変更します](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet31.png)
①「プロジェクトタイトル(例:1アップボタン用)」を入力し、②「名前を変更」ボタンをクリックします。
![スクリプトをコピーして貼り付けます](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet34.png)
下記のスクリプトをコピーして貼り付けます。
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に設定
}
}
![プロジェクトを保存」ボタンをクリック](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet33-1.png)
「プロジェクトを保存」ボタンをクリックします。
![「1ダウンボタン用」スクリプトも作成](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet32.png)
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点マークをクリック](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet35.png)
現在のシートに戻り、図形を選択して右上の3点マークをクリックします。
![「スクリプトを割り当て」を選択](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet36.png)
「スクリプトを割り当て」を選択します。
![Ctrl+Cでfunction名をコピー](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet37.png)
エディタで1行目のfunction名(例:incrementCell)を選択し、コピーするためにCtrl+Cキーを押します。
![function名を貼り付けて確定する](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet38.png)
① Ctrl+Vキーを押してfunction名をペーストし②「確定」ボタンをクリックします。
これで図形にスクリプトが割り当てられました。
![「▲」ボタンをクリック](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet39.png)
「▲」ボタンをクリックします。
![スクリプトを「▼」ボタンにも割り当てます。](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet40.png)
1増える形でカウントされました。
STEP 15~18のように「decrementCell」のスクリプトを「▼」ボタンにも割り当てます。
![「▼」ボタンをクリック](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet41.png)
「▼」ボタンをクリックします。
![カウントボタンが作成される](https://g-tips.jp/wp-content/uploads/how-to-create-count-button-in-spreadsheet42.png)
1減りました。
シート上にカウントボタンが作成できました。