タイマー名と設定時間(分・秒)を入力して追加する。 それぞれのタイマーは円グラフで残り時間を視覚的に表示し、中央に残り時間を文字で表示する。 スタート、ストップ、リセット、削除の操作ボタンがある。 タイマーが終了すると音が鳴り、通知 ...
現在はJavaScriptの基礎に取り組んでいます。 UdemyやProgateで基礎的な構文を学びつつ、 今週から実際に自分で仕様を作った簡単なWEBアプリを 開発していきたいと思います。 HTML/CSSの模写でも実感したことですが、 「ある程度基本の書き方を学んだら、それを ...
ユーバープログラミングスクールの中村里香代表による、小学校のプログラミング授業で使ってほしいプログラミング言語Scratch(スクラッチ)の学習動画第30回。 今回は<初級者>向け、Scratchでタイマーのプログラムを作成します。 タイマーの機能を作る ...
今度は配置した四角形のサイズを変更してみます。ただ変更するだけでは面白くないので、3分タイマーを作成してみます。時間の経過とともに四角形の縦幅が小さくなるようにします。 まず四角形を図のように設定します。 次に「ループ」のカテゴリを ...