JavaScript一覧

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

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

for文まとめておきました。Java JavaScript Thymeleaf

Webシステム開発でよく使用する言語の for文 をまとめておきました。 for文を書くのは楽しくて好きなのですが、入力文字数もそれな...

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

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

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

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

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

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

Bootstrap モーダルウィンドウを閉じたときのイベントを拾う方法

Bootstrap のモーダルウィンドウを閉じたときのイベントを拾う方法をご紹介します。 コードはこのようになります。 $(...

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

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

全てのajax送信処理前に実行されるメソッドajaxSend()を使わなかった話

ajax処理の実行と非同期な処理を書きたくて色々と調べていたら ajaxSend() という便利なメソッドを見つけました。今回の記事ではaj...

ajaxからSpring BootのControllerへJSONを送信する方法(List編)

ajaxからSpring BootのControllerへJSONを送信する方法(List編)です。 送信するデータ(モデル)にLis...

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

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

Spring BootのControllerで様々なjsonデータを受け取ってClassにマッピングする方法

Spring BootのControllerで文字列(String)型としてjsonデータを受け取って、Java Beansにマッピングする...

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

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

HTMLのテーブルのデータをSpring BootのControllerへ渡す方法

HTMLのテーブルのデータをjsonデータに変換し、Spring BootのControllerへデータの受け渡す方法をサンプルを作成しなが...

ajaxの書き方が変わっていたのでサンプルを載せる

昔のajaxの書き方。私はこちらの方が馴染みが深いです。 $.ajax({ url: "script.php", succes...

テーブルデータをjsonデータに変換する方法

ライブラリを使用すればテーブルデータを簡単にjsonデータに変換することが出来ます。 ライブラリはTable To JSON - Gi...

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

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

JSONの書き方 構造とデータ型を理解する

JSONの書き方をご紹介します。JSONはデータのフォーマットのことです。Javascript専用のデータフォーマットではありませんが、最初...

ajaxからSpring BootのControllerへJSONを送信する方法(シンプルなモデル編)

ajaxからSpring BootのControllerへJSONを送信する方法をご紹介します。 このようなサンプルプログラム...

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

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

javascript forEachループで爆速コーディング

javascript のループ処理には forEach がオススメです。 書き方 var array1 = ; array...