以前にQRコードリーダーの作り方を紹介した。 www.pon-x.jp 今回は、QRコードを作る話題です。 なんとjQueryで作成できる素晴らしいライブラリが公開されているということを知り感動した！！ その名も「jquery-qrcode」!! github.com 「jquery.qrcode.min.js…

LaTexをより身近にしたのが、MathJaxだろう。 数式をWebページでこんなにもきれいに表現できる、しかも簡単！！ LaTex自体は、プログラムをかくよりよっぽど単純ですので、ぜひ多くの人に使ってもらいたいものである。 以下をヘッダで宣言するだけ。 <script type="text/x-mathjax-config"> MathJa</script>…

ブラウザでQRデコードをしたいとき、HTML5とJavaScriptで実装できる。 ビデオタグに埋め込めるので、ビューもある程度制御できる。 HTML <video id="preview" ></video> JavaScript JSライブラリはこちらからいただきました。 github.com <script> var videoTag = document.getElementById('previe…

棒倒し法という絶対にゴールできる迷路の作り方を紹介します。 下の図ののように枠の中に柱があるとします。 すべての柱が上下左右のいずれかに倒れるとしたときに必ずスタートからゴールにたどり着く迷路ができます。 これを棒倒し法といいますが、これを試…

表示／非表示をJavascriptで制御したいなんてことはよくある。 簡単に作るにはこんなかんじだろう。 ↓↓↓ボタンを押してみてください。↓↓↓ ここの内容を表示／非表示にする。 window.onload = function () { document.getElementById("disp").style.display="…

今回は、ダーツを投げて円周率を測る問題を実験してみます。 --考え方-- 縦横の長さが$20$の板の中に同様の長さの直径の的があります。 ここの的一面にダーツが刺さるくらいたくさん投げると、だんだんそれぞれの面積とダーツの数の比が近似していきます。 …

１％当たる確率のくじを100回ひいたら、からなず1回以上あたるか？？という問題について、 理論値は $1-(0.99)^{100} \fallingdotseq 1-0.366 \fallingdotseq 0.634$ であり、Javascript、HTML5あたりをつかって、連続的に可視化してみた。 100回くじを引く…

Webページにクリップボードにコピーするボタンを配置したい場面があった。 これからもたまに使うことになろうと思うので、備忘録として載せておこう。 ちなみに作りたかったものはこんなもの ↓↓↓ コピー function CopyClip(id) { var target = document.getE…