「これからWebをはじめる人のHTML＆CSS、JavaScriptのきほんのきほん」を読んでみる（７）Chapter7後半_jQueryその他

2017年5月12日

以下の本を読んで、CSSとJavaScriptについて勉強している。

これからWebをはじめる人のHTML＆CSS、JavaScriptのきほんのきほん Kindle版
たにぐちまこと (著)
発売日：2017年03月27日
2580円

（環境）
Windows8.1
VisualStudioCode

『これからWebをはじめる人のHTML＆CSS、JavaScriptのきほんのきほん』サポートサイト
https://book.mynavi.jp/supportsite/detail/9784839959715.html

前回は、第７章を写経してみた。

今回は、いよいよ最後、第７章後半「jQueryを使ってみよう」を写経してみる。

いよいよ、待ち望んでいたAjax通信！あらかじめ画像データなどの重いデータを読み込んでおいて、クリックしたらササッと表示できるサイトを作れるようになるかな？

（１）index.html　ファイルの作成

（２）jQueryの準備

js/ フォルダを作成して、そこにダウンロード。

jquery-3.2.1.min.js　という名前で保存される。

これを、jquery.min.js　という名前に変更する。

（３）index.html　の変更

htmlメソッド

メソッドチェーン

getJSONメソッド

プログラムを仕上げる。

おお！なんか通常のJavaScriptよりも、たしかに簡単に見える。

（４）Vue.js

jQueryを利用すると、Ajax通信を利用したプログラムは簡単にかけるようになるが、「HTMLを生成する」部分は煩雑なまま。これを簡単にするのが、Vue.jsという、JavaScriptのフレームワーク。

（５）Vue.jsを使ったプログラムを書く。

jQueryとVue.jsを組み合わせて利用する

ちょっと、Vue.jsはちゃんと勉強しないと自分では使えそうにないが、まあ、よしとする。

これで、写経は終了。