JavaScript

acceleration addEventListener all Array baseNode catch Chart clamp clearInterval click connection console const cookie crossorigin CSV D3 Date decodeURIComponent devicemotion deviceorientation document DOMContentLoaded DOMParser draggable drawImage enchant encodeURI encodeURIComponent ES Modules event exitFullscreen File FileReader for force fullscreenchange fullscreenElement function geolocation getAttribute getBoundingClientRect getContext getElementById getElementsByClassName getHours getImageData getMinutes getRangeAt getSeconds getSelection getTime hash height hello history host howler href if Image import indexOf innerHeight innerHTML insertAdjacentHTML insertRule json length location log match Math module naturalHeight naturalWidth navigator offsetHeight onclick onload onmousedown open originalEvent pageYOffset parent parse parseFromString parseInt pathname port position preventDefault Promise protocol push pushState querySelector querySelectorAll random readAsText remove replace replaceState requestFullscreen requestPermission script scrollHeight scrollTo search setAttribute setInterval setTimeout shift sort split stopPropagation stringify styleSheets targetTouches textContent then toFixed toggle toGMTString toLocaleString toLowerCase toString touches touchforcechange touchmove touchstart TypeScript unshift userAgent vibrate webgl width window write XDomainRequest XMLHttpRequest

• JavaScript 配列の値をユニークにする
• エクセルの関数のようなことはJSでもある程度できます。 例えば以下のような配列の値があったとします。 [[1,2,3,4,5,6,6,6,7,7,8,9,1,2,3,4,5,6,6,6,...
• 2020-08-02 00:06:06

• JS cookieのライブラリ
• jQuery cookieの後継のライブラリのサンプルです。 jQuery.cookie.jsの作者が後継として置き換えたJSのライブラリを利用するサンプルです。 もちろんjQueryと一緒に使ってもよいライブラリなので、併用した事...
• 2020-04-29 11:00:51

• Riot.jsを試してみよう
• Riot.jsというコンポーネントベースのUIライブラリを試しに使うべく、インブラウザ・コンパイルをやってみました。 Riot.jsはHTMLライクな構文で書いてコンパイルするJSのUIライブラリです。 ファイル名は任意で、今回はmy-tag.riotという外部ファイルを作りました。 ファ...
• 2020-04-02 23:11:03

• JS 波のアニメーション
• canvasを使ったアニメーションで波のような動きのサンプルです。 円弧の描画を繰り返して、波のようなアニメーションを実装しています。 実装にはjQueryを使っています。 HTML [[<canvas id="canvas_wav...
• 2020-03-28 22:57:39

• JS 音が出るボタン
• ボタンを押すと音が出るサンプルです。 HTMLのaudioタグを使ったサンプルです。 下のボタンを押すと音がでます。 ピンポン HTMLはこちら [[<div id="de...
• 2020-02-27 22:09:39

• JS　動画から静止画を作成
• カメラから動画を表示し、その動画から画像を作成するサンプルです。 動画を表示するの続きになります。 動画から静止画を作成するサンプルです。 まず、動画を写すカメラを選択。 自分側のカメラの映像を表示 向こう側の...
• 2020-02-24 10:11:29

• JS カメラの映像を表示させる
• カメラの映像をブラウザに表示させるサンプルです。 このサンプルではパソコンやスマホの画面側についているカメラの映像を取得して、ブラウザに表示します。 以下のボタンを押すとブラウザがカメラにアクセスし...
• 2020-02-11 22:38:25

• JS ブラウザでQRコード読み込み
• ブラウザのページのボタンからカメラを起動し、ページに戻ってQRコードから取得した値を表示するサンプルです。 近年QRコードはだいぶ広まってきました。 URLを筆頭に長い文字や数字を打ち込むのが面倒なときの入力補助ツールになっています。 そこで今回はブラウザか...
• 2020-02-04 21:28:21

• JS アナログ時計を作る
• 今回は時間のデータを使ってアナログの時計を作ってみたサンプルです。 JSで時間を扱うことはよくあります。 そんなときMoment.jsというライブラリを使うと年月日のフォーマットや時差の扱いなどが簡単にできます。 時間を数値...
• 2020-02-02 12:54:04

• JS 値の型について
• 代表的な値の型について、型を検出するtypeof関数を使って表示したサンプルを紹介します。 変数の中にはいろんな型があって型によって処理を分けないと思った通りに動いてくれないことがあります。 typeof関数を使うと型を調べることができます。...
• 2020-01-19 23:29:07