見出し画像

⭐第2回:ゼロからはじめる!Googleスプレッドシート × JavaScript 入門『ボタンを作ってみよう』

ねらい

  • スプレッドシートに“ボタンっぽい”見た目を用意する。

  • 図形/画像 を使って、後でスクリプトを割り当てられる状態に。

ファイルを開く

前回(第1回)作ったスプレッドシートは「練習1」という名前で保存しました。まずは Googleドライブから 練習1 を開きましょう。そこから今回の作業を始めます。


方法A:図形描画で作る(おすすめ)

  1. スプレッドシートのメニュー [挿入]→[図形描画]

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

3. 右上 [保存して終了] をクリック → シート上に配置される

文字は「実行」「更新」「コピー」など、何をするかが一目で分かるラベルに。


方法B:画像アイコンで作る

  1. [挿入]→[画像]→[セルの上に画像] を選ぶ

  2. アイコン画像をアップロードして配置

超重要:「セルの中の画像」は割り当て不可必ず「セルの上に画像」 を選びます。


この回のゴール

  • 見た目のボタン(図形 or 画像)がシートに置けた

  • まだ押しても動かない(次回つなげる)


よくあるつまずき(第2回)

  • 「画像がセルの中」になっている → やり直して“セルの上” に置く

  • 図形の文字が小さすぎる → 図形サイズや文字サイズを調整

  • 邪魔な場所に置いた → ドラッグで空きスペースに移動


次回予告

スクリプトを書いて、ボタンに割り当てる → 押して動かす(ここで初回認証)。

#GoogleAppsScript #javascript入門 #クラウド活用 #初心者プログラミング #スプレッドシート自動化

いいなと思ったら応援しよう!

風369 🌿チップでの応援、ほんの少しでも嬉しいです。いただいたご支援は、新しい記事づくりの糧にします。