今日も綺麗な夕焼けでした。アサキです。
さて、昨日どハマりしたjQuery干渉問題も朝イチで解決しまして、本日の制作は順調に進みました。大方、コーディングが進んできたところでスライドショーのjQueryを書き加えたのですが、まったく動かない・・・。Visual Studio Codeでは問題なく動くのに、ジンドゥーに載せた途端、ピタリと動かなくなります。はて?
試しに今回制作中のウェブサイトではなく、素のジンドゥーにも乗せてみました。ところが、この場合は問題なく動作します。この時点で、ジンドゥーの問題ないことは分かりました。つまり、現在制作中のサイトの「どこか」に原因があるということになります。
ここからさらに、原因がどこにあるかを特定していきます。
もしもこうした問題が起きたときには、僕の場合は、疑わしいコードをまずざっくりと切り取りってメモ帳に貼り付けます。つまり、カット&ペーストで一旦ウェブサイト外に保管するわけです。コードの避難みたいなものです。
次に避難させたコードから一つずつ、問題のウェブサイトに戻していきます。このとき例えば、動きの種類ごとに元に戻していきます。そうして、ひとつ移してはエラーが出ないか様子を見ます。問題なく動けば、そのコードは原因ではありません。たぶん。そういう考えのもと、あとはどんどんこれを繰り返して行きます。
この場合は、どこでスライドショーが動かなくなるか?を見ていくわけですね。すると昨日は、ナビゲーションのjQueryを戻したときに、エラーが出ました。どうやら、ナビゲーションの展開に使っているjQueryとスライドショーのjQueryが衝突していたようです。これで問題の箇所が特定できました。
ここまで来ると、衝突をどう回避するかさえ考えればよいので、無事に光が見えました。原因さえわかれば問題ありません。たいていのことはググれば、答えが見つかりますしね。
同業者の膨大な知恵と、便利な世の中にはいつも感謝しています。