プログラ生活

プログラム初学者のためのポイントを書いていこうと思います。たまに脇道それた記事もありますが、息抜きだとおもって気長にお付き合いください。

JavaScript

【Javascript】jQueryでQRコードを作る

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

【数学・JavaScript】MathJaxは数学系のWebページでとても便利だ!!

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

【JavaScript】instascan.jsを使って、QRコードリーダーを作ってみた。

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

【JavaScript】迷路を作る

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

【JavaScript】ボタンを押して表示/非表示を制御する

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

【JavaScript】確率モデルとシミュレーション

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

【JavaScript】確率モデルとシミュレーション

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

【JavaScript】文字列をクリップボードにコピーするボタンを作る。

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