noteの表をGoogleスプレッドシートから作る方法

2024年12月27日 23:48

noteには表を作る機能がありません。
この記事ではこんな表をgoogleスプレッドシートから簡単に作る方法をお伝えします

$$
\begin{array}{|c|c|c|}\hline
順位 & 都道府県 & 人口 \\ \hline
1 & 東京都 & 14192184 \\ \hline
2 & 神奈川県 & 9223695 \\ \hline
3 & 大阪府 & 8770315 \\ \hline
4 & 愛知県 & 7465250 \\ \hline
5 & 埼玉県 & 7329258 \\ \hline
\end{array}
$$

Googleスプレッドシートとマクロの実行

Googleアカウントが必要です。
マクロ（通称GAS）の使い方が分かる方は、適当に読み飛ばしていただいて構いません。

スプレッドシートを新規作成します。

Chromeでgoogleアカウントにログインします。
スプレッドシートを呼び出します。

次のコードをコピペしてください。

function convertToKaTeXWithBorders() {
  var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
  var range = sheet.getActiveRange();
  var values = range.getValues();
  var result = '\\begin{array}{|' + 'c|'.repeat(values[0].length) + '}\\hline\n';

  for (var i = 0; i < values.length; i++) {
    for (var j = 0; j < values[i].length; j++) {
      var cellValue = values[i][j];
      if (typeof cellValue === 'string') {
        // 予約文字を二重に重ねる
        cellValue = cellValue.replace(/([&%$#_{}~^\\])/g, '\\$1\\$1');
      } else {
        cellValue = String(cellValue);
      }
      result += cellValue;
      if (j < values[i].length - 1) {
        result += ' & ';
      }
    }
    result += ' \\\\ \\hline\n';
  }

  result += '\\end{array}';

  // 結果を表示
  Logger.log(result);
  SpreadsheetApp.getUi().alert(result);
}