2021年07月28日(水曜日)
時間管理術のひとつであるポモドーロ・テクニック実現する、
タイマーアプリを作る勉強会を開催しました。
■概要
気軽に作れるようにJavaScriptを使用
主要な関数の紹介と、コードについて解説
■ポモドーロ・テクニックとは
集中力を高め、効率的に仕事をするテクニックで、短めの作業と短い休憩を繰り返す方法
具体的には「25分の作業+5分の休憩」を1ポモドーロとし、
4ポモドーロ(2時間)ごとに30分間の休憩、これを繰り返す
■タイマー機能の関数について
一回限りのタイマーであるsetTimeout関数と、
何度も同じタイミングで動作を繰り返せるsetInterval関数がある
・setInterval関数/clearInterval関数
clearIntervalで停止させない限り延々と実行される
*今回はこちらの関数を使用
・setTimeout関数/clearTimeout関数
関数が実行されてから関数内で指定した時間の分だけ時間が経過した後に、特定の動作をさせたいという場合に使用
clearTimeout関数を使ってsetTimeoutのタイマーをキャンセルさせる
■今回のポイント
・setIntervalは非同期通信である
・処理が二つあると並行で行える関数
・先に書いてある処理も進んでしまうので、
そのことをふまえたうえで記述をしなければならない
■async/await・promise
こちらを用いた非同期処理の書き方は、
チャットといったプログラムを書く際に必須になってくる
タイマーアプリを作る勉強会を開催しました。
■概要
気軽に作れるようにJavaScriptを使用
主要な関数の紹介と、コードについて解説
■ポモドーロ・テクニックとは
集中力を高め、効率的に仕事をするテクニックで、短めの作業と短い休憩を繰り返す方法
具体的には「25分の作業+5分の休憩」を1ポモドーロとし、
4ポモドーロ(2時間)ごとに30分間の休憩、これを繰り返す
■タイマー機能の関数について
一回限りのタイマーであるsetTimeout関数と、
何度も同じタイミングで動作を繰り返せるsetInterval関数がある
・setInterval関数/clearInterval関数
clearIntervalで停止させない限り延々と実行される
*今回はこちらの関数を使用
・setTimeout関数/clearTimeout関数
関数が実行されてから関数内で指定した時間の分だけ時間が経過した後に、特定の動作をさせたいという場合に使用
clearTimeout関数を使ってsetTimeoutのタイマーをキャンセルさせる
■今回のポイント
・setIntervalは非同期通信である
・処理が二つあると並行で行える関数
・先に書いてある処理も進んでしまうので、
そのことをふまえたうえで記述をしなければならない
■async/await・promise
こちらを用いた非同期処理の書き方は、
チャットといったプログラムを書く際に必須になってくる