ksino's diary

覚えたことを忘れないように、小さなことでも書いていく。

javascript

canvasをクリアする

var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); context.clearRect(0, 0, canvas.width, canvas.height);

半年ほど前に流行ったズンドコキヨシをJSで

遅ればせながら、いまごろ知ったのでやってみる。 var array = []; for (var i = 0; ; i++) { var s; var random = Math.round(Math.random()); if (random == 0) { s = 'ズン'; } else { s = 'ドコ'; } console.log(s); array.push(s); if (array.length > …

1データが複数行で構成されたテーブルで1データを選択する

やりたいこと 以下のようなテーブルで、0〜2行目をクリックした場合は0〜2行めを着色、3〜4行目をクリックした場合は3〜4行目を着色…したい。 0 aaa aaa 1 aaa aaa 2 aaa aaa 3 bbb bbb 4 bbb bbb 5 ccc ccc 6 ddd ddd 7 ddd ddd コード あまりかっこよくな…

Array.prototype.values()が使えるか?

手元の環境で確認 Firefox 48 使用可 Chrome 52 使用不可 Node.js v6.4.0 使用不可

JavaScriptをきちんと勉強しようと思ったのでメモ(随時更新)

なんとなく読み書きしてきたJavaScriptですが、最近はフロント側の仕事に携わることが多くなってきたので、きちんと勉強しておこうと思いました。勉強したことをメモっておきます。 勉強したこと varを使わずに宣言した変数はグローバル変数になる 変数宣言…

簡易HTTPサーバ

概要 ちょっとしたお試し用に使える簡易HTTPサーバがあります。 github.com 導入 $ sudo npm install -g http-server 起動 $ http-serverhttp-serverを起動したディレクトリがホームディレクトリになります。

UI Bootstrapで開閉パネルを実装する

index.html <html ng-app="myApp"> <head> <script src="angular.min.js"></script> <script src="ui-bootstrap-tpls-1.3.3.min.js"></script> <script src="scripts/collapse.js"></script> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div ng-controller="testctl"> </div></body></html>

JDK組み込みのJavaScriptエンジンを使う

JDK6からはJavaScriptエンジンが組み込まれています。 以下のコマンドで実行できます。 <JAVA_HOME>\bin\jrunscript.exe以下のように実行します。 > jrunscript test.js引数を指定しなければ対話モードで起動します。 > jrunscript</java_home>

jQueryで画像を回転(transform:rotate) on IE9

jQueryで画像を回転させようとして、少しハマりました。 ブラウザはIE9です。試したコードはこんな感じ。 $('XXX').css('-ms-transform','rotate(90deg)'); これだと動いてくれませんでした。(画像が回転してくれない)こんな感じに直したら動きました。 $('X…