MyPetDairy制作日記
- 概要：自身のペットに関する日記アプリ
- 前置き：この記事は完全に自身のアウトプットのための個人記事です。読みやすさや参考度合いはあまりご期待しないでください。
現在の進行状況
- ログイン画面
- ログアウト機能
- 新規登録機能
- メイン画面
- お天気API連携
- 投稿機能
- ユーザー別個別メイン画面
- 個別PW機能
- MySQL連携
- メイン画面のトップに我が子の写真アップ＆表示機能
今後の改修予定
- 各画面のデザイン改修
- HTMLファイルの改修
- ユーザー同士の交流機能
- 投稿機能
- メイン画面の改修
作業しながら学んだことのアウトプット
- html内のにjs文を書き込む際に、springbootとjspでは書き方が変わる
springboot: 「script th:src="@{/js/weather.js}" defer></script」
jsp:「script src="weather.js"defer></script」
Q.なぜ変わる？
A.
1. サーバー上での「正しい住所（パス）」を自動計算するため
Spring BootなどのWebアプリでは、アプリが動く場所（コンテキストパスといいます）が環境によって変わることがあります。
自分のPC：http://localhost:8080/
本番サーバー：https://example.com/myapp/
ただの src="weather.js" だと、アプリの居場所が変わった途端に「ファイルが見つかりません！」と迷子になる
Thymeleafの @{...} という記法を使うと、Spring Bootがその時の環境に合わせて 「どこに JS フォルダがあるか」を自動で計算して繋いでくれる
2. Spring Bootの「お作法」に従うため
Spring Bootでは、静的ファイル（CSSやJS）は static フォルダに入れるルールになっていらしい？
th:src="@{/js/weather.js}"と書くと、Spring Bootは自動的に「src/main/resources/static の中にある js フォルダの weather.js を見に行けばいいんだな」 と理解してくれる
感想
職業訓練では、java と python を学んでいたので、マークアップ言語に関しては、さらに詳しく学ぶ必要性があると感じました。また、現場での慣習というかお作法に関しても、最低限学んでおく必要性があると認識しました。