JavaScriptカスタマイズの推奨構成について(ファイル分割 or 単一ファイル管理)

kintoneにてJavaScriptカスタマイズの実装を検討しております。

保守性や将来的な拡張性を考慮し、
JavaScriptの構成・管理方法について、皆さまの知見をお伺いしたく投稿いたしました。

現在、実装方針として下記のような構成を検討しています。

■ 想定している構成案

① 機能ごとにJavaScriptファイルを分けて管理する方法
・設定(コンフィグ)を先頭に記載
・その後、機能単位でファイルを分割して読み込む

② 複数機能をまとめて、一つのJavaScriptファイルとして管理する方法

上記のような構成について、

・kintoneでのカスタマイズにおいて一般的・推奨されている構成
・保守性やトラブル回避の観点で注意すべき点
・実運用でおすすめの管理方法

などがございましたら、ご教示いただけますと幸いです。

また、公式ドキュメントや参考になるページ等があれば、あわせてご共有いただけますと大変助かります。

何卒よろしくお願いいたします。

viteやwebpackなどをつかってBundle(ひとつにまとめる)して、各アプリに適用、ということもできます。
ちょっと学習が必要だとはおもいますが、ひとつ参考として

「いいね!」 2

ご教示いただき、ありがとうございます。
また、参考URLのご共有もありがとうございます。拝見いたします!

ちなみに、kintoneとの相性や、運用時の保守性を重視した場合、
下記①と②のどちらの構成がおすすめでしょうか。
(個人見解で構いません)

■ 想定している構成案

① 機能ごとにJavaScriptファイルを分けて管理する方法
・設定(コンフィグ)を先頭に記載
・その後、機能単位でファイルを分割して読み込む

② 複数機能をまとめて、一つのJavaScriptファイルとして管理する方法

お手すきの際にご意見をいただけますと幸いです。
何卒よろしくお願いいたします。

①か②で言えば圧倒的に①なんですが、

@mura さんが仰るようにビルドツールを使ってモジュール型開発をするのが一番効率が良いと思います。

私も以前は 共通部品用/定数宣言用/各アプリ用 のように生JSファイルを複数用意してやっていましたが、現在は TypeScript + Webpack で1ファイルにバンドルしています。

「いいね!」 2

ご教示いただき、ありがとうございました。
大変参考になりました。

今後は、Bundleも含めて進められるよう、
まずはご共有いただいた資料の確認から取り組んでまいります。

お二人とも、ご丁寧に対応いただきありがとうございました。

「いいね!」 1

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。