n8n / Dify と Web 開発の違いを整理し、フロント・API・DB の役割分担を理解する段階。
できるようになること
Webアプリアーキテクチャ全体像
フロントエンド・バックエンド・DBがどう連携するかを理解し、React+Vite/Honoの分離構成とDify/n8nとの組み合わせ方を把握する
n8n / Dify と Web 開発の違い
ノーコードのフロー構築とコードで作る Web アプリの違いを整理し、既存経験を Web 開発へ接続する
HTTP・REST API基礎
HTTPプロトコルの仕組みとREST APIの設計原則を理解し、フロントエンドとバックエンドの通信を読み解く
次の STEP →
STEP 2: 何を作るかを整理する