JavaScript

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

• JS テキストと画像を入力してプレビューする
• テキストを入力すると自動でそのテキストを解析し、プレビュー表示するサンプルです。 入力欄 （入力と同時にページ下部に変換して表示） テキストの入力 改行はbrタグに変換する https://で始まるとリンクを生成する...
• 2024-04-22 01:04:01

• JS タブボタンで要素切り替え
• プレーンJSでタブの表現を実装するサンプルです。 jQueryなどを使わずにボタンを押すと、コンテンツを入れ替える表現を実装しました。 一つ目の要素がデフォルトで表示されます。 ボタン1...
• 2023-01-04 00:15:20

• JS ページ内スムーズリンク
• jQueryを使わずにページ内リンク（アンカーリンク）で滑らかに移動するリンクのサンプルです。 「href="#link"」のようなページ内リンクを無効にし、クリックするとスムーズなスクロールで移動するaタグをJSで実装しました。 jQueryなしで実装しています...
• 2022-06-26 14:25:25

• JS 複数の要素のクリック
• ボタンが押された時にイベントを発生させるJavaScriptのみのサンプルです。 idで1箇所のみに実装するケースと、classで複数箇所に実装するケースがあります。 よく見かけるサンプルはidのケースですが、実際サービスに実装するときは...
• 2022-03-18 07:25:03

• JS idやclassの値取得
• JavaScriptで特定のidやclassの要素を指定し、そのタグ内の値の取得や出力をします。 読めばわかるものの、使わなければ忘れがちな値の取得と出力です。 classの場合は「getElementsByClassName」 idの場合は「getElementById」 idは一つ...
• 2019-08-03 12:36:14

• jQuery 画像のコピー防止の比較
• 画像のコピー防止といっても、基本的にスマホやPCに表示されている時点で、ブラウザに保存されており、しかもキャプチャでも撮ってしまえば、閲覧者は同じ画像を...
• 2019-08-07 17:19:03