JavaScript

JavaScript

JS:貼り付け(ペースト)イベントに対応する

JavaScriptで貼り付け(ペースト)イベントに対応させるには、pasteイベントを利用します。貼り付け後の文字列参照したいときはsetTimeout関数と組み合わせ文字列取得タイミングを遅らせる必要があります。もちろんキーボードとマウス右クリック両方のイベントに対応します。
JavaScript

JS:エラーUncaught TypeError: navigator.getUserMedia is not a functionが表示されたときの対処方法

JavaScriptで内蔵カメラやマイクによる録画や録音をするプログラムで、Uncaught TypeError: navigator.getUserMedia is not a functionなるエラーがでたときの対処法。
JavaScript

Google Maps APIを使って原発の30km圏内を表示する

Google Maps APIを使って原発の30km圏内を表示するというサイト作成を通して、Google Maps APIの基本的な使い方、マーカー、吹き出し、図形表示を解説。
JavaScript

JS:スワイプでカウンター増減、数値をストレージに保存

JavaScriptで、スワイプ処理とローカルストレージ処理を組み合わせて、ブラウザ上で数値が保存されるカウンターを作ってみました。
JavaScript

JS:ローカルストレージの基本

今回ローカルストレージの例として取り上げるのは、サイトの背景色を変更すると、次回アクセスした際に同じ背景色で表示されるというものです。
JavaScript

JS:JavaScriptでスワイプ処理をする

ライブラリを使わずにJavaScript単体でスマホなどのスワイプ処理を実現する方法です。
JavaScript

HTML+JS:textareaタグを使ってブラウザをターミナル風に装う

HTMLとJavaScriptを使いブラウザ上でターミナル風の見た目を表現できないだろうかと考えて作成した。確認リンクは以下から(それがどうしたの!なんて言わないで下さいね)textareaタグを使っ...
JavaScript

JS:キャンバスに表示した文字がずれる場合の対処

JavaScriptでキャンバス(canvasタグ)に表示した文字がずれる場合の対処方法です。結論から言うと、ベースライン設定をきちんとしないと意図した表示にならない可能性があります。
JavaScript

JS:端末の傾きに応じてボールを動かす

この記事ではJavaScriptから加速度センサーを利用する例として、スマートフォンやタブレットなどの端末の傾きに応じて画面上のボールを動かす処理のコード例を示します。