"BOKU"のITな日常

BOKUが勉強したり、考えたことを頭の整理を兼ねてまとめてます。

JavaScript

ブラウザで動くシンプルな万年カレンダーを作る/素のJavaScript(Vanilla JS)だけ

素のJavaScript(Vanilla JS)だけで、ライブラリとかを使わずに作るシンプルな月間カレンダー。

JavaScriptでリアルタイムに顔認識して顔にモザイク風マスクをかぶせる/pico.js(3)

JavaScriptのみで高速に顔認識できる「pico.js」の応用として、WEBカメラに映った自分の顔を認識してモザイク風のマスクをかぶせるってのをやってみます。

JavaScriptで顔認識した顔を囲む形の変更/任意の画像でマスクする/pico.js(2)

JavaScriptのみで高速に顔認識ができる「pico.js」の応用をやってみます。囲む枠を変更してみたり、パンダのイラストを重ねてみたり。

JavaScriptで高速顔認識ができる「pico.js」の使い方(1)

JavaScriptのみで高速に顔認識ができる「pico.js」の使い方です。まずは、静止画(写真)を使って基本的なところから。

パソコン付属のWEBカメラでブラウザに映像を映すJavaScriptサンプル(最近版)

久しぶりにWEBカメラを使おうとしたら、ちょっとエラーがでたので。

CanvasAPIチュートリアル(3)/HTML5&JavaScript

Html5のCanvasAPIのよくできたチュートリアルを見つけたので、参考にして、いくつかやってみました・・・の3回目です。

CanvasAPIチュートリアル(2)/HTML5&JavaScriptだけで動く丸時計とか

Html5のCanvasAPIのチュートリアルを参考にやってみた・・の2回目です。

CanvasAPIチュートリアル(1)/HTML5&JavaScript

Html5のCanvasAPIだけを使って、ゴリゴリとグラフィックを描いてみるってのはやったことがないなと思ってたら、とてもよくできたチュートリアルを見つけたので、やってみました。

JavaScriptでグラフを描けるChart.jsで縦横同じサイズの散布図を描く

簡単にできると思ってたら、意外に情報がなくて苦労したので、備忘を兼ねて書いておきます。

素のJavaScript(Vanilla JS)でファイルのドラッグ&ドロップ処理を実装する

以前はjQueryで実装していたものを、ライブラリを使用しないよう書き換えました。

ブラウザで手描きした画像をBase64テキストにエンコードする/プレーンJavaScript+Fabric.js

もともとjQueryで実装していましたが、巣のJavaScriptにリライトしました。

JavaScript:ノートPCのカメラで自作のAR(拡張現実)を動かす/AR.js+A-Frame

ひょんな事からAR(拡張現実)なるものを試してみることになったので、やり方を一通りまとめてみました。AR.jsとA-Frameです。

forループの中の「on」ブロック内のfunction()が正しく動かない/JavaScript(備忘)

forループの中のonブロックに書いた処理が意図した通りに動かないという「よくある問題」のケース紹介と対処法を備忘のために書いておきます。

表示するページのHeghtにあわせて<iframe>のHeightを自動的に変更するJavaScript

iframe内にコンテンツを表示する際にハマりやすい・・というか自分がハマった・・問題について解決策をメモっておきます。

JavaScriptでLaTex並みの数式表示能力を持つ「MathJax.js」で表示できないギリシャ文字チェック

MathJaxで表示できないギリシャ文字があって解決できてません。なので、とりあえず、切り分けだけしてみました。

JavaScriptでLATEX 並みの数式表示能力を実現する「MathJax.js」をはてなブログで使えるようにする

前回、はてなブログの見たままモードで、数式を書く仕組みである「MathJax.js」について、基本的な使い方と数式例を整理してみました。