トップ 一覧 Farm 検索 ヘルプ RSS ログイン

Diary/2026-3-15の変更点

  • 追加された行はこのように表示されます。
  • 削除された行はこのように表示されます。
!React入門
グラフを操作する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
とする.