一つのファイルにすべての処理を凝縮したスクリプトを書く際の工夫など

Question

お世話になります。
趣味でMixxxというDJソフト向けに、MIDIコントローラーのスクリプトを書いています。

このスクリプトですが、QtScript（ただしECMA2015より前の仕様）で、MIDIコントローラーのちょっと複雑な挙動を書けるというものではありますが、自分が把握している限り、スクリプトファイルは分割できないため、自分で書いたコードのくせに把握しきれない状態でいます。

そもそもMixxxというソフトの仕様を把握しきれていないとも思いますが。

本題

そこで、皆さまが、分割できないJavaScriptやソフトウェア組み込みスクリプトを書く際に、どのように可読性を上げているか気になったため、今回質問させていただきました。

該当のスクリプトコードは1117行程度の小規模なものではありますが、ご指導・アドバイスいただけると幸いです。

参考資料

• Controller Mapping Documentation [Mixxx Wiki]

P.S.

Mixxx用にカスタマイズされたlodashが入っているので、これを使えば行数は減らせるかも？
components_js [Mixxx Wiki]

Answer 1

webpack、browserify、parcelなどの複数にモジュール分割されたJavaScriptコードを１つのファイル(用途によっては複数ファイル)にまとめてくれるバンドルツールを使います。上記の中ではparcelが一番、簡単なのでとっかかりやすいかもしれません。parcel 使い方などでググってみて下さい。

Comments

[manzyun]

バンドルツールって、つい
「ES2015より前のに対応してるのか……」
と思ってしまっていましたが、考えてみれば
「importやrequireで入れました」
程度のものじゃなかったですね。

あとはバンドルツールの設定ファイルでBabelを通す必要があるのかとか、調査は必要そうですね。
ありがとうございます。