JavaScript

No Image

package.json の script に実行するコマンドなどを記述しておくと、npm run XXX にて実行することができます。接頭語の pre・post をつけると、preXXX・XXX・postXXX の順番に実行されます ...

JavaScript

No Image

randomUUID() で UUID v4 のランダムな値を作成することができます。

<!DOCTYPE html><html lang="ja"><head>

JavaScript,Tool

No Image

See the Pen
Untitled by Mitsuaki KIDA (@kidatti)
on CodePen.

<!DOCTYPE html><html lan

JavaScript

No Image

JavaScript の Date では、ISO8601・Unixtime の形式に変更することができます。動作している環境のタイムゾーンの取得もできます。 タイムゾーンを反映した値とするには、個別の対応が必要になります。

co ...

JavaScript

No Image

package.json を作成するには、npm install を実行します。

npm init

実行すると、内容を質問されます。すべて Enter で進んでも問題ありません。

$ npm initThis util ...

JavaScript

No Image

Prism.js を利用すると、プログラムのコードに色づけをして見やすくすることができます。

<!doctype html><html lang="ja"><head&

JavaScript

No Image

JavaScript の Fetch API を利用して、GETのリクエストを行い、JSONの値を取得します。
fetch にて URL を渡すと GET でリクエストが行えます。

fetch(' .then(( ...

JavaScript

No Image

JavaScript でストップウォッチを作ってみます。動くサンプルはこちら。

先にHTML部分です。div部分がクリックされたら stopWatch が実行されます。開始・停止・リセットのボタンを別に用意するのは使い勝手 ...

JavaScript

No Image

JavaScript でキーボードで何のキーが押されたかを判断します。単独のキーだけでなく、Shift や Ctrl などの修飾キー同時押しも判別できます。動くサンプルはこちら。

キーボードを押すと onkeydown、離 ...

JavaScript

No Image

JavaScript で子のウィンドウを開いてみます。タイトルバーやアドレスバーを表示・非表示することも可能ですが、ブラウザによってバラバラで統一されていないため、あまり統一しない方が無難かもしれません。

新しいウィンドウ ...