Kintone:ｱﾌﾟﾘ構築手順に関するエラー

Question

前提・実現したいこと

kintoneでｶﾝﾊﾞﾝﾎﾞｰﾄﾞのアプリを開発しています。
https://qiita.com/shellyln/items/3c871cdee9cc62e69584のページ下部の手順にあるようにアプリにJSを追加したところ、
"5.アプリに、カンバンボードの見た目を定義するためのレコードを追加します"の手順のところで、
Kintone側でレコードの"保存"が押せないというエラーが発生します。

Google コンソールでエラーチェックしたところ、
以下のようなエラーメッセージが表示されます。
(edit.jsが長すぎるため、該当のソースコードの欄には省略したjsコードを記述しました(124行目))

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

Uncaught TypeError: Cannot set property 'value' of undefined

該当のソースコード

Ck=function(a,b){a.o(b);100>a.j&&(a.j++,b.next=a.c,a.c=b)},Dk=function(){this.j=this.c=null},Ek=function(){this.next=this.scope=this.Re=null},Fk=function(a){t.setTimeout(function(){throw a;},0)},Gk=function(){var a=t.MessageChannel;"undefined"===typeof a&&"undefined"!==typeof window&&window.postMessage&&window.addEventListener&&!Mb("Presto")&&(a=function(){var e=document.createElement("IFRAME");e.style.display="none";e.src="";document.documentElement.appendChild(e);var g=e.contentWindow;e=g.document;

試したこと

Google コンソールでエラーチェックしたところ、以上のようなエラーメッセージが表示されます。
（また、edit.jsが長すぎるため、該当のソースコードの欄には省略したjsコードを記述しました(124行目のみ転記して記載しています。)）

Kintoneのアプリを再度作り直してテストしたところ、
やはり　Uncaught TypeError: Cannot set property 'value' of undefined　が出て動作しません。

手順に何か抜けがあるのかな？という仮説を立てて調べていますが、思い付く事は一通り試しました。
もし原因・解決法等がおわかりになればお願い致します。

補足情報（FW/ツールのバージョンなど）

Kintone,Windows10

Answer 1

エラーの直接の原因はedit.jsではなく、その前の部分で出ています。
添付画像のConsoleの上から2行目に

download.do......

と書いてあるところをクリックしてみて下さい。
あなたがアップロードしたjavascriptのソースが出てきて、その94行目に今回のエラーの原因があるはずです。

Comments

[r_o_234]

mkkさん
ご返信ありがとうございます。

アップロードしたkintone-ace.jsというファイルの94行目がおかしいというエラーメッセージでした。
kintone-ace.jsの94行目を見てみたのですが、

event.record[textAreaFieldCode].value = editor.getValue();

という記述で、どこがおかしいのか原因がわかりませんでした。

もし何かおわかりになることがあれば教えて頂けないでしょうか。
何卒よろしくお願いします。

[mkk]

この一文だけ見てきちんと原因を特定するのは難しいですね。
このような時には、まずエラーコードを翻訳してみたり、エラーコードでググって見て下さい。
どのような種類のエラーなのか、だんだん見えてくるかと思います。

> Uncaught TypeError: Cannot set property 'value' of undefined
翻訳すると
「未定義のプロパティvalueを設定できません」
ですね。
恐らく、event.record[textAreaFieldCode]　がうまく指定できていないのでしょう。
そうすると怪しいのは　textAreaFieldCode　です。
console.logなどを使って、textAreaFieldCode　に何が入っているか調べてみて下さい。
そのフィールドコードはkintoneに存在するものですか？

[r_o_234]

mkkさん
ご返信ありがとうございます。

textAreaFieldCodeをalertやconsole等でデバッグしてみたところ、
undefinedと表示されます。

フィールドコードについてですが、
テキストエリア(文字列:複数行)を扱うフィールド及びフィールドコードはあるものの、
textAreaFieldCodeというフィールドコードは存在しません。

もし何かおわかりになればお願いします。

[mkk]

javascriptの基本的な部分で誤解があるかと思います。
textAreaFieldCodeは変数であり、textAreaFieldCodeというフィールドコードがある訳ではありません。
textAreaFieldCodeの中に入っている値が、本来はフィールドコードになっているべきです。
今回textAreaFieldCodeの中身は「undefined」との事ですが、
これはtextAreaFieldCodeの中身が空っぽだよ　ということです。

このプラグインを使ったこともないので、どのようにtextAreaFieldCodeに
フィールドコードを指定するか分かりませんが、プラグインということであれば
もしかしたらプラグインの設定画面などで指定できるのかもしれません。

その辺りを確認した上で分からなければ、恐らく現在の理解度では難しいのではないでしょうか。
もしくは作成者に確認するかですね。

[r_o_234]

mkkさん

ご返信ありがとうございます。
プラグインの形式ではなく、JSとCSSを組み込んで動作させるKintoneアプリケーションです。
なので、プラグインの設定画面などでtextAreaFieldCodeにフィールドコードを指定する、といった感じでもありません。

作成者に確認もちょっと難しそうなので、何か方法を考えます。
ご協力ありがとうございました。