この記事は初心者向けです
エンジニア向けの記事ではありませんのでご注意ください

0.はじめに

私は、非エンジニアで初心者です。

ChromeOS Flexで以下のSVGエディターWEBアプリケーションを試そうとして手間取ったので備忘録を残します。

こんな感じの画面のSVGエディターです。

以下コマンドが並ぶだけです

1.セットアップとビルド手順

Debian11ベースですがLXCコンテナ環境なので、素のDebian11とは異なるらしいです。

sudo apt update
sudo apt upgrade -y

node.jsは、元々はインストールされてませんでした。

sudo apt install nodejs
node -v
sudo apt install npm
npm -v

aptでインストールされるnode.jsはかなりバージョンが低いので最新安定板にバージョンアップします。

curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
sudo apt-get install -y nodejs
node -v
sudo npm install -g npm@latest
npm -v

フォルダーは、事前にChromeOS標準のファイルアプリで作りました

cd svged

git clone https://github.com/SVG-Edit/svgedit.git

cd svgedit

npm install

npm run build --workspace @svgedit/svgcanvas
npm run start

ロリポップのレンタル共有サーバーでは、node.jsが動かないので事前にローカルでビルドが必要です。

npm run build

FTPソフトが必要です。（LinuxならFileZillaなど）

書いてみると簡単だけど、悩んだので一応書きました。

以　上