1 00:00:00,120 --> 00:00:05,250 だから、あなたはJay 2 00:00:05,430 --> 00:00:11,250 Coryの紹介と、Jayの質問を教えることに対する私自身の意見、ここで取り上げているアプローチについて簡単に要約すると、私たちはvanilla 3 00:00:11,760 --> 00:00:15,130 javascriptで始まり、私たちはジェイクエーリーに移ります。 4 00:00:15,510 --> 00:00:20,770 だから話をする必要があるのは、アプリケーションにクエリを含める方法です。 5 00:00:20,880 --> 00:00:26,430 だから私は口に私の年齢を追加し、タイトルを与えるだけで、ここで非常に単純なアプリケーションを開始するつもりです。 6 00:00:26,430 --> 00:00:27,250   7 00:00:27,370 --> 00:00:28,310 Jay 8 00:00:30,840 --> 00:00:33,390 queeryのデモJay on Jay queeryは常に小文字です。 9 00:00:33,450 --> 00:00:37,990 Qなぜ大文字であるのかを私に尋ねないでください。 10 00:00:38,030 --> 00:00:38,310 J. 11 00:00:38,310 --> 00:00:39,380 コーリーデモ 12 00:00:39,870 --> 00:00:46,710 ちょうどそのような、そしておそらく同盟国か2つの、そしてこれらはちょうどランダムなテキストになります。 13 00:00:47,100 --> 00:00:49,980 OKので3人の同盟国など 君は。 14 00:00:50,040 --> 00:00:52,440 そしてH-1を保存します。 15 00:00:52,710 --> 00:00:55,920 そして、もちろん、ブラウザでそれを開きます。 16 00:00:56,580 --> 00:00:58,960 デモページがあります。 17 00:00:59,190 --> 00:01:04,220 独自のアプリケーションと独自の年齢のhtmlファイルにクエリを追加するには、いくつかの方法があります。 18 00:01:04,440 --> 00:01:07,140 Jのクエリは単なるjavascriptファイルであることを忘れないでください。 19 00:01:07,230 --> 00:01:10,080 これまでに書いたファイルと変わりはありません。 20 00:01:10,080 --> 00:01:13,320 私たちのカラーゲームのA-SやTo Doリストのように。 21 00:01:13,410 --> 00:01:18,570 はい、またはスクリプトタグを使用して作成してリンクしたjavascriptファイルです。 22 00:01:18,570 --> 00:01:21,990 したがって、両方のメソッドではスクリプトタグを使用しています。 23 00:01:21,990 --> 00:01:24,900 唯一の違いは、ソース属性です。 24 00:01:25,080 --> 00:01:30,600 そして、この場合、私たちはファイルにローカルでリンクしています。つまり、クエリのコードをダウンロードして、プロジェクトと同じディレクトリに配置してリンクしました。 25 00:01:30,600 --> 00:01:36,020   26 00:01:36,120 --> 00:01:43,530 だから、J 27 00:01:43,530 --> 00:01:49,740 Crewのドキュメンテーションに行き、ダウンロードをクリックしてバージョンを選ぶ必要があるなら、私はそれをどうやって行うのかを示します。 1ポイント4といくつかのオプションがあります。 28 00:01:49,740 --> 00:01:50,460   29 00:01:50,550 --> 00:01:56,700 圧縮された制作Jeyクエリー2をダウンロードできます。 0点1。 4と非圧縮開発版です。 30 00:01:57,180 --> 00:01:58,500 私は両方をするつもりです。 31 00:01:58,500 --> 00:02:03,330 私はそれが圧縮されているので、通常、私はちょうどこれを行うだろう全体のポイントは、ロードするのが速いです。 32 00:02:03,630 --> 00:02:05,380 しかし、私はそれがどのように見えるかを示したいと思います。 33 00:02:05,550 --> 00:02:09,960 圧縮されていないものと圧縮されたものを取得し、2つの異なるファイルがあるかどうかを確認できます。 34 00:02:09,960 --> 00:02:10,860   35 00:02:10,860 --> 00:02:17,820 私たちは、JotがドットJのために1点を指すように喜んでいます。 S. 私たちはJに質問2をしました。 男性は1％。 36 00:02:18,030 --> 00:02:19,080 はい。 37 00:02:19,080 --> 00:02:22,310 だから、私はここで昇華して両方のものを開くつもりです。 38 00:02:22,530 --> 00:02:26,880 それらをドラッグして見てみましょう。 39 00:02:26,970 --> 00:02:29,720 したがって、このファイルは圧縮されていないバージョンです。 40 00:02:29,970 --> 00:02:31,810 そして私がスクロールするとき。 41 00:02:32,310 --> 00:02:35,730 それはちょうど1つの本当に長いjavascriptファイルであることに注意してください。 42 00:02:36,000 --> 00:02:44,730 これは9000行以上ですので、このファイルを含めることができます。あるいは、同じコードの背後にある最小化されたバージョンを含めることもできますが、何かが最小化または圧縮されて空白がすべて取り出されます。 43 00:02:44,730 --> 00:02:50,160   44 00:02:50,160 --> 00:02:50,730   45 00:02:50,730 --> 00:02:56,940   46 00:02:56,940 --> 00:03:06,150   47 00:03:06,150 --> 00:03:12,630   48 00:03:12,630 --> 00:03:13,320 だから、これらすべてのコメントを返すすべてのコメントがなくなって、変数やプロパティのすべての名前が単一の文字に短縮されるので、emのようなものがあるか、ABCのようなものがあることがわかります。圧縮されていないファイルのいずれかを含めることができます。 49 00:03:13,500 --> 00:03:17,580 これを行うには、正しいディレクトリにファイルを追加する必要があります。 50 00:03:17,940 --> 00:03:22,540 だから私はプロジェクトの代わりに新しいフォルダを作るつもりだし、私はそれをlibと呼ぶつもりです。 51 00:03:22,710 --> 00:03:24,650 そして、私たちはこれをする必要はありません。 52 00:03:24,690 --> 00:03:30,780 私たちは2つのファイルを私たちのhチームと同じディレクトリにドラッグするだけです。 53 00:03:30,780 --> 00:03:33,100 私は提出し、私はそれをあなたに見せてくれるでしょう。 54 00:03:33,330 --> 00:03:41,730 だから、私はH Tim 55 00:03:41,760 --> 00:03:50,130 Lファイルを開き、スクリプトタグをここに追加します。私はsource equalsが必要です。この名前をここで書く必要があります。ダッシュ。 56 00:03:50,130 --> 00:03:50,740   57 00:03:50,760 --> 00:03:55,750 だから私はそれをコピーし、ソースをクエリダッシュ2に設定するつもりです。 1。 4。 58 00:03:55,780 --> 00:03:56,050 J. 59 00:03:56,060 --> 00:04:04,560 はい、そしてこのファイルJ CurryのデモがJay Querrey 2と同じ場所にある限り、彼を老化させる限りです。 1 14：4私たちは良いものでなければなりません。 60 00:04:04,890 --> 00:04:05,760   61 00:04:06,030 --> 00:04:11,670 だから私は保存してブラウザに戻してリフレッシュします。 62 00:04:11,790 --> 00:04:17,150 コンソールを開くと、実際にJ Queryという単語を入力してEnterキーを押すことができます。 63 00:04:17,250 --> 00:04:22,050 また、クエリが正しくアプリケーションに追加されたというエラーが表示されない場合は、 64 00:04:22,560 --> 00:04:29,370 だから、これを構造化するより良い方法は実際にlibと呼ばれる別のディレクトリにこれらを置くことです。ライブラリのjavascriptファイルと私たちの独自のjavascriptファイルを分けて、混乱させないようにしてください。それは必須ではありません。 65 00:04:29,370 --> 00:04:35,640   66 00:04:35,640 --> 00:04:40,350   67 00:04:40,350 --> 00:04:42,220 あなたが見たように、私たちはJayの質問をしていました。 68 00:04:42,540 --> 00:04:46,320 しかし、これを行うより良い方法は、ディレクトリを作成することです。これを何か呼び出すことができます。 69 00:04:46,440 --> 00:04:48,320 あなたが望むなら、それをJカーブと呼ぶことができます。 70 00:04:48,480 --> 00:04:51,820 私はlibと一緒に行くつもりですし、私はここで私のリンクを変更する必要があります。 71 00:04:51,840 --> 00:04:59,330 私のソースはlib slashになっています。Jayの質問は1点4点を突きとめて私は私のことをします。 72 00:04:59,550 --> 00:05:01,140 はい、そうする必要はありません。 73 00:05:01,140 --> 00:05:03,660 機能に違いはありません。 74 00:05:03,660 --> 00:05:07,980 唯一の違いは、ロードが速いことですが、ここにそのロードが必要です。 75 00:05:08,220 --> 00:05:10,350 繰り返しますが、私たちは両方を必要としません。 76 00:05:10,380 --> 00:05:13,810 私たちはただひとつしか必要とせず、正しくリンクする必要があります。 77 00:05:14,250 --> 00:05:15,670 それで、それが働いたことを確認しましょう。 78 00:05:15,710 --> 00:05:18,660 もし私がうまく動作するレートをリフレッシュしてください。 79 00:05:18,720 --> 00:05:24,390 あなたはJのクエリを入力することができますし、またドル記号を入力することができ、それらがうまくいけば、シートクエリが正しくインストールされていることがわかります。 80 00:05:24,390 --> 00:05:25,680   81 00:05:26,070 --> 00:05:31,640 これは、クエリをローカルでダウンロードしてからスクリプトタグでリンクする最初の方法です。 82 00:05:31,840 --> 00:05:38,310   83 00:05:38,760 --> 00:05:44,640   84 00:05:44,640 --> 00:05:45,750 CDでCDを使用し、コンテンツ配信ネットワークの略で、実際にあなたのマシンにダウンロードすることなくオンラインからファイルを取得する単なる方法と考える別のオプションもあります。 85 00:05:45,810 --> 00:05:52,410 だから私はちょうどここにArelをコピーすれば、バージョン2のAJ queery CDNになります。 86 00:05:52,410 --> 00:05:53,680 0 1。 4。 87 00:05:53,770 --> 00:05:58,660 そして、あなたがそのURLに行くだけであれば、ここではJ Coreyファイルであることがわかります。 88 00:05:58,920 --> 00:06:04,380 CDにリンクしています。あなたはそこにたくさんのファイルがあり、それはローカルのファイルにリンクするのと同じ方法で動作することを知っています。 89 00:06:04,380 --> 00:06:09,850 私たちがやっていることはArelや他のJ queery 90 00:06:09,870 --> 00:06:14,850   91 00:06:15,360 --> 00:06:20,410 唯一の違いは、実際にはコンピュータのローカルにあるため、実際には少し速くロードされることです.CDで置き換えると、私たちには気付かれません。 92 00:06:20,530 --> 00:06:25,800 しかし、フードの中ではもう少し時間がかかりますが、もちろん、私たちが作るすべてのアプリケーションに対してJayクエリーのコピーをダウンロードする必要がないので、使いやすく簡単です。 93 00:06:25,920 --> 00:06:30,430   94 00:06:30,780 --> 00:06:33,010 だから私はリフレッシュします。 95 00:06:33,750 --> 00:06:37,350 ここでJのクエリを入力すると、それでも動作するはずです。 96 00:06:37,770 --> 00:06:40,190 最後に、CDNをどのように見つけたかをお見せしましょう。 97 00:06:40,230 --> 00:06:47,580 ちょうど新しいタブを開き、Cdn 98 00:06:47,580 --> 00:06:50,770 Jayを探してください.Cdnを検索してから、後で他のライブラリが表示される場合は、 99 00:06:50,810 --> 00:06:52,110 マイクJのクエリ。 100 00:06:52,110 --> 00:06:53,650 リンクがたくさんあることがわかります。 101 00:06:53,850 --> 00:06:55,850 だからジェイの質問には正式なものがある。 102 00:06:55,860 --> 00:07:02,100 CdnのドッジシティのNJのドットコムがあります。私たちはあなたの束を持っています。 103 00:07:02,910 --> 00:07:07,040 これが3のためにバージョンに注意を払わなければならないでしょう。 00。 104 00:07:07,200 --> 00:07:14,210 私たちが2に行くなら。 20ポイント4それは私たちに普通のバージョンと修正されたバージョンの圧縮を解きます。 105 00:07:14,470 --> 00:07:17,090 そして、もし私があなたがうまくいくことに行くなら、あなたを見せてください。 106 00:07:17,310 --> 00:07:18,720 私はそれらをファイルファイルで見る。 107 00:07:19,110 --> 00:07:20,490 だから包み込む。 108 00:07:20,700 --> 00:07:22,130 どちらの方法でも動作します。 109 00:07:22,230 --> 00:07:28,440 両方の場合にscriptタグが必要ですが、ソースはローカルファイルか、CDNを使用してリンクしているどこかでホストされているファイルになります。 110 00:07:28,440 --> 00:07:32,000   111 00:07:32,100 --> 00:07:36,870 あなたがしたい最後のことは、彼女にコートの様子を30秒間プレビューすることです。 112 00:07:37,110 --> 00:07:39,930 そこで、Jのクエリのようなものが少しあります。 113 00:07:39,930 --> 00:07:45,300 あなたが気付くかもしれない最初の事は、4つの異なる場所でドル記号が使用されていることです。 114 00:07:45,300 --> 00:07:51,480 私たちはドームクリックのようなたくさんのメソッドを持っています。SSドットフェードアウトドット除去を参照してください。 115 00:07:51,690 --> 00:07:57,900   116 00:07:57,900 --> 00:08:04,350 このコードが実際に行うことは、IDトリガーのボタンを選択することです。クリックすると、このコードがすべて実行され、クリックされると、体の背景色を黄色に変更します。 117 00:08:04,980 --> 00:08:08,290 私たちはページ上のすべての画像をフェードアウトさせます。 118 00:08:08,370 --> 00:08:13,470 フェードアウトするには3秒かかるでしょうし、フェードアウトが終わると、その3つの画像をページから削除します。 119 00:08:13,470 --> 00:08:15,340   120 00:08:15,750 --> 00:08:18,380 IDFトリガのボタンをクリックします。 121 00:08:18,390 --> 00:08:23,580 ボディカラーを変更してイメージを3秒間フェードアウトし、完了したらイメージを削除します。 122 00:08:23,970 --> 00:08:26,640 さて、それはクエリのスピードプレビューでした。 123 00:08:26,730 --> 00:08:29,100 さあ、実際に次のビデオに書き始めましょう。