JavaScript

JavaScript

PythonやC#などにあるformatメソッドをJavaScriptで使いたい

Stringクラスにprototype宣言することで似たようなことが実現できることが分かった。わたしはJavaScriptのprototype宣言がよく分かっていなかったのですが、このサンプルでなんとなく分かってきました。
JavaScript

Amazonの国内倉庫発行のみを表示する検索ボックス

結論からするとAmazonで商品を検索して得られるURLの末尾に&emi=AN1VRQENFRJN5を加えれば良い、という事だったので自分用に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 Error...
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として定...