PC Prism.js で選択した言語とプラグイン
本サイトのソースコードなどのシンタックスハイライトは Prism.js を使用しています。言語とプラグインを選択してダウンロードしているのですが、ダウンロードしたファイルの先頭に、コメントで URL が書かれており、その URL を開けば同...
PC
PC 
PC VSCode：”ドキュメントのフォーマット” を一括で実行するには
ワークスペース内のソースコードにまとめて "ドキュメントのフォーマット" かける方法を探した所、以下の拡張機能が良さそうだったのでメモです。 Format Files Format in context menus そして、今の所 "For...
PC React：Cytoscape.js の図をじんわり更新する
以前の試作では、表示が即切り替わりました。Cytoscape.js に animate があるので、じんわり更新する試作をしてみました。 import React, { FC, useRef, useEffect } from 'r...
PC C#：経度緯度の２点間の距離を求めるには
以前、クラスライブラリを使用して距離を取得しましたが、そのときのライブラリが今では使いづらそうなので、算出するコードを作成してみました。ChatGPT で生成して、少し直した程度です。凄い時代になりましたね。Vincenty 法で求めると精...
PC TypeScript：Google のスタイルガイドに従ってみる
Google TypeScript Style Guide に従う場合、 gts が便利そうなので使ってみます。 インストール お試しなので、空のディレクトリで次のコマンドを実行しました。既存のプロジェクトに追加する場合も同様のコマンドです...
PC Google カレンダー：2023年度長野市ごみ収集日
2024年度（令和６年度）の CSV ファイルはこちらで公開しています。 2023年度（令和5年度）長野市のゴミ収集日を Google カレンダーに表示させる為の CSV ファイルを作成しました。 Google カレンダーに CSV ファイ...
PC VSCode：ワークスペースでのみ有効な環境変数を設定する
作業しているワークスペースでのみ効いて欲しい環境変数を設定したときのメモです。以下の設定をワークスペースのファイルに記載しました。 OpenSSL の互換性の都合で、環境変数 NODE_OPTIONS を設定した。 npm または yarn...
PC React：props で Cytoscape.js の図を更新する試作
試作内容 <Child Elements={el} Styles={sy} /> 上記のように、props で cytoscape へ設定するデータを渡して更新する Child コンポーネントの作成を目指します。 テンプレ作成 ベースとなる...
PC React：Cytoscape.js の図を要素に合わせてリサイズする
Cytoscape.js を使った試作に、要素の大きさに図のサイズが追随するようなコードを追記しました。以前と差分がある行を強調表示にしています。（分かりづらいですが。） import React, { useRef, useEffect ...
PC Hyper-V：Default Switch は IP アドレスが変わるので、新規に固定 IP の仮想スイッチを作る
Hyper-V で Amazon Linux 2 を試しましたが、数日後に使ったら外部ネットワークに繋がらない。確認してみると、仮想スイッチで選択した Default Switch の IP アドレスが変わっていました。調べてみると Def...