2017-01-01から1年間の記事一覧
正規表現を使って日付文字列を判定（閏年判定もも含む） 日付文字列が正しいかどうか正規表現で判別することが正しいのかは分からないが、プログラムが簡潔に書ける（？） そのついでに年・月・日を取り出したい。ググったが見つけられない。 そう言うときは…
作ったブックマークレット 実行して、アンカータグを[SHIFT]+マウスクリックだけで URLとコンテキストを表示する。 デバッグが面倒だ。まとめサイトから引っ張り出すには便利かな？ (function(){ document.addEventListener('click',function(e){ var a=e.ta…
CSSで設定するのだろうが見つからず。input[type="number"]なら input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }Centos7 にも FireFox57 を入れなければ確認もで…
使い方のmemo: //optionは省略可 let option = { interval : setInterval のタイマー値, offset : new Point (x座標, y座標), accell : new Point (x座標における加速度, y座標における加速度), position: "top middle bottom left center right" //２つ指定…
ボタンでjsの動きを制御するhttps://okwave.jp/qa/q9398412.html またやっつけでプログラムを書いてみる。 腕がにぶる。 デバッグに時間かかりすぎ。 それにしても bind は楽チン。 <html lang="ja"> <head> <meta charset="utf-8"> <title>これがGame?</title> <style> td { width: 40px; height: 40px } .direction { display:</meta></head></html>…
FireFox とか Chorome の日付入力のUIが便利になったのだが、俺には余計だ。その機能を止めたいのだが止められない。 仕方無くShiftキーとの併用で入力補完を行うことにした。 本日の日付けの入力とカーソルキーでの日付けの変化を可能にしてみた。 う〜〜〜…
<head> <meta charset="utf-8"> <title></title> <body> <p> <form> <p> <img id="img" src="" alt="写真" width="200" height="100"><br> この図形領域にデスクトップから画像ファイルをドラッグ&ドロップすると画像を入力できます </p> <input type="hidden" name="hide" value=""><br> <textarea name="text" cols="180" rows="35"></textarea> </form></p></body></meta></head>
<head> <meta charset="utf-8"> <title></title> <body> <p> <form> <img id="img" src="" alt="写真" width="200" height="100"> <input type="hidden" name="hide" value=""> <input type="text" name="txt" value=""> </form> <script> //____________________________ { /*#############################…</p></body></meta></head>
やっとこさ、ベンチプレスで75Kgを上げられた！ 今年の目標は、80Kg。 後少し。で、手首をちょっと傷めたか？
…探せなかった。https://stackoverflow.com/questions/2559616/javascript-true-form-reset-for-hidden-fields 確かにhidden属性を使わず、text属性にして表示させなければ問題ないか。 結局、使用する前にhidden属性のinput要素をmapを使って初期の状態を保…
困ったな。連動できると思っていたのに…。この数時間が無駄になった。 <head> <meta charset="utf-8"> <title> MutationObserver は、select要素の変化を捉えられないのか？</title> <body> <select> <option value="0">0 <option value="1">1 <option value="2">2 </select> <script> let observer = new MutationObserver (m => console.log (m[0])), optio…</body></meta></head>
例えばAjaxなどを使って webアプリを作っている時に、表示状態を切り替えたい時がある。 今までの方式は、スクリプトで対象の要素を集めて此処に（非）表示などを行っていた。それは面倒だった。 一気に切り替える方法はないものだろうか？考えた。 cssText …
画像をデータベースに登録するときにPHP側で変換処理するよりもやっぱりJavascriptで行なえば楽だろうな？と思ってみたものの、最近時間がなかった。 ちょっと暇になったので作ってみた。 やっぱりコーディングに時間がかかってしまった。ほぼ徹夜になっちゃ…
被らないように配列から値を取り出す とある業務の日誌をコンピュータで記録させているのだが、その時に音楽を流してほしいと要望があった。 数曲の中からランダムに選曲と再生するのではあるが、全曲が流れたあとリセットし直すとまれに最後に流れた曲が最…
ブロックスコープ内での関数の定義は、ブロックスコープの外からも呼び出せたのね。 FORM 要素の部品の要素の値を object型にして返す。その2 { const TARGET_PARTS = ['INPUT', 'TEXTAREA', 'SELECT'],//対象となる form要素の部品 EXCLUDE_TYPE = ['submit…
必要になって書いてみた。プログラム書くのに時間がかかりすぎ。 使い方のメモ let f0 = new ExpForm (document.forms[0]), f1 = new ExpForm (document.forms[1]), obj = f0.getValue (); //form0からform1に複写 f1.setValue (obj); FORM要素の対象となる…
老人ホームに入居している母が入院。 輸血を必要とするほど数値が低いらしい。 そく輸血。 夕食にペースト状になった病院食を食べさせる。 好き嫌いが激しいようで首を横に振り、不味そうなものは食べない。 スプーンに不味そうなものをのせ、美味しそうなも…
霊柩車の運賃計算プログラム ついでに「霊柩運送規約」と「運賃適用方」も掲載（必要ないけどね） 計算方法は、個々の運送業者の該当地区の運輸局に届け出た書類によって違うと思う。 ちょっと解釈が微妙なので不都合があったなら修正します 「〜を超えて」…
td 要素の中に input 要素をギリギリまで広げて使いたい場合などに余分な空白が出ないために以下のように記述する必要があった <td><input type="number" name="hoge"value="0"> このようにタグを続けて書いていた。 これをスクリプトで余分な空白を取り除く（テキストノードその物の削除）ようにした。 こ</td>…
datalistのoptionの削除はできますか？ https://okwave.jp/qa/q9340809.html 同じ奴だな。 明日は手術 だんどん俺の体はサイボーグ化していく。
#yum install epel-release #rpm -Uvh http://rpms.famillecollet.com/enterprise/remi-release-6.rpm #yum install --enablerepo=remi,remi-php70 php php-devel php-mbstring php-pdo php-gd
クローンすべてをクリックしたときにリスナーが実行 https://okwave.jp/qa/q9323157.htmlせっかく書いたのに、投稿しようと思ったらブロックされていた。もう見た人にあげる。好きなようにして！ ３行で収まるんだよ！ES6をなめるな！ Mapを使ってみた。Arra…
平行光源によるライティング <meta charset="utf-8"> <title>WebGL</title> <style> body { background: black; } </style> <body> <canvas width="512" height="512"</canvas> <script id="vshader" type="x-shader/x-vertex"> attribute vec3 position; attribute vec3 normal; attribute vec4 color…</canvas></body></meta>
複数モデルのレンダリング https://wgld.org/d/webgl/w016.html 教科書にあるマトリクスのライブラリなのだが、使い方がオブジェクト指向ではなく、たんなるマトリクス関数の集合体だけの使い方のように思えてきた。 そのライブラリは少しずつ自分用のライブ…
https://wgld.org/d/webgl/w014.html まずは、移植から。いきなりオブジェクト指向で脳内変換。 なんで素直に写経するのを嫌うのだ？! > 俺 マトリクスのライブラリーも、後ほど見直すこと。 <meta charset="utf-8"> <title>WebGL</title> <style> </style> <body> <canvas width="1024" height="512"</canvas> <script id="vshader" type="x-shader/x-vertex">…</canvas></body></meta>
浦島太郎かっ！＞俺ちなみにそれを1行で配列にしたいのだけれど。^^;
もう何十年も募金と支援してるのに終わらないのはなぜなのか気づけよ！ まぁ回答者側がアレだからな。 俺以外の回答者にでも言ってくれ。 質問の表題は、その不明瞭な事象を的確に表現すること 今後同じような悩みを抱えるであろう人のために、質問を撒き散…
{ class Matrix { constructor (a = 1, b = 0, c = 0, d = 1) { this.matrix = [a, b, c, d]; } getInverse () {//逆数 let [a, b, c, d] = this.matrix, z = a * d - b * c; return z ? new Matrix (d / z, -b / z, -c / z, a /z): null; } multiplication …
六曜の結果なのだが、今月は正確に表示されないらしい。 見直す羽目になる。http://jsdo.it/babu_baboo/EP6b <meta charset="utf-8"> <title>六曜を計算</title> <style> caption { font-size: x-large; text-align: center; } caption label { margin: 0 1em } th { height: 2em; background: #aea; } t</meta>…
よくもまぁもう答えなければよいのに。 ちょっとテスト
