購入するもの Mini PC TV（チューナレス） 壁固定金具 適当なHDMIケーブルと電源類(USB TypeC PB を使って必要なボルトの電源を確保できればなお吉) Mini PC の BIOS を設定して、通電したらPCを自動起動になるように設定する Aptio Setup - AMI Boot -> Sta…
callBack 関数が true を返す間、定期的に関数を呼び出す class Repeater { #cnt = null; #timerId = null; #loop = function () { if (this.#cnt && this.cbFunc (--this.#cnt) && this.#cnt) this.#timerId = setTimeout (this.#loop.bind (this), this.in…
配列からテーブルを作る２ 配列からテーブルを作る場合、セルを結合したりclassName を指定したい時がある。そこで配列のセルに該当するテキストから colSpan , rowSpan などを取り出せるようにした。 文字列の先頭が "#" ならば TH 要素になる ”!r4c2 def" …
配列からテーブルを作る <meta charset="utf-8"> <title></title> <style> .red { color: red;} </style> <body> <table border="1" id="TB"></table> <script> function ary2thead (ary = [ ], thead = document.createElement ('thead')) { const textSplitStr = ( th = '(#)?', //文字列の先頭が "#" なら th要素とするための判別 rowS…</body></meta>
class Matrix { constructor (ary) { this.matrix = ary } add (arg) { this.matrix = this.constructor.add (this.matrix, arg.matrix) } sub (arg) { this.matrix = this.constructor.sub (this.matrix, arg.matrix) } mult (arg) { this.matrix = this.co…
//組合わせ c= 1:重複あり, 0:重複なし function combinations (a = [ ], b = a.length, c = 1) { return 2 > b ? a.map(a =>[a]) : a.flatMap ((d,e)=> combinations (a.slice (e+1-c), b-1, c).map (e=> [d,...e])); } //順列 c= 1:重複あり, 0:重複なし f…
function mathematics (ary = [ ], n = ary.length) { if (1 === n) { return ary.map (a=> [a]); } else { return ary.flatMap ((a, i)=> mathematics (ary.slice (i), n -1).map (b=> [a,...b])) } } console.log (mathematics ([1,2,3],3)); /* [1,1,1], …
<meta charset="UTF-8"> <title>HTML Canvas Library</title> <style> canvas { border: 2px gray ridge; } </style> <body> <canvas width="500" height="250"></canvas> <canvas width="500" height="250"></canvas> <canvas width="500" height="250"></canvas> <canvas width="500" height="250"></canvas></body></meta>
いつか使ってみよう！ const func = ((cbFunc = arg=> { ; }) => cbFunc)() const ary = ((c=d=>'function'==typeof d?d(b):(b.push(d),c),b=[])=>c)();
''' HTML canvas ol li label { display: inline-block; width: 10em; padding: 0 1ex; } ol li { margin: 2px; list-style: none; } ol li label, ol li input { border: 2px silver ridge; border-radius: 5px; } Aria B:radius B:offset Line color Gray …
Ajax を利用してアプリを作るとき、location.hash の値と連動して動く。 onHashChange を使用せずに済む。 とある条件でページをスクリプトで生成するプログラムがあるとする。 その条件が変化するごとに location.hash に書き出し、コールバック（生成プロ…
正規表現を使うのは大げさな気がする。 location.hash を location.search に書き換えて URL.searchParams で取得するほうが簡単だろうか？[, 変数名, 大括弧, 変数値]に分割しながら解析する function parseParms (str = '') { let reg = /(?:^#)?(\D\w*)(\…
質問者のこいつらは同一人物だ！ 回答するのを止めた。 goo では名前を漢字で、okwaveでは２つの単語をアンダースコアでつなぎ、寺尾では２つの単語をつなぐ。 回答したコードを精査しないで、そのまま引用して次の質問する。 自分のやりたいことだけが優先…
2段階プルダウンで表示内容を切り替えたい 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい goo: https://oshiete.goo.ne.jp/qa/13030027.html okwave:https://okwave.jp/qa/q10026854.html無駄に答えてしまった。phpのプログラム…
https://teratail.com/questions/4pnustw5rp458d <meta charset="utf-8"> <title></title> <style> p { border: solid 1px black; width: 100px; height: 100px; margin: 0; } </style> <body> <p>drag</p> <script> class A { draggable = false; diffX = null; diffY = null; #init = function (e) { ['m…</body></meta>
画面をこするとページ遷移するコードhttps://teratail.com/questions/j459osplrnxfeo 「こする」をどうとらえるか？ <meta charset="utf-8"> <title></title> <style> </style> <body> <a href="https://www.google.co.jp/"> <img src="https://picsum.photos/600/200?random=1"><br> <p>Test</p> </a> <script> class A { #clientX = null…</body></meta>
OKWAVE セレクトボックスで、逆順に選択しても同じにしたい https://okwave.jp/qa/q10023002.html // https://okwave.jp/qa/q10021995.html 質:「能力なき者泣き寝入りせざるを得ませんか。」俺:「学校では平等だったかもしれませんが、社会では泣くしかあり…
今更ながらフェードアウトで画像を切り替える 本来ならスクリプトを使わないでできる .fade_out_change { position: relative; } .fade_out_change > * { position: absolute; left: 0; top: 0; } .chgTypeA { height: 200px; } .chgTypeB { height: 100px; …
娘が結婚、旦那から電話で報告があった。おめでとう。 次男、「娘さんを下さい」？を言うために大阪へ。 長男、振られたらしい。
あぁ、本業が大事！ きっと今年はすべきことが出来ていない。来年が良い年でありますように。
//引数の型を返す const typeOf=arg=>Object.prototype.toString.call(arg).slice(8,-1); //Ajaxでファイルを読み込み文字のエンコードをして返す const fileLoader=async(path,enc)=>new TextDecoder(enc).decode(await(await fetch(path)).arrayBuffer());…
条件 参照元の配列を破壊しないこと。 １行で済ませること。 身勝手ではあるがなるべく reverse は使わないこと。 なるべく速度を優先すること。（調べていないけど） const ary = [ [1,2,3], [4,5,6], [7,8,9], [10,11,12] ]; const tb = a=> a.map (b=>b.j…
寺尾で質問をした。 イベントを遅らせて発火させ、イベントオブジェクトから target 要素を取得したい もうちょっと自身で精査すればよかったのに・・・自己解決した。 これで文字を入力するたびに処理しなくてもよくなった。 <meta charset="UTF-8"> <title>イベントを遅らせられた</title> <body> <input type="text" name="inp"><br /> <input type="text" name="inp"><br /> <script> </body></meta>…
それにしても短い休日だった。 母さん、三途の川を渡ったころだろうか。 https://oshiete.goo.ne.jp/qa/12665779.html枯葉よ~ <meta charset="UTF-8"> <title>Test</title> <body> </body></meta>
開拓地に設置するベンチを作った
開拓地
teratail で回答したものより更に加筆 https://teratail.com/questions/325107 radio の checked は１つだけなので、最後に移動する。 textarea 内の改行はオートインデントが可能。 [Shift]+[Enter]は逆順に、[Ctrl]+[Enter]で checked の反転と textarea …
ISO 8601 覚書と正規表現 日付の表現 暦日付、年間通算日、週間日付の３種類だが、年間通算日と週間日付は除外する 暦日付 書式は YYYY-MM-DD または YYYYMMDDを許容する YYYYは４桁(0000-9999)、MMは２桁(01-12)、DDは２桁(01-31)とする 下位省略表記につい…
今月で一先ず teratail で回答するのはやめにしよう！
