non-arrow関数は使用できません $(document).ready(function() {...」エラーの原因と対処法

このエラーの原因は、jQuery 3.0以降で導入された矢印関数（アロー関数）の使用が推奨されているためです。非アロー関数を使用すると、このエラーが発生します。

このエラーを解決するためには、次のいくつかの方法があります。

1. jQueryのバージョンをアップグレードする: エラーが発生している場合、古いバージョンのjQueryを使用している可能性があります。最新バージョンのjQueryをダウンロードして適用することで、エラーを解消できる場合があります。

2. 矢印関数（アロー関数）を使用する: 矢印関数は、非アロー関数よりも短くシンプルな文法で関数を定義することができます。$(document).ready()内で関数を使用する場合は、以下のように矢印関数を使います。

$(document).ready(() => {
  // ここにコードを記述する
});

3. $()の代わりにショートカットメソッドを使用する: jQueryでは、$(document).ready()を省略して以下のように書くこともできます。

$(function() {
  // ここにコードを記述する
});