ビデオチュートリアル：JavaScriptとjQueryを学ぶ

JavaScriptとjQueryの究極のコースへようこそ。

このビデオでは、JavaScriptとは何か、そしてそれが私たちにもたらすものについて説明されています。

このビデオでは、どのエディターを使用するかを学び、一緒にインストールします。

このビデオでは、JavaScriptでクリックを利用する方法と変数の動作について示されています。

その If-Statement。If（「もし」と訳す）はプログラミングで非常に頻繁に使用されます。たとえば、特定の条件が満たされている場合にのみ何かを実行したいときに使われます。

このビデオでは、JavaScriptの配列（Arrays）について話します。それらは1つの変数内に複数の情報を保存することを可能にします。

このビデオでは、For-Loops（ループ）を学ぶことができます。これにより、特定のコードを複数回連続して実行することができます。

関数は、作成した後いつでも再利用できるミニプログラムの一種です。例えば、携帯電話でホームボタンを押すと、あなたをホーム画面に戻す関数が呼び出されます。つまり、関数は作業をかなり容易にします。

ここでは、挑戦の結果（クイズ）が表示され、さらにHTMLの基盤が確立されます。

ここではクイズのCSS（見た目）がプログラムされます。

ここでは、クイズのJavaScriptがプログラムされ、説明されます。

1つのパラメータを持つ関数がどのように機能するかをすでに見てきました。では、複数のパラメータを持つ関数を見ていきましょう。複数のパラメータは、異なる変数を使用したい場合に使用されます。例えば、数学では複数の値を足し合わせる場合などです。

グローバル変数とローカル変数があります。要約すると、グローバル変数は関数の外で作成される変数であり、ローカル変数は関数の内部で作成される変数です。ここでは、それがどのように機能するかを詳しく見ていきます。

プログラミング言語では、関数に戻り値を持たせることができます。これまで、単に何かを実行するだけの関数しか持っていませんでしたが、これからは戻り値を返すことで後続の処理に使えるような関数も書いていきます。そのために、今 RETURN を見ていきましょう。

この記事では、数学演算子と代入演算子について取り上げます。数学演算子には、足し算、引き算などの単純なものがあり、代入演算子には、例えば5を加えるなど、比較的簡単な演算を行うことができる方法が含まれています。プログラミングにおいて両方が重要であるため、この2つのテーマについてここで説明します。

プログラミングでは、繰り返しの3つ（または4つ）の異なる種類があります。Do-Whileループ、Whileループ、およびForループです。Forループはすでに学んでいます。ここではDo-While（foot-controlled）ループとWhileループ（head-controlled）について確認します。

この記事では、If条件の代替手段について話します。それはSwitch（スイッチ）とCase（ケース）です。つまり、異なるケースを切り替えるスイッチがあり、アクティブなものに切り替えることができます。

私たちはすでに配列について取り上げていましたが、詳細には触れていませんでした。配列に関してはまだ知るべきことがたくさんあります。JavaScriptの配列の最も重要な特性は要素の数 (length) です。しかし、配列には index などの他の特性もあり、それは例えば配列の位置0についての情報を提供してくれます。

オブジェクトは多くのプログラミング言語で非常に重要で興味深い概念です。基本的に、すべてを一種のオブジェクトとして表現することができます。通常、道路で見ることが多いオブジェクトを考えてみましょう: 車。車には特定の特性/特徴があり、特定のアクションを実行することができます。

JavaScriptでオブジェクトを作成する方法を見てみましょう。そのために、コンストラクタ関数を作成し、ヘッドタグ内にオブジェクトのインスタンス2つを作成します。オブジェクトと同じ名前を持つコンストラクタ関数内で、オブジェクトのインスタンスを作成する際にコンストラクタ関数に渡されるパラメータを、そのオブジェクトの値とするようにプログラムに指示します。

オブジェクトの機能の基盤として、前回のチュートリアルのコードから始めて、オブジェクトの各インスタンスで生成される変数を作成しました。

このチュートリアルでは、Mathオブジェクトについて学びます。これはMathクラスに基づくオブジェクトであり、さまざまなクールなプロパティや関数を持っています。

このビデオでは、DateオブジェクトまたはDateクラスについて説明しています。これは、プログラムで時間を組み込むために使用できるオブジェクトであり、必ずしも時刻や日付のことを指すわけではなく、時間間隔のことも考えられます。Dateオブジェクトには、1970年01月01日00時00分00秒から経過した時間が含まれています。Dateコンストラクタにパラメータを渡す様々な方法があります。

このビデオでは、JavaScriptを使ってインタラクティブな時計を作る方法を学びます。

このビデオでは、継承と多様性について説明されています。オブジェクト指向プログラミングの2つのコンセプトです。

この記事では、jQueryとは何かという問いに取り組みます。jQueryは、よりクールなウェブページを作成することを可能にするJavaScriptライブラリです。

ここでjQueryを使ってクリックをより簡単に処理する方法を学びます。

このチュートリアルでは、jQueryを使用してウェブサイトの見た目を変更する方法を学びます。たとえば、フィールドの属性を簡単に上書きすることができます。この例では、四角形の上にホバーすることで、iframeのリンク（src/source）を変更できます。マウスを乗せると、たとえば四角形の高さと幅の属性を上書きして四角形を拡大することができるため、コードを簡単に変更できます。一般的に言って、この方法を使ってウェブサイトの見た目を容易に変更することができます。

jQueryの便利な機能の1つは、要素をフェードアウトさせることです。この例では、別のボタンをクリックするとボタンがフェードアウトします。この際にはFadeOut機能（"フェードアウト機能"）を使用しています。その後、要素を再表示するには、FadeIn機能を使用します。

このビデオでは、jQueryのアニメーションに焦点を当てて説明します。つまり、動きを持つものです。したがって、私たちはウェブサイト上の要素が動く/変化するようにします。それには、jQueryにあるanimate()という関数があり、3つのパラメータを受け取ります。

私たちは、jQuery UIとは何かを見てみましょう。

アコーディオンは、アコーディオンのように、全体のうち特定の部分だけを見ることができるようにするウィジェットです。これは、多くの情報を伝達したいが、大きなテキストとしては見づらすぎる場合に特に便利です。

このチュートリアルでは、jQuery UIのソータブルについて説明します。これは、ソート可能な要素のことです。もしあなたがWunderlistやTrelloのような生産性向上のためのWebサイトを使用しているなら、これについて知っているでしょう。要素をソート可能にする機能は、様々なアプリケーションで使用できる非常に素晴らしい機能です。

時々、ユーザーが要素のサイズを変更したいときがあります。その場合、リサイズ可能なものがぴったりです。これにより、要素のサイズを変更できます。要素の右下に小さな三角形が表示され、クリックすると、マウスカーソルを押し続けることでそのサイズを大きくしたり小さくしたりできます。

jQuery UIを使用すると、要素をドラッグできるように簡単に作成することができます。その方法をここで見ていきましょう。

プログレスバーまたは進行バーは、特定のプロセスでユーザーがどのくらい進んでいるかを伝えるための素晴らしいツールです。たとえば、オンラインストアの購入プロセスやアンケートなどで、ユーザーがステップの実行をどのくらい進んでいるかを知るのに役立ちます。

このチュートリアルでは、jQuery UIのエフェクトについて簡単に説明したいと思います。実は、とても素敵なエフェクトがあり、あなたのウェブサイトをより魅力的に見せるだけでなく、ユーザーを驚かせることができます。

この動画で、挑戦の結果が見られます。FAQページ。

ここでよくある質問（FAQ）ページを作成します。

このビデオでは、この章でプログラムされているブレインゲームが紹介されます。

まず、ゲームの構造と外観について考えます。

それでは、ゲームの機能のいくつかについて対応していきます。

プレイヤーはゲーム内で最初のアクションを実行できるようになっていますが、今度はゲームを正しく再起動および終了できるようにします。

これからは、タイマーをゲームに組み込み、スコアを正しく計算し、ゲームを時間制限することだけが残っています。それに加えて、ゲームを完成させるためにいくつかの追加の小さなステップを進めます。

章のアプリが紹介されています。これはTo-doリストのアプリ/ウェブサイトです。

今、私たちは基盤を作り、jQuery Mobileで該当するテーマを作成して編集する方法を見ていきます。

OOPのアプローチを取っているので、適切なアーキテクチャを構築する必要があります。それについてはこちらで対応します。

このビデオでは、ページを追加し、タスクを作成するページに焦点を当てています。

投資ページと同様に、編集ページも入力され、適切な機能が付加される必要があります。

さて、私たちは再びアーキテクチャに取り掛かり、データ構造を作成できます。

今、私たちのデータ構造ができたので、それをUIで呼び出すことがかなり簡単にできます。

プログラミングでは、「説明フロー」にいくつかのステップが必要であり、それを今修正できます。さらに、データの永続的な保存を行い、アプリを完成させます。