JavaScript

スポンサーリンク
JavaScript

JS:サイトのスクロール位置を記憶して、次回アクセス時にその位置までスクロールする

サイトのスクロール位置をローカルストレージ上に保存しておき、次回同じサイトを開いた時、自動的にその位置までスクロールしてくれるJavaScriptプログラム。サンプル素材にわたしの好きな宮沢賢治『銀河鉄道の夜』(青空文庫版)を使ったのでサイ...
JavaScript

Tone.jsでUncaught Error: buffer is either not set or not loadedエラーが出る場合

Tone.jsはHTML5のオーディオ機能を簡単に利用できる優れたライブラリだ。 Tone.Playerなどでオブジェクト作成後、次の処理に移ろうとして以下のようなエラーメッセージが出力された。 Tone.js:7 Uncaught E...
JavaScript

JS:Uncaught (in promise) DOMExceptionエラーとsetTimeout

JavaScriptで作ったWebアプリ上で音を鳴らそうとした際に、 Uncaught (in promise) DOMException というエラーが出たので色々と検索するとtry~catch文ではこのエラーをキャッチできないとの事...
JavaScript

JavaScript:requestAnimationFrameのFPSを表示する

JavaScriptで滑らかにアニメーションしたり、ゲームを作りたいときは、requestAnimationFrame関数を使って再帰処理をさせる。 実際にrequestAnimationFrame関数を使った場合、FPSがどれ位出ている...
JavaScript

JavaScript:キャンバスのサイズを画面サイズにあわせて変更

HTMLのcanvasタグは、JavaScriptで気軽に画像やグラフィックを扱うことができて面白いので色々と試している。 個人的に作っているものの中で、canvasタグのサイズをブラウザの画面サイズにあわせて変更したいことが多いので、サ...
JavaScript

JavaScriptで英検準2級の雰囲気を知るための音声サイト

2次試験の流れと雰囲気が分かればいいかなあ、と考えてボタンを押すと英検の面接管からの指示を聞くことが出来るサイトを作った。 英検準2級の面接管からの指示を聞くことが出来るサイト 参考にしたのは、以下の旺文社のサイト。 ...
JavaScript

JavaScript:ブラウザ画面いっぱいに雪を降らす

季節物です。 以前JavaScriptで作った雪が降るプログラムを新しく書き直して、ブラウザ画面いっぱいに雪を降らせるようにした。 雪を見る JavaScriptでもclassの記述が使えるようになったので、以前funct...
JavaScript

JS:入力したキー情報を画面に表示していく

JavaScriptでキーボードのどのキーが現在押されているかをチェックする。 JavaScriptではABCなどのアルファベットキーからタブやエンターキー、コントロールキーなどの機能キーなどの押された状態がチェック出来る キー...
JavaScript

JS:パスワードを適当に作るサイト

JavaScriptを使ってパスワードを適当に作るサイトを作った。 指定した文字を使ってパスワードを適当に作ってくれます。文字の種類とパスワード文字数は変更できます。 サンプルを見る 動作イメージ パスワード文字数は、デ...
JavaScript

JS:文字列と計算を伴う数値の連結注意点

console.logなどで変数の内容を表示する際、文字列と計算を伴う数値の連結をする際は、注意が必要だ。 例えば、 として実行するとコンソール上の表示は、 a + b = 100200 となってしまう。期待値と...
スポンサーリンク
タイトルとURLをコピーしました