SKIP TO CONTENT
GENERAL TRACK

本物のアプリを作る

ページからアプリへとステップアップ。天気ダッシュボードとレシピブックを作ります。

1「アプリ」と「ページ」を分けるものは何?

あなたはこれまでウェブページ -- 少し操作できる静的な文書 -- を作ってきました。ウェブアプリはその先へ進みます。データを管理し、ユーザーの入力に動的に反応し、しばしばデスクトップやモバイルのアプリのように感じられます。

ページ vs. アプリ

ウェブページ

  • 固定された内容を表示する
  • 操作はほとんど、またはまったくない
  • イメージ:レストランのメニュー、ブログ記事

ウェブアプリ

  • 状態(変化するデータ)を管理する
  • ユーザーの入力にリアルタイムで反応する
  • イメージ:天気アプリ、レシピブック、Gmail

決定的な違いは状態です。アプリはデータをメモリに保持し(レシピの一覧や、天気検索での現在の都市など)、そのデータが変わると表示を更新します。検索、絞り込み、追加、削除をするたびに -- アプリの状態が変わり、画面がそれを反映します。

Your guide

2大きめのプロジェクトのためのプロンプト設計

3一緒に作ろう:天気ダッシュボード

4よくあるアプリのパターン

5チャレンジ:レシピブックアプリを作ろう