当サイトの記事にはプロモーションが含まれています。

初心者でもわかる!Google スプレッドシートにサイドバーを追加する方法

パソコンパソコン・スマホ教室
スポンサーリンク

Google スプレッドシートにサイドバーを追加することで、作業効率が大幅に向上します。特に、パソコンやスマホの操作に不安がある方でも、簡単にカスタマイズできる方法をご紹介します。

スポンサーリンク

サイドバーとは?

Googleスプレッドシートのイメージ

Googleスプレッドシートのイメージ

サイドバーとは、スプレッドシートの右側に表示される小さなウィンドウのことです。例えば、グラフの設定やデータの入力補助など、頻繁に使う機能をまとめて表示するのに便利です。

サイドバーを表示するための準備

まず、Google スプレッドシートを開きます。そして、以下の手順でサイドバーを表示する準備をします。

  1. スプレッドシートのメニューから「拡張機能」→「Apps Script」を選択します。
  2. 新しいプロジェクトが開かれたら、左上の「+」ボタンから「スクリプト」を選択し、ファイル名を「サイドバー.gs」とします。
  3. 以下のコードをコピーして貼り付けます。
function openSidebar() {
  const ui = SpreadsheetApp.getUi();
  const htmlOutput = HtmlService.createHtmlOutputFromFile('sidebar');
  ui.showSidebar(htmlOutput);
}

サイドバーのデザインを作成する

次に、サイドバーに表示する内容を作成します。

  1. 再度、左上の「+」ボタンから「HTML」を選択し、ファイル名を「sidebar」とします。
  2. 以下のHTMLコードをコピーして貼り付けます。


  
    

サイドバーへようこそ!

ここに便利なツールを追加できます。

サイドバーを表示する方法

準備が整ったら、スプレッドシートに戻り、以下の手順でサイドバーを表示します。

  1. スプレッドシートのメニューから「拡張機能」→「Apps Script」を選択します。
  2. 先ほど作成した「openSidebar」関数を実行します。

すると、スプレッドシートの右側にサイドバーが表示されます。

このサイトをチップで応援

サイドバーを活用するアイデア

サイドバーを使うことで、以下のような作業が効率化できます。

  • データの入力補助ツールを表示する
  • よく使う関数へのショートカットを作成する
  • 外部データの取得や処理結果を表示する

よくある質問や疑問

Q1: サイドバーを表示するには、毎回「Apps Script」を開く必要がありますか?

はい、初回は「Apps Script」を開いて関数を実行する必要があります。しかし、慣れてくれば、メニューから直接実行することも可能です。

Q2: サイドバーにボタンを追加して、特定の処理を実行できますか?

はい、サイドバーにボタンを追加し、そのボタンがクリックされた際に特定の処理を実行することができます。これには、HTMLとGASの連携が必要です。

Q3: スマホでもサイドバーを表示できますか?

現在、Google スプレッドシートのモバイルアプリでは、サイドバーの表示には対応していません。PC版のブラウザでの利用をおすすめします。

まとめ

Google スプレッドシートにサイドバーを追加することで、作業の効率が大幅に向上します。初めての方でも、上記の手順を参考にして、ぜひ試してみてください。操作に不安がある場合や、さらに詳しいサポートが必要な場合は、お気軽にLINEでお声掛けください。

この記事を書いた人
この記事を書いた人

企業の情報システム部門で10年以上、PC・アカウント・社内ネットワーク・Microsoft 365/Google Workspace運用を担当。年間数百件の問い合わせ対応(PC不調、メール送受信、Excel/Word資料、Teams会議、スマホ連携など)を通じて、初心者がつまずくポイントを「再現→原因切り分け→最短解決」の手順に落とし込んできました

現場や身近で実際に起きたトラブルをベースに、手順だけでなく「なぜそうなるか」「失敗しやすい落とし穴」「安全な設定(セキュリティ)」まで含めて解説します。

相談窓口(問い合わせ/LINE等)を設け、記事で解決しないケースも個別にサポートしていますので「パソコンが急に動かなくなった」「スマホの設定がわからない」などの悩みは一人で抱え込まず、お気軽にご相談ください。

【お問い合わせは下記URLから】
https://m32006400n.xsrv.jp/inquiry-form/

【公式LINEは下記URLから】
https://lin.ee/t8TDjcj

uri uriをフォローする
スポンサーリンク
よかったらシェアしてね! /
uri uriをフォローする

コメント

タイトルとURLをコピーしました