1
00:00:00,570 --> 00:00:05,320
これは、クロムのjavascriptデベロッパーCantalについてのかなり簡単なビデオになるでしょう。

2
00:00:05,370 --> 00:00:10,560
したがって、実際にはJavaScriptコードを構文に書き込む前に、コードを記述する場所を調べることから始めます。

3
00:00:10,560 --> 00:00:12,370
 

4
00:00:12,600 --> 00:00:17,910
そして、クロムの中で私たちができることの1つは、javascriptの開発者です。 そこで、Chromeには数回言及したように、H Tim

5
00:00:18,360 --> 00:00:24,420
LとC Ssのように既に見たことのある素晴らしい開発ツールがあります。

6
00:00:24,420 --> 00:00:26,340
インスペクタで虫眼鏡をクリックすることができます。

7
00:00:26,340 --> 00:00:30,200
要素をクリックします。

8
00:00:30,200 --> 00:00:31,160
HGAを見ると、彼のチームに必要なものを編集できるようになり、成功を編集して見ることができます。

9
00:00:31,680 --> 00:00:38,420
だから私たちはこれまでにそれを見てきました。

10
00:00:38,430 --> 00:00:39,980
ここに来るには、要素を右クリックして調べるか、開発者向け開発者ツールを表示することもできます。

11
00:00:40,170 --> 00:00:50,820
ここにコマンドオプションが表示されるショートカットがあります。

12
00:00:51,090 --> 00:00:54,420
これは要素タブに到達することですが、ここにconと書かれている別のタブがあることに気づくでしょう。

13
00:00:55,410 --> 00:01:01,460
これはjavascriptの開発者である。

14
00:01:01,830 --> 00:01:05,070
 

15
00:01:05,190 --> 00:01:11,490
つまり、このVSSインスペクタを使用してブラウザにスタイルシート全体を書き込まないように、開発者がこのコンソールに完全なjavascriptアプリケーションを書き込まないように、ブラウザにjavascriptを書き込むことができる場所です。

16
00:01:11,490 --> 00:01:18,470
あなたが使っているのは、Cの評価とやりとりすることや、何かがうまくいくかどうかを理解したり、何かをテストしたりしてCSSAファイルを変更することです。

17
00:01:18,470 --> 00:01:21,770
 

18
00:01:21,870 --> 00:01:28,470
ラインの下では、同じことをjavascriptで行います。

19
00:01:28,470 --> 00:01:31,860
 

20
00:01:32,160 --> 00:01:34,980
 

21
00:01:35,040 --> 00:01:39,990
コンソールを使ってゲームを試して試してみましょうが、実際にはJavaScriptのファイルをそのまま実装し、ブラウザだけでなくマシンに保存します。

22
00:01:40,530 --> 00:01:45,960
だから我々はクロームコンソールの内部にJavaScriptを書くことから始めようとしており、それは非常に長く続くことはない。

23
00:01:45,960 --> 00:01:47,070
 

24
00:01:47,070 --> 00:01:51,930
それは、私たちがファイルをセットアップし、それらを正しく結びつけるプロジェクトを設定することに集中することなく、起きて行く簡単な方法です。

25
00:01:51,930 --> 00:01:52,710
 

26
00:01:52,770 --> 00:01:57,870
私たちは彼女のブラウザを開き、ここにjavascriptを入力します。

27
00:01:57,870 --> 00:02:01,300
だから、どのようにjavascriptコンソールが動作するかを説明するために、私はペーストして実行する前に実行するコードをいくつか用意しています。

28
00:02:01,320 --> 00:02:04,350
 

29
00:02:04,650 --> 00:02:09,330
ここでの焦点は構文上のものではなく、パニックに陥らないことを指摘したいだけです。

30
00:02:09,330 --> 00:02:12,280
このコードが今後のビデオでどのように機能するかについては、多くの時間を費やしていきます。

31
00:02:12,390 --> 00:02:16,990
ここで焦点は何ですか。

32
00:02:17,070 --> 00:02:21,330
プロセスです。

33
00:02:21,570 --> 00:02:22,530
だから私があなたに理解してもらいたいのは、ここにいくつかのコードを置くことができるということです

34
00:02:22,530 --> 00:02:23,820
 

35
00:02:23,820 --> 00:02:26,570
コードが実際に何をコードしているのかは関係ありませんし、私はenterを押して実行します。

36
00:02:26,910 --> 00:02:32,130
だから、このコードは単純なアニメーションをします。

37
00:02:32,130 --> 00:02:33,330
100ミリ秒ごとに画像の幅に5ピクセルを追加します。

38
00:02:33,540 --> 00:02:36,320
まだ何もしていない。

39
00:02:36,340 --> 00:02:40,850
私はenterを押すとすぐに実行を開始します。

40
00:02:41,190 --> 00:02:42,760
同様に、私は他のコードをタイプすることができます。

41
00:02:42,800 --> 00:02:45,680
だからここに私のためにちょっとしたメッセージをポップアップさせる非常に簡単なプログラムがあります。

42
00:02:46,230 --> 00:02:48,550
みなさん、こんにちは。

43
00:02:48,660 --> 00:02:54,130
そして、私はenterを押し、そのポップアップが実行され、そのコードが実行されます。

44
00:02:54,540 --> 00:02:57,190
だから、私はjavascriptコンソールについて見せたいものです。

45
00:02:57,770 --> 00:03:02,930
コマンドオプションJを使用するか、開発者のjavascriptコンソールを表示するか、要素インスペクタを開いて短所をクリックして、任意のページにポップアップ表示できます。

46
00:03:03,480 --> 00:03:06,250
だから私たちはここで多くの時間を費やすつもりです。

47
00:03:06,270 --> 00:03:15,840
 

48
00:03:16,230 --> 00:03:20,960
 

49
00:03:20,970 --> 00:03:22,500