【イベントカレンダープラグイン】対象ステータスを増やしたい

kintone カスタマイズ
1

カスタマイズ未経験、開発手順すら理解していない質問で恐縮です。
イベントカレンダープラグインについて
https://developer.cybozu.io/hc/ja/articles/212155743-kintone-%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%82%AB%E3%83%AC%E3%83%B3%E3%83%80%E3%83%BC%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3 

ステータスによる色の変更設定上限がデフォルトで5つなのですが、5以上に増やしたプラグインに変更したいです。

 

プラグインのzipを開き
html、jsファイルの該当しそうな箇所を変更し（１～５となっている部分を１～７にする）、zip化してアップすると不正なリクエストと判定されてしまいました。

開発手順としてあとどのような処理が必要なのかご教授願います。

変更箇所↓

html

<table>
                <tr style="background:#ccccff">
                    <th>No.</th>
                    <th>ステータス</th>
                    <th>背景色</th>
                </tr>
                <tr>
                    <td>1</td>
                    <td><input id="status1" class="kintoneplugin-input-text"></input>
                    </td>
                    <td><input id="color1" class="kintoneplugin-input-text"></input>
                    </td>
                </tr>
                <tr>
                    <td>2</td>
                    <td><input id="status2" class="kintoneplugin-input-text"></input>
                    </td>
                    <td><input id="color2" class="kintoneplugin-input-text"></input>
                    </td>
                </tr>
                <tr>
                    <td>3</td>
                    <td><input id="status3" class="kintoneplugin-input-text"></input>
                    </td>
                    <td><input id="color3" class="kintoneplugin-input-text"></input>
                    </td>
                </tr>
                <tr>
                    <td>4</td>
                    <td><input id="status4" class="kintoneplugin-input-text"></input>
                    </td>
                    <td><input id="color4" class="kintoneplugin-input-text"></input>
                    </td>
                </tr>
                <tr>
                    <td>5</td>
                    <td><input id="status5" class="kintoneplugin-input-text"></input>
                    </td>
                    <td><input id="color5" class="kintoneplugin-input-text"></input>
                    </td>
                </tr>
          </table>

や、

js

    if (typeof (conf['name']) !== 'undefined') {
        $('#status1').val(conf['status1']);
        $('#color1').val(conf['color1']);
        $('#status2').val(conf['status2']);
        $('#color2').val(conf['color2']);
        $('#status3').val(conf['status3']);
        $('#color3').val(conf['color3']);
        $('#status4').val(conf['status4']);
        $('#color4').val(conf['color4']);
        $('#status5').val(conf['status5']);
        $('#color5').val(conf['color5']);

等へ6.7を追記しました。

 

2

Yumu さん

ステータスによる色の変更項目を7つに増やしたいのであれば、

config.html ファイルに「input」要素が入っているテーブルを2行増やすほか、

config.jsファイルの、66行目と159行目、177行目の後に増やした項目の設定値の処理を追加し、

customize.jsファイルの140行目の6→8に変更する必要があります。

 

プラグインの開発手順やパッケージングについてはこちらの記事をご参考いただければと思います。

エラーが出たりプログラムが動かなかったりと言った場合は、次の記事は参考になるかと思います。

動かない？そんな時はデバッグをしてみよう！入門編

kintoneカスタマイズの基本的なデバッグの流れを身につけよう

 

また、ご自身でソースコードをどのように変更してどう言ったエラーが出たのかなどの情報を提示すれば、

回答は得やすくなると思うます。

どうずよろしくお願いします。

 

3

akika様

とてもご丁寧にありがとうございます。

ファイルの変更について、ありがとうございます。

記事も拝見しました。プラグインにしようとするとパッケージングという作業が必要なのですね。
以前CSSファイルをいじって見た目が変わった！という経験だけで中身をいじるだけで済むと思い込んで恥ずかしいです笑
Node.jsがなかなか構築できないので知識をつけて出直すことにします！

情報の提示方法についても今後気を付けます。

ありがとうございました！

4

Yumu 様

お手軽にパッケージングして確認するだけであれば、こちらのWeb版もあります。

ぜひお試ししてみてください。

5

akika様

上手く動作しました！！！

助かりましたありがとうございます！！！