ExcelやCSVからkintoneアプリを作成した際のフィールドコード

あけましておめでとうございます。
うえるです。

前回の投稿からしばらく時間が空いてしまいましたが、
第3弾です！！

今回は備忘録的な投稿になります。
Excelからkintoneアプリを作った際、実際困ったことを解決できたので、
メモ代わりに投稿します。

背景

kintoneアプリ作成方法の1つに「Excelを読み込んで作成」って機能ありますよね？
この機能を使った際に困った事が起きてしまいました＞＜
もうタイトル通りです。

アプリ作成

①アプリ作成画面から「Excelを読み込んで作成」

②「作成を開始する」

③すべてにチェックを入れ「アップロードへ進む」

④フィールドタイプを変更したりします。
　※投稿用に簡単なExcelファイルを用意しました。

⑤作成だ！

完成した！

ここまでは何事も無く作成できましたが...

問題発生!

作成したフィールドコードを見てみると、

これはいけない...
後々JavaScriptなどでカスタマイズする際に苦労しそうですね(´；ω；｀)
例で作成したアプリのフィールドは5つでしたが、
これが数十、数百とフィールドがあった場合一つ一つ手で治すのはちょっと厳しいですよね？

JavaScriptで自動フィールドコード登録

アプリIDなどの変数宣言

const APP_ID = kintone.app.getId();
const LABEL_BUTTON = "Button";
if(document.getElementById(LABEL_BUTTON)) return;
const myButton = document.createElement("button");
myButton.id = LABEL_BUTTON;
myButton.innerHTML = "フィールドコード設定";
let body = {};
let obj = {};

ボタンをクリックしたときの動作
フィールドコードで使用できない文字は無理やり「_」にリプレイスさせてます。

myButton.onclick = function() {
    return new kintone.Promise(function(resolve, reject){
       return kintone.api(kintone.api.url("/k/v1/form", true), "GET", {app: APP_ID}, function(resp){
           console.log(resp);
           let pro = resp.properties;
           let Len = pro.length;
           for (let i=0; i<Len; i++){
               let C = pro[i].code;
               pro[i].code = pro[i].label;
               pro[i].code = pro[i].code.replace( /[\/]/g, '_' );
               pro[i].code = pro[i].code.replace( /[(]/g, '_' );
               pro[i].code = pro[i].code.replace( /[)]/g, '_' );
               pro[i].code = pro[i].code.replace( /[／]/g, '_' );
               pro[i].code = pro[i].code.replace( /[（]/g, '_' );
               pro[i].code = pro[i].code.replace( /[）]/g, '_' );
               pro[i].code = pro[i].code.replace( /[　]/g, '_' );
               obj[C] = {"code":pro[i].code,"type":pro[i].type};
               console.log(obj);
            }
           let bodyUpdate = {
            "app": APP_ID,
            "properties": 
                    obj
            };
            console.log(bodyUpdate);
            resolve(bodyUpdate);
       }, function(error) {
           console.log(error);
       });
    }).then(function(resp){
        return kintone.api(kintone.api.url('/k/v1/preview/app/form/fields',true), 'PUT', resp, function(resp){
           console.log(resp,"OK");
        }, function(error) {
            console.log(error,"NG");
        });
    });
};

結果