yasuhiro0607

今までのタイマーはほとんどフロントエンドで行っていたので編集を行います タイマー機能をバックエンドに移行する タイマーのエンティティを作成 package com.example.PomodoroTi ...

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

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

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

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

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

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

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

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

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