⭐第2回:ゼロからはじめる!Googleスプレッドシート × JavaScript 入門『ボタンを作ってみよう』
ねらい
スプレッドシートに“ボタンっぽい”見た目を用意する。
図形/画像 を使って、後でスクリプトを割り当てられる状態に。
ファイルを開く
前回(第1回)作ったスプレッドシートは「練習1」という名前で保存しました。まずは Googleドライブから 練習1 を開きましょう。そこから今回の作業を始めます。
方法A:図形描画で作る(おすすめ)
スプレッドシートのメニュー [挿入]→[図形描画]

2. 四角形を置く → 文字を入力(例:実行)


3. 右上 [保存して終了] をクリック → シート上に配置される
文字は「実行」「更新」「コピー」など、何をするかが一目で分かるラベルに。
方法B:画像アイコンで作る
[挿入]→[画像]→[セルの上に画像] を選ぶ
アイコン画像をアップロードして配置
超重要:「セルの中の画像」は割り当て不可。必ず「セルの上に画像」 を選びます。
この回のゴール
見た目のボタン(図形 or 画像)がシートに置けた
まだ押しても動かない(次回つなげる)
よくあるつまずき(第2回)
「画像がセルの中」になっている → やり直して“セルの上” に置く
図形の文字が小さすぎる → 図形サイズや文字サイズを調整
邪魔な場所に置いた → ドラッグで空きスペースに移動
次回予告
スクリプトを書いて、ボタンに割り当てる → 押して動かす(ここで初回認証)。
#GoogleAppsScript #javascript入門 #クラウド活用 #初心者プログラミング #スプレッドシート自動化
いいなと思ったら応援しよう!
🌿チップでの応援、ほんの少しでも嬉しいです。いただいたご支援は、新しい記事づくりの糧にします。