入門編 STEP 1
考える

Web 開発の全体像をつかむ

n8n / Dify と Web 開発の違いを整理し、フロント・API・DB の役割分担を理解する段階。

カリキュラムスタート
この STEP について詳しく見る

できるようになること

  • • Web アプリの全体像が分かる
  • • n8n / Dify と Web 開発の違いを説明できる
  • • フロント / API / DB の役割分担を説明できる

章一覧 (3)

目安時間 合計 25 分
  1. 1
    📄

    Webアプリアーキテクチャ全体像

    フロントエンド・バックエンド・DBがどう連携するかを理解し、React+Vite/Honoの分離構成とDify/n8nとの組み合わせ方を把握する

    未着手 考える
  2. 2
    📄

    n8n / Dify と Web 開発の違い

    ノーコードのフロー構築とコードで作る Web アプリの違いを整理し、既存経験を Web 開発へ接続する

    未着手 考える
  3. 3
    📄

    HTTP・REST API基礎

    HTTPプロトコルとREST設計を、lab-api に curl を打って 200/404/500/slow の 4 パターンを観測しながら体で覚える

    未着手 25 分 手を動かす