エラーの意味がわからない

Question

前提・実現したいこと

プログラム初心者です。
一つ一つエラーを消して行っているのですが、今回起きたエラーがどこを修正すればいいのかわからず困っています。
ほんとに初歩的なことで申し訳ないですが、ご助力お願いします。

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

SyntaxError: missing : after property id

該当のソースコード

(function() {
    "use strict";
    kintone.events.on('app.record.index.show', function(event) {
        if (document.getElementById('my_index_button') !== null) {
            return;
        }

        var myIndexButton = document.createElement('button');
        myIndexButton.id = 'my_index_button';
        myIndexButton.innerHTML = '記録作成';

        // ボタンクリック時の処理
        myIndexButton.onclick = function() {
            var result = window.confirm('記録を作成します');

            if ( result ) {
                window.alert('記録が作成されました');

                        // アプリIDの取得
                        var appId =  event.appId;
                        // レコード番号の取得
                        var recordId = event.recordId;
                        // リクエストプロパティ(JSON)
                        var params = {
                            "app": 1,  // ← 参照ログを格納するアプリのIDに書き換えてください
                            "record": {
                                "APP": { "value": appId },
                                "RECORD": { "value": recordId }
                            }
                        };

                        // kintone REST API リクエスト ～ レコードの登録（POST）
                        kintone.api(
                            kintone.api.url('/k/v1/record', true), // - pathOrUrl
                            'POST',                                // - method
                            params,                                // - params
                            function(resp) {                       // - callback
                                // (特に何もしない)
                            },
                            function(resp) {                       // - errback
                                // (特に何もしない)
                            }
                        );

                location.reload();

            }
            else {
                window.alert('記録の作成をキャンセルします');

            }
        };

        kintone.app.getHeaderMenuSpaceElement().appendChild(myIndexButton);
    });
})();

試したこと

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

Answer 1

エラーの意味は、
「構文エラーです。プロパティid の後に ':' が抜けています」
という意味で、例えば以下のようにオブジェクトリテラルの記述を誤った際にFirefox ブラウザなどで出ます。

var hoge = {
  key 'fuga' // key: fuga が正しい
}

提示いただいたコードにこのような構文誤りを見つけることはできませんでしたが、本当にそのコードの中で出たものでしょうか。

Firefox の開発者ツールで確認しているなら、エラーの発生したファイルと行番号がコンソールの右端あたりに表示されているはずです。確認してみてください。

蛇足かもしれませんが、初心者なら一つづつエラーを消していくのではなく、何もないところから一つづつ確実に動作するコードを足していくことをお勧めします。複数のバグが混在している状況からバグの原因を追究することは極めて難しいことです。