GASからjQueryに２次元配列を渡そうとするとnullが渡される

Question

質問者のレベル

職場で事務関係の仕事をしていたところ、「なんで人間様がこんな単純作業をしなくちゃいけないのだ？？？」と疑問に思い、EXCEL　VBAを使って非効率な業務を人権ある快適な業務に改善していました。
次第にプログラミングの楽しさを感じ、プライベートでこの手の勉強を始めた人間です。
趣味で無線をやっているので、交信の記録をつけたり、参照したりする自分専用のWebアプリを作りたいと思い、GoogleAppsScript（以下GAS）に手を出しました。

HtmlとCSSは最低限触ったことがあります。
以前は勉強のためにApacheで開発環境を用意し、PHPとMySQLを使ってDBを操作するWebアプリを作成したことがあります。
（ただし詳しい内容までは理解していませんので、こうやって勉強している最中です。）

しかし今回は、自分でサーバーを用意せずにWebアプリを完成させられるという点に魅力を感じ、GASを使うこととしました。

前提・実現したいこと

無線の交信記録を管理するため、GAS、Html、jQuery（以下JS）を使って、データの登録と参照を行えるWebアプリのようなものを作成しています。
（データベースにはGoogle スプレッドシートを用いています）

参照機能の大まかな流れは
１　Htmlのform内に配置したbutton要素にonclick="google.script.run.withSuccessHandler……が書いてあり、ボタン押下時に指定したGASの関数が走る
２　GASの関数が、データベース用のスプレッドシートについて
（１）最新行を取得
（２）最初の行から最新行までのデータを、valuesという変数に２次元配列で変数に格納
３　JSで書いた表示用のコードに２次元配列（values）が渡され、良い感じに表示される
となっています。
（Htmlのボタン　→　GAS（配列取得）　→　JS（配列の整形と表示））

発生している問題・エラーメッセージ

登録機能は諸先輩方の知恵を借りてどうにか動くようになったのですが、参照機能を作成中に不可解な挙動にぶつかりました。

まずGAS側で次のコードによって最新行を取得しています

  var last_row = sheet.getRange("A:A").getValues().filter(String).length;

その後、次のコードによって、A1セルから最新行のPセルまでのデータを取得しています。
（spreadsheetやsheetはちゃんと事前に開いてあります）

  var values = sheet.getRange(1, 1, last_row, 16).getValues();
  return(values);

さて、ここからが問題で……

・スプレッドシートに入っているデータが２３２行以下の場合、問題なく動作した
・データが２３３行以上の場合、JSはnullを受け取っていた（うまく送れてない or うまく受け取れてない）
・データが２３３行以上でも、GAS側で「最新行-1行目」までとか、-2行目までとかしか２次元配列に格納しないようにした場合、最新業までは取得できないもののちゃんと配列が渡せていた
・最初の行などの古いデータは参照しないように、例えば「１０行目から最新行まで」のような指定の仕方をしても、２３３行以上データが登録されているとJSはnullを受け取っていた。

という状況に陥っています。
最初は単純にデータサイズが大きくてうまくいっていないのかな？と思ったものの、最後の条件がわからず、質問するに至りました。

該当のソースコード（抜粋）

不必要なまでにidとclassとnameを書いてあります。自覚してます。

    <form>
      <div class="search_form">
        <button type='button' class="search_btn" id="search_btm" name='action' onclick="google.script.run.withSuccessHandler(onSuccess_ref).ref_DB();" value='search'>検索</button><
      </div>
    </form>

    <div id="result">
      <!--ここに結果が表示される-->
    </div>   

function ref_DB(){
  //シートを定義
  var spreadsheet = SpreadsheetApp.openById('スプレッドシートのID');
  var sheet = spreadsheet.getSheetByName('シート名');
  
  //最新行を取得
  var last_row = sheet.getRange("A:A").getValues().filter(String).length;
  
  //最新行までのデータを２次元配列で取得  
  var values = sheet.getRange(1, 1, last_row, 16).getValues();
  return(values);
}

function onSuccess_ref(values){
  $("#result").empty();
  alert(values); /*valuesの中身を確認するデバック用*/

  //Table要素を始める
  var res="<table class=\"result_table\">";
    //DBシートの1行目を引っ張ってきてth要素を整備
  for(var c=0; c<=15; c++){
    res=res+"<th>"+values[0][c]+"</th>";
  }
  
  var length = values.length;
  //２次元配列から行を取り出すfor文
    for(var r=1; r<=length-1; r++){
      res=res+"<tr>";
        //取り出した行の中身をズビャーって取り出すfor文
  　　  for(var c=0; c<=15; c++){
         res=res+"<td>"+values[r][c]+"</td>";
  　　  }
     res=res+"</tr>";
   }
   res=res+"</table>"
   
   $("#result").prepend(res);

}

試したこと

GASの、２次元配列を取得する範囲を指定するコードについて、範囲指定の仕方をいろいろ試してみました。
スプレッドシートのデータは２３４行あります。

  var values = sheet.getRange(1, 1, last_row, 16).getValues();

・(1, 1, last_row, 16)→null
・(1, 1, last_row-2, 16)→成功
・(1, 1, 232, 16)→成功
・(2, 1, 232, 16)→null
・(last_row-50, 1, last_row, 16)→null (最新５０データだけを扱うようにしてみたかった)

まとめ

2次元配列に格納するデータを２３２行目までに制限して取り扱えばうまく行ったので、データサイズがネックなのか？と思いきや、
最新マイナス５０行目から最新行までを取得させるように書き換えたらnullが帰ってきたので、単純にデータサイズが問題ってことではなさそう。

諸賢の知恵をお借りしたいです。

Answer 1

なにが原因かは私にはわかりませんが、少し関数について誤解されているようなので、それについて補足しますね。

getRange(row, column, numRows, numColumns)で、numRows numColumnsは行数、列数を指します。

つまり(last_row = 234と仮定すると）

• (1, 1, last_row, 16) → 1～234行目 → null
• (1, 1, last_row-2, 16) → 1～232行目 → 成功
• (1, 1, 232, 16) → 1～232行目 → 成功
• (2, 1, 232, 16) → 2～233行目 → null
• (last_row-50, 1, last_row, 16) → 184～417行目 → null

となります。

私からは、233行目になにかnullとなるデータが入っているのでは？という仮定です。
getRange(233, 1, 1, 16)
で一度試してみるといいかもしれません。

Comments

[ishiokapl23]

早速のお答えありがとうございます。
getRangeは2つの座標を指定してその範囲を取得するのではなく、始点の座標を指定して、そこから参照する範囲を決めているんですね。誤解していました……。

さて、お勧め頂いたとおり233行目のみを呼び出すようにgetRange(233, 1, 1, 16)してみたところ、お見込みの通り、nullが帰ってきました。
他のデータとの違いを検討した結果、233行目は手入力したデータだったため、日付欄が単純な数字ではなく日付データ（？）扱いになっていました。
Google スプレッドシートの表示形式を「日付」ではなく「書式なしテキスト」としたところ、無事に最新業までのデータを取得することができました。
お陰様で解決することができ嬉しく思います。ありがとうございました！

[macaron_xxx]

解決してよかったです。
試したことまで場合分けしてキチンと書いていただいていたので、問題を発見することができました。
ナイス質問でしたよ。