jQueryを使ったAjax入門

jQyeryの読み込み

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
準備したHTMLファイルに、jQueryを読み込む方法について解説致します。
講師:
03:51

字幕

このレッスンでは準備した HTML ファイルにjQuery を読み込む方法について解説していきます。まずはダウンロードしてきたこちらの頭が 01_05 から始まっているフォルダーの中に入っているこの index.html ファイルをエディターで開いてください。そして、これがそのファイルを開いた状態です。このファイルを使いながら今回のレッスンの解説を進めていきたいと思います。それでは早速内容の方を見ていきましょう。今回こちらのファイルの中で注目して頂きたい部分はこの下の部分のこちらの部分となります。この部分ではこの HTML ファイルからjQuery のファイルを読み込んでいます。それでは、この jQuery のファイルの入手の仕方について見ていきたいと思います。それでは、ブラウザで jQuery のサイトに移動してみます。こちらが jQuery の Web サイトとなっています。jQuery はこちらの Web サイトから入手することが可能です。ダウンロードする為にはこちらのダウンロードページから行います。もしくは、こちらの大きなボタンをクリックして頂いても構いません。今回は、jQuery のファイルをダウンロードしてきて利用するのではなくてCDN という最も簡単に jQuery のファイルを読み込める方法をとりたいと思います。 それでは、ダウンロードページに移動しましょう。こちらが、jQuery のダウンロードページとなっています。そして、こちらのページには様々な形での jQuery の入手方法が書かれていますが今回は先程も言ったようにCDN という方式を使ってjQuery を入手したいと思います。それが、こちらのページの中ほどにあります。こちらに、Using jQuery with a CDNと書いていますね。この CDN を使うと通常ならば jQuery のファイルをダウンロードしてきてそしてそれをフォルダーの中に配置してそれを HTML から読み込む、といった手順になるんですがこの CDN を使うことによってjQuery のファイルまでのパスが設定された script タグをコピーしてそして HTML ファイルにペーストするだけでjQuery の読み込みが完了してしまいます。この CDN を利用する為には例えばこちらの code.jquery.com というリンクをクリックします。すると、このようなページが表示されてきますのでこの中から自分が使いたいjQuery を選んでクリックします。今回は jQuery の最新版この jQuery バージョン3ですね。 そのこの minified を選択します。すると、このような画面になりますのでこちらの青いボタンをクリックするとこちらの script タグがクリップボードにコピーされます。この状態で先程のエディターに戻ります。エディターに戻ってきたらその jQuery を読み込みたい箇所でペーストします。すると、このように先程コピーしてきた内容が貼り付けられるといった形になりますね。これで jQuery の読み込みは完了となります。今回この jQuery を読み込む場所ですがbody の閉じタグのすぐ上に設定しておきました。勿論、head タグの中でも大丈夫ですのでご自身の好きな形で読み込んでみてください。以上でレッスンは終了です。今回は準備した HTML ファイルにjQuery を読み込む方法について解説いたしました。

jQueryを使ったAjax入門

AjaxとはAsynchronous JavaScript + XML の略で、JavaScriptを使って非同期通信を利用しWebサイトのコンテンツを動的に書き換える手法です。このコースではモダンなWebサイト作るうえで必須の技術となっているAjaxjについて、その機能を簡単に実装できるjQueryを使って解説します。

1時間30分 (25 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 1,990
発売日:2016年09月14日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。