工作と競馬2

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

技術メモ#Webアプリケーション

Next.jsアプリ基礎 自分用メモ

環境 プロジェクトの作成 ルーティング 基本的なルーティング 動的ルーティング 共通レイアウト サーバーコンポーネントとクライアントコンポーネント クライアントコンポーネントを使う バックエンドAPI ルートハンドラーの作り方 データの更新頻度高いアプ…

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

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

Typescript自分用メモ

プロジェクト開始時 以下の設定をしておく ファイル変更時にコンパイルを自動で行う 複数ファイルの更新に対応 ウェブブラウザが自動リロードされるようにする 開発用サーバを起動する srcフォルダ以下の.tsファイルがコンパイル対象にする distフォルダに出…

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アプリ(以下、ブラウザアプリ)に対…