Zenn
🦓

【Spring Boot入門】スキル学習ログを記録するWebアプリを作成してみた

に公開
Java
Spring Boot
Thymeleaf
H2 Database
tech

はじめに

副業や日々のスキル学習を続ける中で、「何をやったか」「どれだけ時間を使ったか」を記録・管理したいと感じることが多くなりました。
そこで、Spring Boot を使ってスキルログを記録できる簡単なWebアプリを作成してみました。

使用技術

  • Java 17
  • Spring Boot 3.2.x
  • Thymeleaf
  • H2 Database

実装した内容

📋 登録画面

  • スキル内容、時間、カテゴリ、日付を入力して登録

📝 一覧画面

  • 登録したログを降順で表示

つまずいたこと・工夫したこと

  • Thymeleafのth:replaceタグを用いて共通レイアウトを導入しました。
    差し込む内容（content）を id="main-content" として定義し、
    th:replace="skilllog/layout :: layout(~{::#main-content})" のように記述する必要があります。
    最初はid="main-content"を内側に入れていたため、レイアウトに中身が渡らず困りました。
th:replace="skilllog/layout :: layout(~{::#main-content})"

まとめ

ここまで読んでいただきありがとうございます！
この記事がSpring Bootを学ぶ方の参考になれば嬉しいです。

Discussion