Windows環境に Node.js および npm をインストールする方法を学びます。

パッケージマネージャー yarn のインストール方法および使い方を学びます。

yarn がうまく動作しない場合の対応方法いついて解説します。

Windows環境に Visual Studio Code をインストールする方法および設定しておくとよい初期設定について学びます。

Windows環境で通信キャプチャを行えるツール Fiddler Clasic をインストールする方法を学びます。

コンソールに「Hello World」を表示するプログラム作成を通じて、Visual Studio Code や Node.js の基本的な操作について学びます。

今後開発を進めていくにあたり必須となる「デバッグ」の方法について学習します。

Webアプリケーションの基本といえる「リクエスト/レスポンス」の中身（内容や構成）について学習します。

本講座で作成するWebアプリケーションは「飲食店の口コミサービス（tastylog）」です。

どのような完成イメージなのか完成したアプリを見ながら確認していきます。

本講座で開発するアプリケーションの構成は「Node.js + MySQL」です。

構成の概要について確認します。

本講座で作成する画面について「画面フロー」と「画面設計」を確認します。

本講座で扱うデータについて、「概念データモデル」および「テーブル定義」を元に確認していきます。

また、テーブル設計時に気を付けておきたいポイントについても学習します。

Webアプリケーションをリリースする際、接続情報などは環境変数で与えます。

本レクチャーでは、Node.jsで環境変数を利用する方法について学習します。

「tastylog」プロジェクトのひな型を作成します。

フォルダ作成、package.json作成、.gitignore作成、環境変数ファイル作成、デバッグ構成を行います。

プログラムを実行せず、ソースコードの不備を検出するツールが「静的解析ツール」です。

本レクチャーでは Node.js でよく利用される静的解析ツールについてご紹介いたします。

静的解析を便利に利用できるようにするための Visual Studio Code プラグインをインストールします。

プロジェクトに静的解析が行われるような仕組みを入れていきます。

プロジェクトに適用する静的解析ルールを設定します。

本レクチャーではルールの探し方を学んだうえで、以下のルール作成を行います。

• インデント

• 文字の囲み

• セミコロン

• 未使用変数

• console

Express.js とはどのような機能があるのか、何ができて何ができないのか、について学習します。

Node.js + Express を使った構成で基本となる「Hello World」を表示するプログラムを作成します。

基本構成の作成を通して Node.js + Express の使い方について学びます。

Expressで利用されるミドルウェアとはどのようなものなのか、どのように定義、利用するのか、について学習します。

Expressを使ったURLルーティング方法について学習します。

サーバーサイドへデータを渡す方法の１つ「パスパラメータ」を利用したデータの渡し方を学習します。

サーバーサイドへデータを渡す方法の１つ「クエリパラメータ」を利用したデータの渡し方を学習します。

Expressを使ってWebページを返す際に利用する「テンプレート」の仕組みについて学習します。

本プロジェクトで利用するテンプレートエンジン「ejs」向けのプラグインをインストールします。

EJSを利用する際に知っておきたい以下の基本構文について学習します。

• 値出力（エスケープ）

• 値出力（アンエスケープ）

• コード実行

• コメント

HTMLを返却する際に注意したいXSS（クロスサイトスクリプティング）脆弱性について、概要と対策を学習します。

Node.js + Express に加えてテンプレートエンジンを使った「Hello World」を表示するプログラムを作成します。

このプログラム作成を通して基本的なテンプレートエンジンの使い方を学習します。

Webアプリケーションにおけるコンテンツには「静的コンテンツ」と「動的コンテンツ」があります。

それぞれどのようなものなのか、について学習します。

Node.js + Express を使って静的コンテンツを配信する実装を行います。

faviconとは何なのかを学習し、faviconを配信する実装方法について学習します。

誰でもアクセスできるトップページをここから作成していきます。

本レクチャーではページのパーツ分割方法を確認し、作成にあたっての大まかな進め方を確認します。

HTMLページで共通的に利用される「メタ情報」部分の作成を行います。

HTMLページで共通的に利用される「スタイルシート」部分の作成を行います。

HTMLページで共通的に利用される「JavaScript」部分の作成を行います。

HTMLページの共通パーツ「ヘッダー」部分の作成を行います。

HTMLページの共通パーツ「フッター」部分の作成を行います。

これまでに作成した共通パーツを利用し、メインコンテンツを作成します。

サーバーサイド情報が漏洩することによる危険性とその対策について学習します。