JavaScript
jQuery
Prototype.js
ポエム

Javascriptがうまく動かない際の非エンジニアの備忘録

More than 1 year has passed since last update.

自己紹介

こんにちは。普段は通販のカートASPサービスのカスタマーサポートに従事している新卒2年目の若造です。

SEではないんですが、サーバーサイド側ではなく、フロント部分(html,css,javascript等)の問い合わせに関しては、けっこう答えたりしています。

google先生との壁打ちをして、お客さんに答えてみたいなの繰り返しですが。そんなことを1年もやって、新卒2年目に突入すると、フロント部分に関しては、大体どんなところでエラーが起きているのか、ある程度予想がついてくるというか、google chromeの検証を見て、google先生に質問する精度が上がってきたというか。

そんなわけでやっとフロント部分でどんなエラーが起きているかあたりをつけるのが、少しずつうまくなってきたわけなので、いつも参考にしている記事を備忘録がてら、非エンジニアだけどIT関係に携わる方々の手助けとなるようにまとめてみようと思います。

javascriptがうまく動かない

今回は、javascriptがうまく動かない際の備忘録です。
そもそもjavascriptとはなんなのかというとですね、よくポップアップで「本当にこれで確定していいですか????」と出てきたり、ブログとかサイトを運営している方はわかるかと思いますが、A8やバリューコマース等のアフィリエイト広告のタグで使われていたりするやつです。

なんなのかというといろいろ便利なやつです。(全然答えになっていないけど、用途でいうとたくさんありすぎて説明できない・・・)

あと、javaとjavascriptは違います。これもあるある質問ですが、「インドとインドネシアってどう違いますか???」という質問と似ています。何が言いたいかと言うと、全く違うプログラミング言語です。全く関係のない、似た名前のプログラミング言語です。以下のページにめちゃくちゃわかりやすく書かれているので、ぜひ、ご覧ください。(決して馬鹿にはしていません。僕は大学生時代、ずっとこの違いがわからなかったのと、クッキーが甘いサクサクしたやつだと思っていて、散々エンジニアの人からいじられていました。)
https://eng-entrance.com/java-javascript

さて、javascriptがうまく動かない場合、どういった場合が考えられるかというと、以下の2つが大きくは考えられるかと思うので、自分の設置したいjavascriptが動いていない場合は以下の2つの原因を考えてみてください。

①javascriptの構文エラー

javascriptのheadで読み込むタグとbodyで読み込むタグの順番が間違っていて、
読み込まれないことがあります。

内容としては、javascript本体が読み込まれていない状態でjavascript本体で定義している関数を呼び出しているため、javascriptの読み込み順を変える必要があります。

これどういうことかというと、ページを作っているhtmlというのが<head><body>という構成でできているんですが(人間と同じですね。)、人間と同じように脳で指示して体を動かしているわけです。つまり、指を動かしてとか、腰を動かしてとかそういう動かす部位の指定をまずしているわけです。

そのあと、<body>で指を曲げるのか、指で押すのか、腰をくねらせるのか、腰を横に動かすのか(なんかたとえがエロくなってしまう・・・)どういう動きなのかを指示するわけです。

ところが、これが逆転してしまうと、どこの部位を曲げたり、くねらせたりしたらいいかわからないわけです。どこの部位を動かせというのが決まってないわけですからね。

それがjavascriptのheadで読み込むタグとbodyで読み込むタグの順番が間違っているということです。これ意外とあります。

②jqueryとprototype.jsの競合
これもあるあるですね。書きたいんですが、もう会社の朝礼が始まってしまうので、あとで追記します笑
以下のページはめちゃくちゃ参考になります。
http://yatta47.hateblo.jp/entry/2015/01/22/233047