HTML一覧

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

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

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

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

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

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

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

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

thymeleaf 使ってみる

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Bootstrap のサンプル作ってみる

当ブログと同じアドレス空間にアップしておいた。 何かあればご連絡ください。

HTMLで対象ファイルをダウンロードする方法 download 属性の使い方

HTMLでダウンロードリンクを作るには次のように記述します。 <a href="sample.txt">sample.txt&...

Vue.jsって何なの?

仕事では全く使う予定は無いのだけれども、最近のWeb動向をチェックしていると「Vue.js」が盛り上がっているとの情報を得ました。(初耳でし...

fontawesomeをローカルにダウンロードしたファイルから読み込む

fontawesomeをローカルにダウンロードしたファイルから読み込むのに少し戸惑ったのでご紹介します。 まずは必要なファイル...

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

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