読者です 読者をやめる 読者になる 読者になる

Web系開発メモ

Java, SpringBoot, JavaScript, CSS, HTML などの記事を書いています。

Vanilla.js 入門

JavaScript のことを調べていたら、Vanilla JS というものに出会いました。なかなか興味深かったので、これから Vanilla JS についてまとめていこうと思います。 Vanilla JS はジョーク Vanilla JS は、速くて軽い JavaScript フレームワークとして紹介され…

JS:mustache.js 入門

mustache.js は、テンプレートエンジン「mustache」の JavaScript 実装です。mustahce の特徴の1つは、logic-less なところです。 これから、mustache.js の使用例を書いていこうと思います。 例1:Quick Example 最後の script タグで、Mustache.render(t…

JS:CommonJS と Modules の概要

JavaScript の CommonJS と Modules といった仕様が気になって、少し調べてみました。今回は、その調査内容をまとめていこうと思います。 CommonJS の概要 CommonJS とは、ブラウザ外の JavaScript(サーバサイドやデスクトップ向け)の仕様を定めるためのプ…

jQuery Plugin:BlockUI(画面のブロック)

Ajax 通信のときに、画面の操作をブロックしたいことがあったりします。jQuery Plugin の BlockUI を使うと、簡単に画面の操作をブロックすることができます。 画面イメージ ブロック中の画面は、次のような感じです。 以下に利用手順を書いていきます。 手…

JSON と JavaScript オブジェクトの違い

JSON と JavaScript オブジェクト について、プロパティ名(キー)の違いを書いています。 JSON JSON のプロパティ名は、引用符で囲んで表現します。 { "name": "太郎", "age": 42, "isAdmin": false } JavaScript オブジェクト 引用符で囲んでも囲まなくて…

JavaScript:ランダム整数値の取得

JavaScript でランダム整数値を取得する方法を書いていきます。 次のように書くと、0 ~ n のランダム整数値が取得できます。 var num = Math.floor(Math.random() * (n + 1)); 応用編 配列からランダムな値を取りたい場合、次のように書くことができます。 …

JavaScript:即時関数

即時関数とは、定義した関数をすぐ使う書き方です。関数を () で囲んで、その後に (); を書くと、囲んだ関数が実行されます。 構文としては、次のような感じになります。 (function() {...} )(); 例1. 引数なしの即時関数 (function() { var x = 10, y = 20;…