233 件のレッスンと 555 件のレッスン動画が見つかりました。

#07 タイマーを終了させよう PREMIUM

JavaScriptでカウントダウンタイマーを作ろう
残り時間が0より小さくなったら、タイマーを終了させるようにします。

#08 残り時間を分と秒で表示させよう PREMIUM

JavaScriptでカウントダウンタイマーを作ろう
求めたミリ秒を、分と秒で表現されるようにしていきます。

#09 残り時間の桁数を合わせよう PREMIUM

JavaScriptでカウントダウンタイマーを作ろう
分と秒を2桁ずつで表示されるようにしたあと、ボタンをクリックしたらボタンを押せないようにします。

#10 CSSでスタイリングしていこう PREMIUM

JavaScriptでカウントダウンタイマーを作ろう
CSSファイルを作ったあとに、main要素のスタイルを整えていきます。

#11 全体のスタイルを整えよう PREMIUM

JavaScriptでカウントダウンタイマーを作ろう
main要素のスタイルをさらに追加し、全体を大まかにスタイリングしていきます。

#12 テキストのスタイルを整えよう PREMIUM

JavaScriptでカウントダウンタイマーを作ろう
p要素にデフォルトで設定されている余白をリセットしたあと、タイマーを表示する部分をスタイリングしていきます。

#13 ボタンのスタイルを整えよう PREMIUM

JavaScriptでカウントダウンタイマーを作ろう
ボタンにデフォルトで設定されているスタイルをリセットしたあとに、スタイルを整えていきます。

#14 ボタンが押せることをわかりやすくしよう PREMIUM

JavaScriptでカウントダウンタイマーを作ろう
ボタンの見た目を変化させて、クリックできることがわかりやすくしていきます。

#15 ボタンを無効化したときの見た目を作ろう PREMIUM

JavaScriptでカウントダウンタイマーを作ろう
タイマーが終了するまで、ボタン操作ができないことがわかりやすくなるようにします。

#16 完成したアプリを振り返ろう PREMIUM

JavaScriptでカウントダウンタイマーを作ろう
完成したアプリを振り返りながら、レッスンを学習し終えたあとのステップアップについてお話していきます。