工作と競馬2

電子工作、プログラミング、木工といった工作の記録記事、競馬に関する考察記事を掲載するブログ

技術メモ#HTML/css/javascript

seleniumで、指定した要素をスクロールして、要素内すべてのスクリーンショットを撮るためのメモ

概要 seleniumで、指定した要素をスクロールしてスクリーンショットを撮るためのメモ。 概要 背景と目的 詳細 0. 環境 1. スクリーンショットの対象サンプル 2. seleniumコード 2.0 キャプチャ対象要素を選択 2.1 対象要素をスクロール 2.2 指定した子要素が…

VS Codeで、React + React Bootstrapアプリを開発する環境を作る

概要 VS Codeで、React + React Bootstrapアプリを開発する環境を作成し、サンプルアプリが動くまでの手順をメモした。 概要 背景と目的 詳細 0. 環境 1. create-react-appインストール 2. サンプルアプリを準備 3. Visual Studio Codeで開く 4. React Boots…

Vega-Liteで、Precision、Recall、F1スコアを算出して表示する

概要 Vega-Liteで、Precision、Recall、F1スコアを算出して表示するためのコードを作成し、動作を確認した。 背景と目的 最近たまたまVega、Vega-Liteを使った環境において機械学習モデルの性能指標を表示する機会があったが、Vega、Vega-Liteを使ったことが…

javascript自分用覚書

日時関連 日時便利関数集クラス Dateオブジェクト Dateオブジェクト作成時にそのまま数値を足すと時刻がシフトするが、作成されたDateオブジェクトに数値をそのまま足してもシフトしない UI関連 日時範囲を選択するUI 日時関連 日時便利関数集クラス 指定し…

PythonアプリからブラウザアプリへMQTTで送信

概要 PythonアプリからブラウザアプリへMQTTでメッセージ送信するための簡単なテストプログラムを作成し、動作確認した。 背景と目的 Raspberry Pi上のPythonアプリ側から、そのUI系として用いているクライアントサイドWebアプリ(以下、ブラウザアプリ)に対…