COURSE · 3 chapters · 11 lessons

TODOアプリを作る

HTML・CSS・JavaScript を1つにして、はじめての「動くアプリ」を作る

HTML と CSS の書き方はここでは説明しないよ。JavaScript は入門コースの「関数」まで分かっていれば進められる。 HTML & CSS コースを見る

1レッスンが作る手順の1ステップだよ。前の回の続きから始まるので、上から順に進めてね。最後に自分の端末へ書き出せる。

きみの進み具合

0 / 11 問クリア

この端末に残った記録から数えています。

この章について読む

まず置く

  1. 01画面の骨組みを作る入力欄・ボタン・空のリスト。まだ動かないけれど、これから触る相手をぜんぶ置こう。3枚 · 1問問題へ

動かす

  1. 02打った文字をふやすボタンを押したら、入力欄の文字が下に並ぶ。はじめて画面が動く回だよ。3枚 · 1問問題へ
  2. 03Enter キーでもふやす入力欄で Enter を押しても追加できるように。ここで「送信を止める」を覚えるよ。3枚 · 1問問題へ
  3. 04終わったものを消す1行ごとに「おわった」ボタンを付けて、押したその行だけを消せるようにしよう。3枚 · 1問問題へ

仕上げて持ち帰る

  1. 05仕上げて持ち帰るカードらしく整えて、できたアプリを自分の端末に保存しよう。3枚 · 1問問題へ