Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
FastAPI + React によるフルスタック Web開発
Rating: 3.9 out of 5(182 ratings)
2,174 students

FastAPI + React によるフルスタック Web開発

Fast API, React, Mongo DBを使ったFARMスタックによるSPA開発 (JWT, httpOnly cookie, CSRF token)
Created byZin nux
Last updated 2/2025
Japanese

What you'll learn

  • FARM (FastAPI, React, MongoDB)スタックを使ったSPA開発
  • Fast API と Mongo DBの連携
  • JWT認証・httpOnly cookie・CSRF Token・CORS
  • Fast API + Reactを連携したCRUD操作

Course content

4 sections30 lectures3h 28m total length
  • コースの概要5:47
  • コースに必要なツール0:27
  • Node version0:03

Requirements

  • mac OS (推奨)
  • React Hooks, TypeScript, Redux Toolkitの基礎知識

Description

本コースでは、最近注目が高まっているFARM (Fast API, React, Mongo DB)スタックを使用したSPA(シングルページアプリケーション)のFull Stack Web開発手法について学習します。FARM stackはMERN stack (Mongo DB, Express, React, Nodejs)のExpress+NodejsをFast APIで置き換えた新しいスタックです。Fast API は、Golang並みに高速かつ、シンプルでAPIドキュメントの自動生成機能も提供してくれるモダンなPython製 Web API Frameworkです。


本コースの学習のポイント

  • Fast APIを使ったREST APIの実装 (CRUD + JWT認証)

  • Fast API と Mongo DBの連携

  • httpOnly cookieによるXSS対策

  • CSRF tokenによるCSRF対策

  • JWT有効期限の自動延長

  • Reactを使ったフロントエンドの実装

    → React-query, TypeScript, Redux, Tailwind CSS

  • REST API と Reactの連携 (SPA) -> FARM stack

  • Deploy Fast API to Render or Heroku

  • Deploy React to Firebase

Who this course is for:

  • SPAのフルスタック開発に興味のある人
  • MERNより新しいFARMスタックやFast APIにキャッチアップしたい人