0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

初心者向け。 #jquery #javascript ファイルを読み込むとは何なのか?

Last updated at Posted at 2018-12-25

拝啓 本当は Qiita を書きたいのに、まだ迷っているあなたへ。 - Qiita を例にする。

ページを右クリックして「ソースを表示」みたいなのを選んで見る。

image.png

HTMLタグが出てくる。

これが裏側でWebページを作っている「基本部品。

image.png

ページをブラウザ検索で「 .js 」というキーワードで検索してみる

image.png

これが javascript ファイルの記述

jquery でも何でも、HTMLタグの「基本部品」の中に「javascriptファイルを読み込む」っていう指示が書いてある。それがこういうやつ。

jquery関係ない例になってしまって申し訳ないが、こいつで説明。

<script async="" src="https://cdn.bigmining.com/private/js/qiita_bigmining.js"></script>

Javascriptファイルに直接アクセスしてみる

これがjavascriptファイルの本体。

ただのテキストファイルであることが分かる。

改行がぜんぜんなくて読みにくいけど、ファイル容量節約のために圧縮されている。なので開発の時はもっと読みやすい。

image.png

どうやって動いてるの?

GooleChromeとかのWebブラウザがこの「ただのテキスト」を解釈して、いろいろやっている。

Jquery など javascript のファイル自体は、このようにただの文字の集合に過ぎない。

良さげな本

image.png

jQuery最高の教科書 | 株式会社シフトブレイン |本 | 通販 | Amazon

link

Qiitaでいいねが付かない?リアルSEOな口コミで拡散!って口実で人類平和を目的にプログラマ同士のゆるコミュニティを作りたい大阪Web開発システムエンジニア。 - Qiita

チャットメンバー募集

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

Twitter

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?