見出し画像

Flutterでポモドーロタイマーを作る(iOS)

Flutter(iOS)でポモドーロタイマー(25分勉強、5分休憩(4回に1回は15分休憩)を繰り返すタイマー)を作ってみました。
実装の流れを記事にしましたので、参考にしていただければ幸いです。

はじめに

本記事は独学でFlutterを勉強してポモドーロタイマーを作ってみた、というものです。

こんな方の参考になるかと思います
・Flutterでタイマーを作りたい
・Flutter, プログラミング初心者
・Flutterの環境構築はできている

※iOSでのみ動作確認しています。Android設定は網羅していませんのでご了承ください。

Flutterの環境構築は初心者向けのわかりやすい教材がすでにあるため省略させていただきます。

実装時の環境は下記の通りです。

主な環境
・使用PCはMacBook Air, macOS Big Sur 11.6
・Android Studio Chipmunk 2021.2
・Flutter 3.3.1
・Xcode 13.2.1
動作確認日 2022/09/11

実装に下記のパッケージを使いました。
パッケージの使用例を知りたい方はご参考にしていただければ嬉しいです。

使用パッケージ一覧
provider: ^6.0.3(状態管理のため)
flutter_local_notifications: ^9.9.1(タイマー終了通知を設定するため)
flutter_ringtone_player: ^3.2.0(アラームを設定するため)

こんなタイマーを実装します

25分作業→5分休憩を繰り返す方法を「ポモドーロテクニック」と言います。

このポモドーロテクニックを簡単に行うためのアプリです。

iPhoneのタイマー機能を使って時間を計ると、いちいち時間を設定したりスタートボタンを押すのが面倒です。
(25分測った後は、タイマーを5分に設定して、スタートボタン押して、5分休憩終わったら25分に設定して、スタートボタン押して.....自動でやってほしいなあ)

そこで作ったのが今回のアプリです。イメージは学校のチャイムです。
一度スタートすれば自動で25分→5分サイクル(25分を4回した後は5分ではなく15分休憩を挟む)で通知します。

ここから先は

66,774字 / 60画像

¥ 980

この記事が気に入ったらサポートをしてみませんか?