🔍 入力フィルター＋並び替えで一覧が見やすくなる！GASでポップアップから条件を指定 → 日付順に自動整列

「未対応のタスクだけ表示したい」
「期限が近い順に並べたい」
でも、毎回フィルターや並び替えを手でやるのは面倒…

そんなときに便利なのが、Google Apps Script（GAS）を使った “入力式フィルター＆自動並び替え” の仕組みです。

✅ この記事でできること

• ポップアップ入力から任意のキーワードでフィルター

• 対象の列で自動並び替え（昇順）

• 毎回コードを書き換える必要なし！

🧪 使い方のイメージ

1. メニューから「フィルター実行」を選ぶ

2. ポップアップに「未対応」など、表示したいキーワードを入力

3. 指定の列でフィルターをかけ、別の列で自動的に並び替え！

📋 サンプル表の構成例（テスト用データ）

以下のような表をスプレッドシートに作成しておくと、
今回のスクリプトをすぐに試すことができます👇

タスク名,担当者,ステータス,期限
企画資料作成,田中,未対応,2025/08/02
ミーティング調整,山本,対応中,2025/08/01
請求書送付,鈴木,完了,2025/07/30
進捗確認,田中,未対応,2025/08/03
修正対応,山本,完了,2025/07/29
顧客対応,鈴木,未対応,2025/08/01

🧭 スプレッドシートへの貼り付け手順

1. 上の表（カンマ区切りテキスト）をまるごとコピー

2. スプレッドシートのA1セルにペースト
   　※この時点ではすべてがA列に1行ずつ入っているはずです

3. A列全体を選択（列の上の「A」をクリック）

4. メニューから「データ → テキストを列に分割」を選択

5. 表示されるオプションで、**区切り文字を「カンマ」**に指定

✅ これで項目がそれぞれの列に分かれて、表として整います！

📌 貼り付けがうまくいかないときのヒント

• スマホでは「テキストを列に分割」機能が使えないため、PCでの操作がおすすめです

• すでにフィルターが設定されている場合は、一度解除してから貼り付けると安全です

🔧 この表に対応する設定

• ステータス列（C列）でフィルター → 例：「未対応」

• 期限列（D列）で昇順ソート → 締切が近い順に並ぶ！

🧩 コード例（そのまま使えます）

function onOpen() {
  const ui = SpreadsheetApp.getUi();
  ui.createMenu("📋 表ツール")
    .addItem("フィルター実行", "filterAndSortByUserInput")
    .addToUi();
}

function filterAndSortByUserInput() {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("タスクリスト");
  const lastRow = sheet.getLastRow();
  const lastCol = sheet.getLastColumn();
  const range = sheet.getRange(1, 1, lastRow, lastCol);
  const ui = SpreadsheetApp.getUi();

  // ポップアップでフィルター条件を入力
  const response = ui.prompt("ステータスでフィルター", "表示したいステータスを入力してください（例：未対応）", ui.ButtonSet.OK_CANCEL);
  if (response.getSelectedButton() !== ui.Button.OK) return;

  const keyword = response.getResponseText().trim();
  if (!keyword) {
    ui.alert("条件が入力されていません。");
    return;
  }

  // 既存フィルターがあれば削除して再設定
  if (sheet.getFilter()) sheet.getFilter().remove();
  range.createFilter();

  // C列（3列目）に対してフィルターをかける
  const filter = sheet.getFilter();
  filter.setColumnFilterCriteria(3, SpreadsheetApp.newFilterCriteria()
    .whenTextEqualTo(keyword)
    .build());

  // D列（4列目）で昇順に並び替え
  range.sort({ column: 4, ascending: true });
}

✅ 試す手順（フィルター＆解除どちらも操作できます）

1. 上記の表を「タスクリスト」という名前のシートに作成

2. 記事内のコードをGASに貼り付けて保存（メニュー付きバージョン）

3. スプレッドシートを開き直す

4. メニューに追加された「📋 表ツール」から、以下の操作が可能になります：

📌 操作①：フィルターをかけたいとき

• メニュー：「📋 表ツール」→「フィルター実行」

• ポップアップに「未対応」などのキーワードを入力 →
  　該当する行だけ表示＆期限順に並び替えられます！

📌 操作②：すべての行を元通りに戻したいとき

• メニュー：「📋 表ツール」→「フィルターをクリア」

• 現在のフィルターがすべて解除され、全データが再表示されます。

これで、

• フィルター実行 → 必要な情報だけ抽出

• フィルター解除 → 元の一覧に戻す

という一連の流れをメニューだけで完結できます！

⚙️ カスタマイズポイント

• シート名
  　→ タスクリスト の部分を、使っているシート名に変更します
  　例：sheet.getSheetByName("◯◯")

• フィルター対象の列番号
  　→ どの列にフィルターをかけるかを指定します（1=A列, 2=B列, 3=C列…）
  　例：ステータスがC列なら → 3

• 並び替え対象の列番号
  　→ 並び順を決める列（例：日付、優先度など）を指定
  　例：日付がD列なら → 4

• 並び順の指定
  　→ 昇順にする場合は true、降順にしたい場合は false に変更
  　例：ascending: true → ascending: false

💡 応用アイデア

• 担当者名で絞る

• キーワードを複数入力（※次回記事で紹介予定）

• 並び替え対象をプルダウンで選べるようにする（HtmlService活用）

🔚 まとめ

• ポップアップ入力で、毎回自由なフィルター条件が使える

• GASが自動で並び替えまでしてくれるから、一覧が見やすい！

• 一つの関数で、日々の確認作業がグッと時短に

📝 おわりに

毎日のようにスプレッドシートを使っていると、
**「フィルターかけて、並び替えて…」**というルーティン操作が地味に手間だったりします。

今回紹介したように、
GASでちょっとだけ自動化してあげることで、
作業の見通しが良くなり、やるべきことに集中しやすくなります。

💬 「いつも通りの作業」に、ちょっとした仕組みを。

人が判断し、GASが整える。
そんな分担ができると、表の見やすさも仕事の流れもグッとラクになります。

📌 次回は、「複数条件のフィルター」や「列名で対象を指定」など、
より実務で役立つ応用テクニックをご紹介する予定です！

🔖 よかったらこの投稿をスキして、
明日からの仕事に少しだけGASの力を取り入れてみてくださいね。