【Webアプリ開発2026 #1】はじめに

講師自己紹介

メイン講師

坂野(su6y)
  • 2025年新卒入社 / 2年目
  • 担当
    • オプションサービスの開発、運用
      • @niftyまかせて365
      • …etc
    • NIFTY engineering の開発、運用
  • 普段使う言語
    • Python
    • TypeScript
    • Terraform

けに
  • 新卒3年目
  • 担当
    • 社内データ基盤の運用、保守
  • 普段使う言語
    • Python
    • SQL
    • Terraform

この講義について

目的

  • Webアプリがどのように動いているのか(ブラウザ⇄サーバー間のやり取り)の全体像を理解する
  • フロントエンド・バックエンドそれぞれの役割と代表的な構成・パターンを理解し、Webアプリ開発へ入っていける状態にする

ゴール

  • Webのエコシステムと、業務で使うツール群・フレームワークの位置づけを理解している
  • フロントエンド
    • ブラウザがWebページを表示するまでの流れを理解している
    • CSR(SPA)・SSR・SSG・ISR・PPR といったレンダリング方式の違いと使いどころを説明できる
    • JavaScriptのランタイム・モジュールシステム・ビルド処理の基本を理解している
  • バックエンド
    • API・REST・RESTful API の基本的な考え方を理解している
    • PythonでAPIを開発でき、バックエンドの代表的なアーキテクチャパターンを理解している

注意点

  • 目指さないこと
    • 個々の技術を網羅的に説明すること

目次

📄Arrow icon of a page link【Webアプリ開発2026 #2】エコシステム

📄Arrow icon of a page link【Webアプリ開発2026 #3】業務で使用するツール群

📄Arrow icon of a page link【Webアプリ開発2026 #4】フレームワーク

📄Arrow icon of a page link【Webアプリ開発2026 #5】フロントエンドとは

📄Arrow icon of a page link【Webアプリ開発2026 #6】ブラウザで WEB ページを表示するまで

📄Arrow icon of a page link【Webアプリ開発2026 #7】MVC(Model-View-Controller)

📄Arrow icon of a page link【Webアプリ開発2026 #8】SPA(Single-page Application) (CSR(Client Side Rendering))

📄Arrow icon of a page link【Webアプリ開発2026 #9】SSR(Server Side Rendering)

📄Arrow icon of a page link【Webアプリ開発2026 #10】SSG(Static Site Generation), ISR, PPR

📄Arrow icon of a page link【Webアプリ開発2026 #11】フロントエンドの歴史雑感

📄Arrow icon of a page link【Webアプリ開発2026 #12】JavaScriptの諸事情1: ランタイムとモジュールシステム

📄Arrow icon of a page link【Webアプリ開発2026 #13】JavaScriptの諸事情2: ビルド処理

📄Arrow icon of a page link【Webアプリ開発2026 #14】よくあるWebサイトの構成

📄Arrow icon of a page link【Webアプリ開発2026 #15】フロントエンドまとめ

📄Arrow icon of a page link【Webアプリ開発2026 #16】APIとは

📄Arrow icon of a page link【Webアプリ開発2026 #17】REST

📄Arrow icon of a page link【Webアプリ開発2026 #18】REST(ful) API

📄Arrow icon of a page link【Webアプリ開発2026 #19】PythonでAPIを開発する

📄Arrow icon of a page link【Webアプリ開発2026 #20】バックエンドにおけるアーキテクチャパターン

📄Arrow icon of a page link【Webアプリ開発2026 #21】バックエンドまとめ