フレームワーク

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

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

【Spring Boot】ThymeleafのリンクURL式 html編

Javaでサイトを作成するときに便利なThymeleaf。今回はそんなThymeleafに用意されている機能の一つ、"リンクURL式"の記載方法をまとめました。変数を用いてURLを組み立てる際に簡潔に記載できるのでマスターしていきましょう。
フレームワーク

【Spring Boot】Thymeleafの選択変数式 html編

Javaでサイトを作成するときに便利なThymeleaf。今回はそんなThymeleafに用意されている機能の一つ、"選択変数式"の記載方法をまとめました。フォーム送信の実装によく使用するのでマスターしていきましょう。
フレームワーク

【Spring Boot】Thymeleafのフラグメント式 html編

共通の要素やページのヘッダー、フッターは毎回書かずに一箇所で管理して、必要な時に出力できると便利です。今回はhtmlに記載された要素・コンテンツを別の場所に出力する際に使用するThymeleafの"フラグメント式"について紹介します。
フレームワーク

【Spring Boot】Thymeleafのメッセージ式 html編

Javaでサイトを作成するときに便利なThymeleaf。今回はそんなThymeleafに用意されている機能の一つ、メッセージ式の記載方法をまとめました。メッセージ式を活用すればサイトの保守性を上げることができるのでマスターしていきましょう。
自作アプリ

【食事内容管理Webアプリ】カレンダー作成①

表示画面に必要なカレンダーをオープンソース「Full Calendar」を用いて作成していきます。Full Calendarは無料で使用できる機能が豊富で実装も難しくないようなので、公式のドキュメントを少しずつ読み進めながら理想のカレンダーを目指します。
自作アプリ

【食事内容管理Webアプリ】必要な画面の抽出

食事内容管理Webアプリにどんな画面が必要なのか考えるために、実装する機能を書き出していきます。いきなり必要な機能をひねり出すのは厳しいと感じたため、今回はやりたいこと(要望)を列挙した後にそれらをグループ化して必要な機能を抽出していきます。
自作アプリ

食事内容管理Webアプリ

皆さんは一昨日食べたものを覚えていますか?今回は毎日食べている朝ごはん、昼ごはん、夜ごはんを登録でき、外出先でも確認ができる自作アプリの開発を行っていきます。元気な内にいろんな種類のおいしいものを頂けるよう心掛けたいですね。
フレームワーク

【Spring Boot】Thymeleafの変数式 html編

Javaでサイトを作成するときに便利なThymeleaf。今回はそんなThymeleafに用意されている機能の一つ、"変数式"の記載方法をまとめました。変数式を活用すればhtmlのみで動的なサイトを作成可能になるのでマスターしていきましょう。
Visual Studio Code

【Visual Studio Code】で多用するショートカット

テキストエディタであるVisual Studio Codeで多用するショートカットを書き留めておきます。ショートカットは開発をスムーズに進める上で必須となるため、手になじむくらい使い込みたいですね。便利なショートカットが見つかれば随時更新していきます。