オウルです。 今回は、ハマっているドラクエウォークを題材にWeb Workerを使ってドラクエウォークのこころ情報を取得してみます。まぁ、この程度の処理であれば、わざわざWeb Workerを使用しなくともFetchだけで事足りますが、そこ ... 続きを読む
JavaScriptとCanvasでお絵かき
オウルです。 前回の続きです。Canvas API は JavaScript と HTML の canvas によって矩形、三角形、線、円弧、曲線などを描くことができます。もっと高度になるとアニメーション、写真加工、リアルタイム動画処理など ... 続きを読む
JavaScriptでイメージをCanvasにドラッグ & ドロップ
オウルです。 今回は、意外に奥が深く、知っておくと便利なドラッグ&ドロップ。 理解を深めるためにイメージを Canvas にドラッグ&ドロップして、そのイメージを使って ”ぬりえ” や ”お絵かき” ができるように JavaScript で ... 続きを読む
画像の遅延読み込み-Intersection Observer API
オウルです。 今回は画像の遅延読み込み(Lazy Load)です。画像の遅延読み込みは、最初のページの読み込み時間、最初のページのデータ量、システムリソースの使用量を減らすことにより、パフォーマンスの向上に期待ができます。「Intersec ... 続きを読む
【初心者】javascriptの基本はプロトタイプ
オウルです。 ECMAScript 2015 で class 定義が導入されましたが、これはシンタックスシュガーであり、javascript はプロトタイプベースです。 とはいっても class 定義で実装する機会が増えるでしょうし、Typ ... 続きを読む
スマホのキーボード表示時に javascript でスクロール制御
オウルです。 スマホで Web サイトの入力フォームに入力する際にうっかり画面をスクロールしてしまい、どこの入力フォームだったか分からないって経験ありますか。僕はないです。気にしたことがないってのが正しいかもしれません。 でも、気になる人も ... 続きを読む