jQueryはいつまで使えますか？

ReactやVue.jsなどのモダンフレームワークが普及しつつある現代、jQueryの使用は減少しています。多くの企業が新たな開発にjQueryを使わない選択をするようになっています。特にjQuery UIやjQuery Mobileの開発が終了したことも、この傾向に拍車をかけています。

jQueryを取り巻く環境の変化

jQueryはかつてウェブ開発の分野で支配的な地位を占めていました。しかし、2021年5月にリリースされたBootstrap 5ではjQueryの依存が完全に排除され、モダンなJavaScriptフレームワークやライブラリの採用が加速しています。

コード例: jQueryとモダンフレームワークの比較

jQueryでのコード例

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
    $("button").click(function() {
        $("#demo").text("Hello, jQuery!");
    });
});
</script>
<button>Click Me</button>
<p id="demo"></p>

Reactでのコード例

<!DOCTYPE html>
<html>
<head>
    <title>React Example</title>
    <script crossorigin src="https://unpkg.com/react@17/umd/react.development.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
</head>
<body>

<div id="root"></div>
<script type="text/javascript">
    function App() {
        const [message, setMessage] = React.useState("");

        return (
            <div>
                <button onClick={() => setMessage("Hello, React!")}>Click Me</button>
                <p>{message}</p>
            </div>
        );
    }

    ReactDOM.render(<App />, document.getElementById('root'));
</script>
</body>
</html>

参考文献

その他の参考記事:jquery show slow