JavaScript一覧

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

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

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

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

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

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

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

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

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

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

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

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

ミリ秒って何秒?プログラムでよく使用される単位 ミリ秒を整理する

1000ミリ秒 が 1秒 です。なので、1ミリ秒 は 1/1000秒 ですね。 プログラムではミリ秒がよく使用されますので時短...

TypeScriptをコンパイルしてJavascriptを生成する

TypeScriptはJavascriptにコンパイルすることが出来ます。コンパイルはVisual Studio Codeで実施するのが一般...

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

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

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

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

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

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

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

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

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

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

シングルページアプリケーションの履歴管理はpushState/replaceState/popstateで実施する

シングルページアプリケーション ajaxを利用して画面遷移させずに必要な部分だけ書き換えていく方式のアプリケーションをシングルページアプリ...