[JS] package.json の script にて pre, post を使う
package.json の script に実行するコマンドなどを記述しておくと、npm run XXX にて実行することができます。接頭語の pre・post をつけると、preXXX・XXX・postXXX の順番に実行されます ...
[JS] ブラウザでUUIDを作成する
randomUUID() で UUID v4 のランダムな値を作成することができます。
<!DOCTYPE html><html lang="ja"><head>[Tool] 日時をUnixtimeへ変換する
See the Pen
Untitled by Mitsuaki KIDA (@kidatti)
on CodePen.
[JS] Prism.js でシンタックスハイライト
Prism.js を利用すると、プログラムのコードに色づけをして見やすくすることができます。
<!doctype html><html lang="ja"><head&[JS] Fetch API で GET する
JavaScript の Fetch API を利用して、GETのリクエストを行い、JSONの値を取得します。
fetch にて URL を渡すと GET でリクエストが行えます。
[JS] JavaScript でストップウォッチを作る
JavaScript でストップウォッチを作ってみます。動くサンプルはこちら。
先にHTML部分です。div部分がクリックされたら stopWatch が実行されます。開始・停止・リセットのボタンを別に用意するのは使い勝手 ...
[JS] 押したキーを判断する（Shift, Ctrl, Alt対応）
JavaScript でキーボードで何のキーが押されたかを判断します。単独のキーだけでなく、Shift や Ctrl などの修飾キー同時押しも判別できます。動くサンプルはこちら。
キーボードを押すと onkeydown、離 ...
[JS] JavaScript で新しいウィンドウを開く
JavaScript で子のウィンドウを開いてみます。タイトルバーやアドレスバーを表示・非表示することも可能ですが、ブラウザによってバラバラで統一されていないため、あまり統一しない方が無難かもしれません。
新しいウィンドウ ...
[JS] JavaScriptでデジタル時計を作る
JavaScript を使って時計を作ってみます。全コードが知りたい方は、最後に載せているコードをご利用ください。
JavaScript 部分から作成していきます。現在日時を表示に合わせてフォーマッティングしていきます。日 ...
[JS] ウィンドウのサイズを取得する
JavaScriptでウィンドウの大きさを変えたことを検知し、幅や高さを取得する方法です。こちらのサンプルでは、ブラウザの大きさを変えるたびにサイズを表示・更新することができます。
<!DOCTYPE html>&l ...