ブラウザ上でフロントエンドの動作確認するならJSFiddleがおススメ！
手軽にフロントエンドの動作確認をしたいときには、JSFiddleがおススメです。 JSFiddleは、HTML、CSS、javascr...
「HTML」一覧
ブラウザで電子サインをする方法をサンプルコード付きで紹介
ブラウザで電子サインをする方法をご紹介します。 Spring Bootプロジェクトベースのサンプルを作成します。描画ライブラリ...
ThymeleafでLocalDateTimeを扱う
Javaのjava.timeのライブラリでLocalDateTime便利なのですが、Thymeleaf3系では対応していません。 th...
HTMLのslect要素に動的にoptionを追加する方法
HTMLのslect要素に動的にoptionを追加する方法をご紹介します。 次のようなHTMLに対して <se...
Bootstrap ２段階モーダルの実装方法
概要 モーダルからモーダルを呼び出して、元のモーダルに戻る実装を紹介する。 便宜上、最初に呼び出すモーダルを「１段目のモダール」と呼ぶ。...
Thymeleafで選択的にjavascriptを読み込む方法
Thymeleafで選択的にjavascriptを読み込むことが出来ます。 Thymeleafのhead要素（タグ）にこのよう...
Thymeleafと@Controllerでデータを送受信する方法 on Spring Boot
Spring BootでThymeleafと@Controllerのデータ送受信する方法をご紹介します。 Thymeleaf ま...
ブラウザにPDFを表示する方法
ブラウザにPDFを表示する方法をご紹介します。 色々と調査してみましたが、どれも一長一短があるようでした。調査結果を次にまとめます。 ...
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のカレン...