B-Teck!

お仕事からゲームまで幅広く

JavaScript

【JavaScript】配列からランダムに値を取り出す

/** * randAry * 配列内からランダムに値を取得する * @param {array} i_ary 配列 * @return {object} 配列内の値 */ function randAry(i_ary){ //添字を全て取得 var aryKeys = Object.keys(i_ary); //対象の添字をランダムに取得 var index = aryKeys[Math…

【JavaScript】最小値と最大値を指定して範囲内の値を持った配列を作成する

最新版は下記です。 beatdjam.hatenablog.com /** * range * 範囲内の値を持った配列を作成する * @param {number} min 範囲の最小値 * @param {number} max 範囲の最大値 * @param {function} filer フィルタ関数 * @return {array} 作成した配列 */ functi…

【HTML5/jQuery/Javascript 】ローカルの画像を読み込んでJavaScriptで合成してみた

ふと思い立ったので、HTML5のCanvasを使って画像を合成してみた。 なんとかブルーファンタジージェネレータ コード HTML <html> <head lang="en"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>なんとかブルーファンタジージェネレータ</title> </meta></meta></meta></head></html>

【JavaScript/jQuery】はてなブログで一定期間経過した過去記事に、古い記事であることのメッセージを自動表示するスクリプト

こんなの ソース <script type="text/javascript"> //更新日時を取得してDateに変換 $('time:not(.updated)').each(function(){ var updateTime = $(this).get(0).getAttribute('datetime'); var date = new Date(updateTime); //1年前の日付を設定 var pastDate = new Date(); pastDate.set…

【JavaScript】JSLintで"The body of a for in should be wrapped in an if statement to filter unwanted properties from the prototype."が出た時の対処

なぜ出るのか for-inステートメントはオブジェクトのプロパティを”全て"列挙する for (variable in object) { ... } その為、対象のオブジェクトのプロパティだけではなく、prototypeから継承した(prototype汚染された)プロパティも列挙される function A() …

【JavaScript】JavaScriptのクラスにメンバ変数を用意する

JavaScriptのクラスをまだよく把握できてないんだけど、クラス変数をprivateにしたりpublicにしたかったりしたので試してみた。 ネタ元 第101回 JavaScriptで関数をクラスのように使うとき 中にvarと書くかthisと書くかそれが問題だ - bingo_nakanishiの他言…

【JavaScript】JavaScriptのテストフレームワーク、「jasmine」の使い方メモ

ネタ元 下記を参考に自分の必要な部分だけ抜粋しました Jasmine使い方メモ - Qiita jasmineでjavascriptユニットテスト 導入と基礎 jasmin概要 Suite は describe 関数を使い、 Spec は it 関数で宣言する。 this はspecごとに初期化される。spec内のテスト…

【PHP/jQuery】要素クリック時にformを生成しPOST/GETする

要素クリック時にformを生成し、送信する方法。下記はクリック時にformを生成し、要素のidを自分自身にPOSTして表示するコード。 (前記事からの使い回し…)これも使い道あまり覚えてないけど一応メモ。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> </html>

【PHP/jQuery】form外のクリックイベントを取得し、POST/GETする

formの外側にある要素に対するクリックイベントを取得し、送信する方法。下記はクリックされた要素のidを取得し自分自身にPOSTして表示するコード。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> </body></html>

仕事で最近ハマったjavascriptとかjQueryとかのTIPS

ここ最近サーバー側のロジックよりも、デザインとかクライアント側のソースをいじる機会が多くて、 いろいろ困ってたのでメモ的に。 ①IE9以前でdisableのテキストボックスの文字が灰色になってしまう あんまりきれいなやり方ではないんだけど、 <form> <input type="textbox" value="test" disabled="disabled"></input> </form> から、 <form> </form>