• Sample Page

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

yasublog

  • Sample Page
no image

Uncategorized

バックエンドでよりJavaを使用する

2025/5/14  

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

no image

Uncategorized

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

2025/5/3  

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

no image

Uncategorized

紐付け2

2025/5/3  

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

no image

Uncategorized

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

2025/5/1  

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

no image

Uncategorized

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

2025/4/29  

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

no image

Uncategorized

カレンダー作成

2025/5/1  

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

no image

Uncategorized

一時停止機能の追加

2025/4/28  

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

no image

Uncategorized

タイマーの状態遷移

2025/4/24  

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

no image

Uncategorized

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

2025/4/10  

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

no image

Uncategorized

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

2025/4/9  

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

1 2 Next »
  • Twitter
  • Share
  • Pocket
  • Hatena
  • LINE
  • URLコピー

Recent Posts

  • バックエンドでよりJavaを使用する
  • ページを移動するとタイマーがリセットされてしまう
  • 紐付け2
  • カレンダーの表示部分を変更する
  • 機能ごとにページを分ける

Recent Comments

表示できるコメントはありません。

Archives

  • 2025年5月
  • 2025年4月
  • 2025年3月

Categories

  • Uncategorized
  • アプリケーション開発

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

yasublog

© 2025 yasublog