基礎編
Expressの基本を学ぼう プラス
Node.jsのWebフレームワークであるExpressを使って、Webアプリケーションの土台を作る方法を学びます。サーバーの起動からルーティング、テンプレートエンジンによる画面表示までを身につけましょう。
- Express
- EJS
データベースと連携しよう プラス
Webアプリケーションとデータベースを連携させる方法を学びます。データの取得・表示から、フォームを使ったデータの追加までを実装します。
- データベース連携
- フォーム
データの更新と削除を実装しよう プラス
データベースのデータを更新・削除する機能を実装します。CRUD操作を一通り実装できるようになりましょう。
- データ更新
- データ削除
デバッグの基本を学ぼう プラス
バックエンド開発に欠かせないデバッグの手順を学びます。エラーや値を可視化しながら、バグの原因を特定して修正する力を身につけましょう。
- デバッグ手法
- エラーの可視化
学習内容をみる (4演習)
応用編
ログイン機能を学ぼう プラス
実際のWebサービスに欠かせないログイン機能を実装します。ユーザー認証とセッション管理の仕組みを学びましょう。
- ログイン機能
- セッション管理
ユーザー登録機能を学ぼう プラス
ユーザー登録機能を実装しながら、バリデーションとパスワードの安全な取り扱い(ハッシュ化)を学びます。
- ユーザー登録
- パスワードのハッシュ化
実践編
ローカル開発環境を準備しよう
ここからは、自分のパソコンに開発環境を構築して Progate Path の実践課題に取り組みます。必要なツールをインストールしましょう。
- 開発環境構築
- MySQL
Expressアプリの開発に挑戦しよう
支払い計算アプリを題材に、ルーティングの追加・機能の実装・ミドルウェアの作成・バグ修正と、Expressアプリ開発の一連の流れをローカル環境で実践します。
- ミドルウェア
- バグ修正
Prisma で ORM を学ぼう
実務で広く使われている ORM の Prisma を使って、スキーマ定義からCRUD操作・高度なクエリまでを実践します。SQLを直接書かずにデータベースを安全に操作する方法を身につけましょう。
- Prisma
- ORM
JSON API とバリデーションを実装しよう
フロントエンドやモバイルアプリと連携するための JSON API を Express で実装します。express-validator を使った実践的なバリデーションも段階的に学びます。
- JSON API
- express-validator
既存アプリのデバッグと改修に挑戦しよう
TweetAppというWebアプリケーションの開発プロジェクトに参加した想定で、既存コードを読み解きながらテキスト修正やバグ修正に取り組みます。実務に近い開発体験を積みましょう。
- エラー修正
- 既存コードの改修
学習内容をみる (3演習)
REST に従って機能を開発しよう
RESTの原則に従ったルーティング設計を学びながら、TweetAppに投稿日時表示・コメント・画像アップロード・リツイートなどの機能を追加していきます。
- REST
- 画像アップロード
Webセキュリティを実践しよう
Webアプリケーションを公開するうえで欠かせないセキュリティ対策を実践します。SQLインジェクション・XSS・認可不備という代表的な脆弱性を、実際に修正しながら学びましょう。
- SQLインジェクション対策
- XSS対策
学習内容をみる (3演習)
総仕上げ: アプリをゼロから実装しよう
コースの総仕上げとして、TODOアプリとECアプリのAPIをゼロから実装します。これまで学んだExpress・Prisma・バリデーション・RESTの知識を総動員しましょう。
- TODOアプリ開発
- EC APIの実装
学習内容をみる (2演習)
よくある質問
- Expressとは何ですか?
- Node.jsで動作するWebアプリケーションフレームワークです。シンプルで柔軟な設計が特徴で、世界中のWebサービスのバックエンドで広く使われています。
- プログラミング初心者でも受講できますか?
- 本コースはJavaScriptの基礎を学んだ方を対象としています。はじめての方は、先にWeb制作入門などでHTML/CSS・JavaScriptの基礎を学ぶことをおすすめします。
- このコースを終えると何ができるようになりますか?
- Expressを使ったWebアプリケーション・JSON APIの実装、Prismaによるデータベース操作、バリデーションやセキュリティ対策など、バックエンド開発の一連のスキルが身につきます。最終的にはTODOアプリやECアプリのAPIをゼロから実装できるようになります。
- ローカル環境での開発は必要ですか?
- はい。コースの後半では自分のパソコンに開発環境を構築し、Progate Pathの実践課題に取り組みます。環境構築の手順もコース内で丁寧に解説しているので安心してください。