JavaScript

フレームワーク

【食事内容管理Webアプリ】FullCalendarのイベントドラッグ&ドロップ

FullCalendarに用意されているExternal Event Dragging機能を使用して、イベントをカレンダーにドラッグ&ドロップする機能を追加します。この機能が実装されればメニューの登録作業がさらに楽になりそうですね!
Java

【食事内容管理Webアプリ】メモ内容の表示

前回作成したモーダル画面には日付や料理名のほかに「メモ」の入力欄を用意していましたが、その情報を画面に表示する機能がなく確認することができませんでした。そのため今回は登録されたメモの内容を表示できるように改良していこうと思います!
フレームワーク

【食事内容管理Webアプリ】FullCalendarのボタン追加

今回はカレンダーに表示するメニュー情報をデータベースに登録するために必要なモーダル画面とその表示・非表示機能を実装します。せっかくなので表示・非表示機能についてはFullCalendarのToolbarを絡めて実装していこうと思います!
フレームワーク

【Spring Boot】ThymeleafでJavaScriptに値を渡す方法

ThymeleafからJavaScriptに値を渡す方法についてまとめました。本記事ではth:inlineを用いてJavaScriptに値を渡す方法を挙げています。th:inlineの使い方から実際の実装例まで記載したので参考になれば幸いです。