LECTURE 1
オリエンテーション＆Webアプリ概論
講習会の進め方と、traQ を題材にフロントエンド、ネットワーク、サーバー、データベースが連携する Web アプリの全体像を学びます。
座学編
Webエンジニアになろう講習会の座学スライドです。 座学編で技術の全体像や背景をつかんだ後、対応する実習編で実際に手を動かして学びます。
資料の見方
レイアウトされたスライドをそのまま読めるPDF 版がおすすめです。 ブラウザ上でスライドをめくりたい場合は HTML 版を利用できます。どちらも新しいタブで開きます。
第一部
Web サービスの基本要素を知り、基本的な Web アプリを作るための知識を学びます。
LECTURE 2
プログラミング心得＆フロントエンド基礎
読みやすいコード、Linter・Formatter、コードレビューを起点に、JavaScript の歴史と現代の Web フロントエンド開発を学びます。
LECTURE 3
インターネット概論＆サーバー入門
HTTP のリクエスト・レスポンスから、TCP の順序制御と到達保証、IP によるデータ伝送までを学びます。
LECTURE 4
データベース入門
RDBMS・SQL・NoSQL などのデータベース基礎と、設定値や機密情報を安全に扱うための環境変数を学びます。
第二部
認証・認可、セキュリティ、テスト、コンテナなど、Web アプリを安全に開発・運用するための周辺技術を学びます。
LECTURE 5
認証・認可
認証と認可の違い、パスワード、セッション、JWT、OAuth 2.0、OpenID Connect の仕組みを学びます。
LECTURE 6
セキュリティ入門
サーバーとブラウザの両面から、SQL Injection、SOP・CORS、XSS、CSP、Cookie などのセキュリティを学びます。
LECTURE 7
テスト・CI/CD
テストの役割と種類、Mocking、GitHub Actions を使った CI/CD の考え方を学びます。
LECTURE 8
Docker
Docker とコンテナの仕組み、Image、Volume、Network など、実践に必要な基礎を学びます。