HTML一覧

ThymeleafでLocalDateTimeを扱う

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

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

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

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

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

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

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

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

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

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

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

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

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

Spring Bootの@RequestBody、@ModelAttributeを活用してControllerで色々なデータを受け取る

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

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

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

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

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

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

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

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

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

thymeleaf で要素を部分置換

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

thymeleaf 使ってみる

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

Thymeleafでリンク(a href)を記載する

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

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

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

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

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

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

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

イケてるカレンダーを作る over jQuery

カレンダーをカスタム HTML5で実装されたカレンダーに納得できない人のためのカレンダーを作ってみました。実体としてはjQueryのカレン...

プログラムの命名について、よく使う名前をまとめておく

クラス名、変数名、メソッド名など、命名は非常に重要で時間のかかる作業です。命名に関する知見を貯めておくと、成果を出して定時退社できる確率が高...