IT

PC

TypeScript:Google のスタイルガイドに従ってみる

Google TypeScript Style Guide に従う場合、 gts が便利そうなので使ってみます。インストールお試しなので、空のディレクトリで次のコマンドを実行しました。既存のプロジェクトに追加する場合も同様のコマンドですが、...
PC

Google カレンダー:2023年度長野市ごみ収集日

2024年度(令和6年度)の 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...
PC

2023年(令和5年) 長野市の人口を gglot2 でグラフにしてみた

R の gglot2 を使用して人口のグラフを作成してみました。使用したデータは、長野市がクリエイティブ・コモンズ・ライセンス表示4.0国際(CC-BY4.0)ライセンスの下に公開している「長野市 令和5年地区別年齢別人口」(2023/01...
PC

React:Cytoscape.js を試した

前回に引き続き、ライブラリを物色しています。環境yarn create react-app my-app --template typescriptcd my-app yarn add cytoscapeyarn add -D @types...
PC

React:maxGraph を試した

構成図や階層図に使えそうなライブラリを物色しています。現状、React でこの手のグラフを描画するライブラリの多くは相性が良くないと感じています。maxGraph を試した結果を残しますが、やはり React と相性が良くなさそうでした。別...
PC

R:データフレームから数値の列を選別する

前回はカテゴリ値だったので、数値もやっておきます。library("dplyr")which( sapply( colnames(iris), function(c) { iris] %>% na.omit() %>% is.numeric...