JavaScript

JavaScript

湯婆婆をJavaScriptで再現する

わたしの好きなプログラミング言語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 Err...
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級の面接管からの指示を聞くことが出来るサイト 参考にしたのは、以下の旺文社のサイト。 音源は、Google翻...
JavaScript

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

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

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

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

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

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