日付の英語表記を西暦表記にしたい GitHubモジュール変更

hara · 2024 年 12 月 10 日午後 11:29

Reactを使ったガントチャートにおけるカスタマイズ

会社で利用する工程管理の共有化のために社内基幹アプリであるKintoneにてガントチャートを作成したく考えております。

cybozu developer networkにてかなり理想に近いものをみつけ実装していっているのですが、表題のガントチャートの日付表記変更が出来ずご相談です。

https://cybozu.dev/ja/id/e3911f7cbb1f70378183a218/#features-gantt

発生した問題やエラーメッセージを具体的に書きましょう

ガント表示が GitHubのモジュールを使っており、モジュールのカスタマイズが出来ない状態です。
表示後の設定をJavaScriptでとも考えたのですが結局うまく行かず、断念しております。

chatgptにて解決策を模索したところモジュールのフォークや表示後にJSでの日付を書き換える方法など出てきましたが、処理軽減のため出来ればモジュールを変更したいです。

公開GitHubのモジュール変更のやり方が勉強不足で分かりませんので、ご教授頂けると幸いです。もしくは、他の方法での解決策ございましたら是非よろしくお願いします。

mura · 2024 年 12 月 15 日午後 11:12

Github自体はコードを公開することができるサービスですので、
具体的にはkintoneのプラグインのコードが共有されているだけで、ので、

Githubからソースコードをダウンロード
編集
ビルド（プラグインが作成される）
ビルドしたプラグインをkintoneに適用

ということが可能です。
ビルド自体は下記にのっているとおりです。（すでに利用されてるということであれば未編集の状態ですでにやれてるかもしれませんね
https://cybozu.dev/ja/id/e3911f7cbb1f70378183a218/#sample

（下記画像にもおなじことかいてますね）

また、編集する箇所ですが、カードに表示されている日付を変更したいということであれば

github.com

kintone-samples/SAMPLE-ganttchart-kanban/blob/74e123e65ae6a36182209ae7dfbae332b7ede077/src/components/Card.tsx#L52


      
          export const AntdCard = (props: KCard) => {
            return (
              <Card
                extra={<Tag color={props.labelColor}>{props.label}</Tag>}
                style={{ width: 300 }}
                title={props.title}
                onClick={props.onClick}
              >
                <Meta
                  avatar={<Avatars assignee={props.assignee} />}
                  title={`${props.startDate.substring(5)}~${props.endDate.substring(5)}`}
                  description={props.description}
                />
              </Card>
            )
          }

手元のファイルのこのあたりを修正すると変わるように見えます（未検証なのでまちがっていたらすいません

トピック		返信	表示
チュートリアルのサンプルコードが表示されない kintone カスタマイズ	2	112	2021 年 12 月 17 日
ガントチャートプラグインの設定画面で色情報を選択できない kintone カスタマイズ	2	314	2023 年 9 月 5 日
作成者と更新者の変更について kintone カスタマイズ	3	414	2024 年 4 月 11 日
kintoneのソース管理方法 (Git) kintone カスタマイズ	6	356	2017 年 10 月 13 日
突然kintone開発環境にアクセスできなくなりました。開発者ライセンスに関する問い合わせ	3	383	2023 年 11 月 2 日

日付の英語表記を西暦表記にしたい GitHubモジュール変更

Reactを使ったガントチャートにおけるカスタマイズ

発生した問題やエラーメッセージを具体的に書きましょう

関連トピック