技術メモ#Webアプリケーション
環境 プロジェクトの作成 ルーティング 基本的なルーティング 動的ルーティング 共通レイアウト サーバーコンポーネントとクライアントコンポーネント クライアントコンポーネントを使う バックエンドAPI ルートハンドラーの作り方 データの更新頻度高いアプ…
概要 seleniumで、指定した要素をスクロールしてスクリーンショットを撮るためのメモ。 概要 背景と目的 詳細 0. 環境 1. スクリーンショットの対象サンプル 2. seleniumコード 2.0 キャプチャ対象要素を選択 2.1 対象要素をスクロール 2.2 指定した子要素が…
プロジェクト開始時 以下の設定をしておく ファイル変更時にコンパイルを自動で行う 複数ファイルの更新に対応 ウェブブラウザが自動リロードされるようにする 開発用サーバを起動する srcフォルダ以下の.tsファイルがコンパイル対象にする distフォルダに出…
概要 VS Codeで、React + React Bootstrapアプリを開発する環境を作成し、サンプルアプリが動くまでの手順をメモした。 概要 背景と目的 詳細 0. 環境 1. create-react-appインストール 2. サンプルアプリを準備 3. Visual Studio Codeで開く 4. React Boots…
概要 Vega-Liteで、Precision、Recall、F1スコアを算出して表示するためのコードを作成し、動作を確認した。 背景と目的 最近たまたまVega、Vega-Liteを使った環境において機械学習モデルの性能指標を表示する機会があったが、Vega、Vega-Liteを使ったことが…
日時関連 日時便利関数集クラス Dateオブジェクト Dateオブジェクト作成時にそのまま数値を足すと時刻がシフトするが、作成されたDateオブジェクトに数値をそのまま足してもシフトしない UI関連 日時範囲を選択するUI 日時関連 日時便利関数集クラス 指定し…
概要 PythonアプリからブラウザアプリへMQTTでメッセージ送信するための簡単なテストプログラムを作成し、動作確認した。 背景と目的 Raspberry Pi上のPythonアプリ側から、そのUI系として用いているクライアントサイドWebアプリ(以下、ブラウザアプリ)に対…