HTML一覧

HTMLのpre要素とcode要素は一行で書くべし

HTML の<pre><code>要素は次のように一行で書くべし。 <pre><code>...

HTMLのslect要素に動的にoptionを追加する方法

HTMLのslect要素に動的にoptionを追加する方法をご紹介します。 次のようなHTMLに対して <se...

Spring Boot RequestBody、ModelAttribute を活用する

Spring BootのControllerでデータを受け取る方法をご紹介します。便利なアノテーション@RequestBody、@Model...

Spring Boot Thymeleaf でリンク(a href)を記載する方法

Thymeleaf でリンク(a href)を記載する方法をご紹介します。 Thymeleaf が便利な感じにレンダリングしてくれるの...

ブラウザ上でフロントエンドの動作確認するならJSFiddleがおススメ!

手軽にフロントエンドの動作確認をしたいときには、JSFiddleがおススメです。 JSFiddleは、HTML、CSS、javascr...

異常系入力テストで不具合が起きがちな入力まとめ

不具合が起きがちな入力内容をまとめました。この記事を見て高速で異常系テスト項目を作成しましょう。 環境依存・文字コード系 特殊文...

ThymeleafでCSS/Javascriptを読み込む方法

ThymeleafでCSS/Javascriptを読み込む方法をご紹介します。 HTMLと同様の記載をしても読み込めるのですが...

ブラウザで電子サインをする方法をサンプルコード付きで紹介

ブラウザで電子サインをする方法をご紹介します。 Spring Bootプロジェクトベースのサンプルを作成します。描画ライブラリ...

ThymeleafでLocalDateTimeを扱う

Javaのjava.timeのライブラリでLocalDateTime便利なのですが、Thymeleaf3系では対応していません。 th...

Bootstrap 2段階モーダルの実装方法

概要 モーダルからモーダルを呼び出して、元のモーダルに戻る実装を紹介する。 便宜上、最初に呼び出すモーダルを「1段目のモダール」と呼ぶ。...

Thymeleafで選択的にjavascriptを読み込む方法

Thymeleafで選択的にjavascriptを読み込むことが出来ます。 Thymeleafのhead要素(タグ)にこのよう...

Thymeleafと@Controllerでデータを送受信する方法 on Spring Boot

Spring BootでThymeleafと@Controllerのデータ送受信する方法をご紹介します。 Thymeleaf ま...

ブラウザにPDFを表示する方法

ブラウザにPDFを表示する方法をご紹介します。 色々と調査してみましたが、どれも一長一短があるようでした。調査結果を次にまとめます。 ...

マルチデバイス対応に必要なviewportの設定

マルチデバイスに対応したHTMLを作成するには viewport の設定が必要です。設定しておかないと、スマホで表示したときに小さく表示され...

HTML 指定した名前でファイルをダウンロードさせる方法

HTMLを使用して、指定した名前でファイルをダウンロードさせる方法をご紹介します。 ダウンロードリンク作成 HTMLでダウンロー...

GitHub Pages でWebページを公開する方法

GitHub Pagesでは、無料でWebページを公開することができます。 eclipseを使用すれば、インストールも不要です。 ...

thymeleaf で要素を部分置換

includeの場合は小要素として追加されます include.html <div id="parent" th:include=...

thymeleaf 使ってみる

Spring Boot が推奨している thymeleaf を使ってみます。まず基本はこれだけ。HTMLファイルとして保存します。 ...

Spring Boot Controller から thymeleaf へデータを渡す

前回の記事で thymeleaf を使ってみました。 今回の記事では thymleaf へデータ渡すSpring(Contro...

Javaから受け取ったデータをThymeleafで変換して画面出力する方法

Javaから受け取ったデータをthymeleafで変換して表示する方法です。 データベースには10や20などの...