2020-12-01から1ヶ月間の記事一覧

JavaScript ビデオを撮影 スクリーンショット スナップショット

スクショ後、ブラウザのダウンロードフォルダに画像をダウンロード var canvas = document.createElement('canvas'); var video = document.querySelector('video'); var ctx = canvas.getContext('2d'); // Change the size here canvas.width = parseInt(v…

Node.js node-schedule 実行開始後に実行周期を変える

起動~3秒後までは、毎秒メッセージ出力 3秒たったら3秒ごとの周期に変更(メッセージ出力処理は変わらず) const schedule = require('node-schedule'); var hogehoge = 0; var job = schedule.scheduleJob('* * * * * *', function () { console.log(hogehog…

cron 正時1時間ごと、10分ごとの書式

正時1時間ごとに実行 0 */1 * * * 正時10分ごとに実行 */10 * * * * * * * * * * ┬ ┬ ┬ ┬ ┬ ┬ │ │ │ │ │ | │ │ │ │ │ └ day of week (0 - 7) (0 or 7 is Sun) │ │ │ │ └───── month (1 - 12) │ │ │ └────────── day of month (1 - 31) │ │ └─────────────── …

chromeのデベロッパーツールでレスポンシブ対応テスト

各種スマホ端末をシミュレートしたり、任意の幅を指定することができる。 レスポンシブな端末固有ビューポートのテスト | Chrome DevTools | Google Developers Chrome DevTools での Device Mode によるモバイル端末のシミュレート | Google Developers

はてなブログ 見たままモードでソースコード貼れるようにしてほしい

選択した範囲の引用、スタイル変更までできるのに、そこまでできてソースコード書式がないのがすっごく不便 はてなユーザはプログラマーも多いと思うのに、ソースコード書式の需要は一般的じゃないと思われてるのかなあ はてなダイアリーのときはできてた気…

MQTTというプロトコルのメリットデメリット

真偽不明だがとりあえずメモ。 〇到達保証がある ✖到達保証があるぶん、一時的に接続が切れたときにわからない ✖送信データ量の制約がある

JavaScript 独自イベントを作成し、キーバインドの有効・無効を切り替える

elm.addEventListener( "show", function(){ window.dispatchEvent(evInputStart); }); elm.addEventListener( "hide", function(){ window.dispatchEvent(evInputEnd); }); function avoidKeyEvent(e) { // キーバインドなし return; } function dispatchKe…

ボタンの名前を短縮表示+ツールチップを出す

三点リーダー短縮表示+マウスオーバー時にツールチップを出す。 ソースコード <button title="あいうえおかきくけこさしすせそたちつてとなにぬねの"><div style="overflow: hidden; width: calc(10vw - 20px); white-space: nowrap; text-overflow: ellipsis;">あいうえおかきくけこさしすせそたちつてとなにぬねの</div></button> 説明 ツールチップを出すにはbuttonタグにtitle属性をつける。 <button id="hoge" title="あいうえお">あいうえお</button>