トップ差分一覧 Farm ソース検索ヘルプ PDF RSS ログイン

Diary/2026-3-15

グラフを操作するGUIアプリ作りたいなーと思って，React Flowに入門してみる
まずは，Node.js環境のセットアップ https://nodejs.org/en/download に従って，

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.4/install.sh | bash
. ~/.nvm/nvm.sh 
npm install 24

これで，

node -v

として，v24.xがインストールされていればOK．
次に，Vite で React + TypeScript プロジェクトを作る

npm create vite@latest my-graph-ui -- --template react-ts

Y/nを聞かれるので，yでプロセスを進めると my-graph-ui/ にプロジェクトが作成されて，
初期プロジェクトが

 VITE v8.0.0  ready in 145 ms

 ->  Local:   http://localhost:5173/
 ->  Network: use --host to expose
 ->  press h + enter to show help

とかって起動してくる．->は，UTF-8のお洒落文字だった．
ブラウザでアクセスするとカウントアップ用のボタンが表示された．
Ctrl-Cでアプリを終了できる．
次回，起動時は，

cd my-graph-ui/
npm run dev

とする．