2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

プログラミング学習歴約6ヶ月、実務未経験がポモドーロタイマー作ってみた

Last updated at Posted at 2024-11-28

どうもこんにちは。ちなっぷです。
(私が何者なのか、少しでも気になってくれた方はこちらから自己紹介させてください。)

プログラミング学習を開始して約半年が経過したので、現時点での自分の実力のアウトプットととして、ポモドーロタイマー開発に挑戦しました。
見てやっても良いぞって方はこちらからぜひ使ってみてください。

スクリーンショット 2024-11-28 14.37.46.png

ちなみに、今回の詳細設計は以下です。

概要:

作業 / 休憩のサイクルのポモドーロタイマー
※デフォルトは25分作業 / 5分休憩のサイクルで設定画面にてカスタマイズ可能

基本機能:

-タイマー機能(開始 / 停止 / リセット)
-作業 / 休憩の切り替え機能
-サウンド機能(BGM再生)

その他機能:

-統計機能(1日の作業セッション数表示)
-設定の保存

技術スタック:

-React(UI構築)
-TypeScript(型安全性)
-Tailwind CSS(デザイン)
-localStorage(データ保存)

差別化ポイント:

-BGM選択(雨音 / 波音 / カフェ環境音)
-音量調整
-タイマー終了時のアラーム
-作業タイマー終了時のストレッチ推奨

ちなみに、実装期間は約3日でした。
完全未経験かつ初めてのアプリ開発なのにこの早さ(遅いと感じる方もいらっしゃると思いますが…)の理由はChatGPTのおかげです。
と言うのも、一つのバグを修正すると違う場所でバグが起きるの繰り返しで、このままだと投げ出してどこかに逃げてしまいそうだったからです。
なので、タイマーの再生停止やリセットに加え、BGM機能等々、色々な機能を付けようとすると複雑化してしまう関数の汎用化などはChatGPTのお知恵を拝借しました。

今回、アプリ開発の要件定義から実装、デプロイ、さらに本ブログでのアナウンスに至る工程を最後まで諦めずに実行できた良い経験となりました。

次回も引き続きChatGPTのお知恵を拝借(効率よく活用)しつつ、どんなものを作ろうかワクワクしております。

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?