SE_BOKUのまとめノート的ブログ

SE_BOKUが知ってること・勉強したこと・考えたことetc

PG:JavaScript

HTMLのテーブルでチェック行の情報だけ処理するサンプル/PHP・JavaScript

目次 HTMLのテーブルでチェック行の情報だけ処理するサンプル/PHP・JavaScript サンプルの概要 ソース全文です ポイント1:JavaScriptでチェックボックスの選択状態取得 ポイント2:PHPでのチェックボックスのついた行の処理 まとめ HTMLのテーブルでチェ…

ブラウザで動くシンプルな万年カレンダーを作る/素の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(jQuery)サンプル

WEB画面にドラッグ&ドロップした画像ファイルを、Base64形式に変換してtextareaにセットするのと、画像を表示するのを両方やってみます。

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

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

JavaScriptのテストフレームワーク「ava」の基本的な使い方をまとめてみる。

JavaScriptのテストフレームワークの「ava」の使い方を簡単に整理してみます。

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」について、基本的な使い方と数式例を整理してみました。