未経験からプログラマーへ

年別アーカイブ：2025年

: Uncategorized

ページを移動するとタイマーがリセットされてしまう

2025/5/3

ポモドーロタイマーがページ遷移やリロード後に初期化されてしまう原因は、状態（残り時間やタイマーの進行状況など）をコンポーネントのローカル状態にのみ保持しているためです。これを防ぐためには、状態を外部ス ...

: Uncategorized

紐付け２

2025/5/3

考えられる原因: ステップ１：PomodoroTimer.vue の修正（work-finished イベントの date の形式を明確化） PomodoroCalendar での日付フィルタリングと ...

: Uncategorized

カレンダーの表示部分を変更する

2025/5/1

最終的には以下のようにその週だけを表示したいそのために編集を行うステップ１：PomodoroCalendar.vue の <script> の修正（データの準備と計算ロジックの変更） ...

: Uncategorized

機能ごとにページを分ける

2025/4/29

現場１画面に集約されてしまっているため機能ごとにページを分けていきますステップ２：ルーティングの設定 src ディレクトリに router フォルダを作成し、その中に index.js ファイルを作 ...

: Uncategorized

カレンダー作成

2025/5/1

完了したタスクをカレンダーに記録するため週ごとのカレンダーを作成したいそのためvueを使用して作っていくステップ１：カレンダーの基本的な表示まずはカレンダーの基本的な表示を作成しましょう。画像の ...

: Uncategorized

一時停止機能の追加

2025/4/28

一度動いたタイマーを止められないので一時停止機能を追加しますこの部分では記載したはずの一時停止タイマーが出力されない、タスク終了後休憩タイマーに遷移しなかったりと大変でした 1. data オプション ...

: Uncategorized

タイマーの状態遷移

2025/4/24

どこで何がtrue なのかわからなくなってしまったのでまとめてみましたポモドーロタイマー設定画面全てがfalse isWorkTimerActive: false, // 作業タイマーがアクティブ ...

: Uncategorized

ポモドーロタイマー：フロントエンドを作る

2025/4/10

こんにちは！フロントエンド初心者のやすです。今回は、ポートフォリオ作品として、ポモドーロタイマーを作成した際の、フロントエンド部分の開発についてご紹介します。バックエンドはJavaで作成済みなので、 ...

: Uncategorized

三層構造再入門：冗長コードを解消し、より堅牢なWebアプリへ

2025/4/9

こんにちは！Web開発における三層構造、一度は学んだものの、いざ実装しようとすると「あれ、どこに何を記述すればいいんだっけ？」と手が止まってしまうこと、ありますよね。私もまさにその状態でした。冗長なコ ...

: Uncategorized

ポモドーロタイマーの作成

2025/4/6

初めから動くタイマーを作成するのは難しいと考えました。そのため以下のように分割して作業を行なったステップ1：ターミナルでシンプルなカウントダウンタイマーを作るまずは、ターミナル上で指定した秒数をカ ...

1 2 Next »