モダンなjQueryに挑戦してみよう

ARANK

はじめに先日フロントエンドのリプレイスに、いつまでかけるんだ？という記事を書きました。jQueryフロントエンドをReact/Vue等のモダンフロントエンドにリプレイスするプロジェクトの多くは数年かかり、それでも完了しないことを実例を通して紹介しました。要するにモダンフロントエンドにリプレイスするプロジェクトは思いの外にコストが高く、そしてリスクが高いのです。これだけ高リスクだということが最初からわかっていれば、そもそもこんなプロジェクトは許可しなかったというケースが大半ではないかと思います。そうなるとじゃ〜どうすれば良いんだ、となります。私も明確な答えは持っていませんが、ここでは「もう少しレガシーjQueryコードの改良をしてみませんか？」という提案をしたいと思います。!Stimulusを使っている人ならすぐに気づいてもらえると思いますが、下記の内容はStimulus controllerとよく似ています。下記はjQueryに限らず、サーバレンダリングされたHTMLに対してインタラクションを追加しようとした場合の一つの型を示しているのではないかと思います。jQueryに習熟した人が書くコードは、自然とStimulusに似てくるということだと思います。あ…