コンソールで作るデプロイダッシュボード
この無料コースは10章構成です。空のページから、ルート、データ、テストを備えたAcme Deploysを作り、デプロイします。各章は、読み進めながらDevToolsで実行できます。
進捗0/10
- 01はじめにアプリを作成し、最初のページを描画して、キー入力に応答します。5分
- 02Boxによるレイアウトセル単位のFlexboxで、トップバー、サイドバー、カードを備えたダッシュボードの外枠を作成します。7分
- 03テキストとスタイル色、テキスト属性、テーマトークンでデプロイカードのスタイルを設定します。6分
- 04入力とキーマップキーボードでデプロイ間を移動し、?のヘルプオーバーレイを追加します。8分
- 05ルーティング共通のレイアウト、ショートカット付きリンク、履歴を使って、アプリをルートに分割します。8分
- 06データとルートハンドラーapp/apiからデプロイを配信し、ページで取得して、新しいデプロイをPOSTします。8分
- 07Table、List、チャート自作の行を、並べ替え可能なTableとレイアウトがずれないチャートに置き換えます。7分
- 08テスト画面外で描画し、キーを押して、フレームをテキストとして検証します。6分
- 09ターミナルでの実行text runで同じダッシュボードをターミナルの全画面で実行します。5分
- 10公開ビルドし、メタデータを設定して、Acme Deploysをデプロイします。4分
- ▼修了証名前入りの修了証をコンソールに描画して受け取れます。
コンソールで進めるコース
⌘⌥JCtrl+Shift+J⌘⌥KCtrl+Shift+K⌘⌥Cでコンソールを開き（先に開発者向け機能を有効化）、下をクリックして矢印キーで章を選びます。
▼ learn
コンソールを開く
⌘⌥J
CtrlShiftJ
⌘⌥K
CtrlShiftK
⌘⌥C
アプリはDevToolsに描画されます。まずSafariの「設定」→「詳細」で「Webデベロッパ用の機能を表示」をオンにします。 次にここをクリックして、↓を押します。
デスクトップで開く
このアプリはDevToolsのコンソールに描画されるため、デスクトップブラウザーが必要です。