lynx   »   [go: up one dir, main page]
ラベル GraphvizVisualEditor の投稿を表示しています。 すべての投稿を表示
ラベル GraphvizVisualEditor の投稿を表示しています。 すべての投稿を表示

2022年10月24日月曜日

AlmaLinux 9/Rocky Linux 9にGraphviz Visual Editorをインストールする

Graphviz Visual EditorはGraphvizのnode製フロントエンドです。webブラウザからグラフをインタラクティブに描画することができます。

〇Graphviz Visual Editorの画面

インストール方法 以下のコマンドを実行します
1. node.jsのインストール
curl -sL https://rpm.nodesource.com/setup_16.x | sudo bash -

sudo dnf -y install nodejs

2. graphviz-visual-editorのインストール
sudo dnf -y groupinstall "Development Tools"

git clone https://github.com/magjac/graphviz-visual-editor

cd graphviz-visual-editor

npm install

make

npm run build

cd ..

sudo mv graphviz-visual-editor /opt

sudo npm install -g serve

cat << EOF | sudo tee /etc/systemd/system/graphizvisualeditor.service
[Unit]
Description=Graphiz Visual Editor
[Service]
Type=simple
ExecStart=/usr/bin/serve -s build -l tcp://0.0.0.0:3000
WorkingDirectory=/opt/graphviz-visual-editor
Restart=always
RestartSec=10
[Install]
WantedBy=multi-user.target
EOF

sudo systemctl enable graphizvisualeditor.service

sudo systemctl start graphizvisualeditor.service

3. ポート開放
firewallの3000番ポートを開けます
sudo firewall-cmd --add-port=3000/tcp --permanent

sudo firewall-cmd --reload

関連情報 ・Graphviz Visual Editorに関する他の記事は、こちらを参照してください。

投稿者 時刻: 0 件のコメント:
ラベル: , , , , , ,

2021年9月3日金曜日

Rocky Linux 8.4にGrphviz Visual Editorをインストールする

Graphviz Visual EditorはGraphvizのnode製フロントエンドです。webブラウザからグラフをインタラクティブに描画することができます。

〇Graphviz Visual Editorの画面

インストール方法 以下のコマンドを実行します
1. node.jsのインストール
curl -sL https://rpm.nodesource.com/setup_14.x | sudo bash -

sudo dnf -y install nodejs

2. graphviz-visual-editorのインストール
sudo dnf -y groupinstall "Development Tools"

git clone https://github.com/magjac/graphviz-visual-editor

cd graphviz-visual-editor

npm install

make

npm run build

cd ..

sudo mv graphviz-visual-editor /opt

sudo npm install -g serve

cat << EOF | sudo tee /etc/systemd/system/graphizvisualeditor.service
[Unit]
Description=Graphiz Visual Editor
[Service]
Type=simple
ExecStart=/usr/bin/serve -s build -l tcp://0.0.0.0:3000
WorkingDirectory=/opt/graphviz-visual-editor
Restart=always
RestartSec=10
[Install]
WantedBy=multi-user.target
EOF

sudo systemctl enable graphizvisualeditor.service

sudo systemctl start graphizvisualeditor.service

3. ポート開放
firewallの3000番ポートを開けます
sudo firewall-cmd --add-port=3000/tcp --permanent

sudo firewall-cmd --reload

関連情報 ・Graphviz Visual Editorに関する他の記事は、こちらを参照してください。

投稿者 時刻: 0 件のコメント:
ラベル: , , ,

2021年5月31日月曜日

AlmaLinux8.3にGrphviz Visual Editorをインストールする

Graphviz Visual EditorはGraphvizのnode製フロントエンドです。webブラウザからグラフをインタラクティブに描画することができます。

〇Graphviz Visual Editorの画面

インストール方法 以下のコマンドを実行します
1. node.jsのインストール
curl -sL https://rpm.nodesource.com/setup_12.x | sudo bash -

sudo dnf -y install nodejs

2. graphviz-visual-editorのインストール
sudo dnf -y groupinstall "Development Tools"

git clone https://github.com/magjac/graphviz-visual-editor

cd graphviz-visual-editor

npm install

make

npm run build

cd ..

sudo mv graphviz-visual-editor /opt

sudo npm install -g serve

cat << EOF | sudo tee /etc/systemd/system/graphizvisualeditor.service
[Unit]
Description=Graphiz Visual Editor
[Service]
Type=simple
ExecStart=/usr/bin/serve -s build -l tcp://0.0.0.0:3000
WorkingDirectory=/opt/graphviz-visual-editor
Restart=always
RestartSec=10
[Install]
WantedBy=multi-user.target
EOF

sudo systemctl enable graphizvisualeditor.service

sudo systemctl start graphizvisualeditor.service

3. ポート開放
firewallの3000番ポートを開けます
sudo firewall-cmd --add-port=3000/tcp --permanent

sudo firewall-cmd --reload

関連情報 ・Graphviz Visual Editorに関する他の記事は、こちらを参照してください。

投稿者 時刻: 0 件のコメント:
ラベル: , , ,

2021年2月23日火曜日

CentOS 8-StreamにGrphviz Visual Editorをインストールする

Graphviz Visual EditorはGraphvizのnode製フロントエンドです。webブラウザからグラフをインタラクティブに描画することができます。

〇Graphviz Visual Editorの画面

インストール方法 以下のコマンドを実行します
1. node.jsのインストール
curl -sL https://rpm.nodesource.com/setup_12.x | sudo bash -

sudo dnf -y install nodejs

2. graphviz-visual-editorのインストール
sudo dnf -y groupinstall "Development Tools"

git clone https://github.com/magjac/graphviz-visual-editor

cd graphviz-visual-editor

npm install

make

npm run build

cd ..

sudo mv graphviz-visual-editor /opt

sudo npm install -g serve

cat << EOF | sudo tee /etc/systemd/system/graphizvisualeditor.service
[Unit]
Description=Graphiz Visual Editor
[Service]
Type=simple
ExecStart=/usr/bin/serve -s build -l tcp://0.0.0.0:3000
WorkingDirectory=/opt/graphviz-visual-editor
Restart=always
RestartSec=10
[Install]
WantedBy=multi-user.target
EOF

sudo systemctl enable graphizvisualeditor.service

sudo systemctl start graphizvisualeditor.service

3. ポート開放
firewallの3000番ポートを開けます
sudo firewall-cmd --add-port=3000/tcp --permanent

sudo firewall-cmd --reload

関連情報 ・Graphviz Visual Editorに関する他の記事は、こちらを参照してください。

投稿者 時刻: 0 件のコメント:
ラベル: , , , ,

2020年12月28日月曜日

CentOS8.2にGrphviz Visual Editorをインストールする

Graphviz Visual EditorはGraphvizのnode製フロントエンドです。webブラウザからグラフをインタラクティブに描画することができます。

〇Graphviz Visual Editorの画面

インストール方法 以下のコマンドを実行します
1. node.jsのインストール
curl -sL https://rpm.nodesource.com/setup_12.x | sudo bash -

sudo dnf -y install nodejs

2. graphviz-visual-editorのインストール
sudo dnf -y groupinstall "Development Tools"

git clone https://github.com/magjac/graphviz-visual-editor

cd graphviz-visual-editor

npm install

make

npm run build

cd ..

sudo mv graphviz-visual-editor /opt

sudo npm install -g serve

cat << EOF | sudo tee /etc/systemd/system/graphizvisualeditor.service
[Unit]
Description=Graphiz Visual Editor
[Service]
Type=simple
ExecStart=/usr/bin/serve -s build -l tcp://0.0.0.0:3000
WorkingDirectory=/opt/graphviz-visual-editor
Restart=always
RestartSec=10
[Install]
WantedBy=multi-user.target
EOF

sudo systemctl enable graphizvisualeditor.service

sudo systemctl start graphizvisualeditor.service

3. ポート開放
firewallの3000番ポートを開けます
sudo firewall-cmd --add-port=3000/tcp --permanent
sudo firewall-cmd --reload

投稿者 時刻: 0 件のコメント:
ラベル: , , ,

2020年5月6日水曜日

Debian 10(Buster)/Ubuntu 20.04にGrphviz Visual Editorをインストールする

Graphviz Visual EditorはGraphvizのnode製フロントエンドです。webブラウザからグラフをインタラクティブに描画することができます。

〇Graphviz Visual Editorの画面

ブラウザからhttp://<ホスト名またはIPアドレス>:3000/ にアクセスします。
ノード間を接続する場合は、接続元ノードで右クリックし、接続先ノードで左ダブルクリックします。

〇インストール方法
以下のコマンドを実行します
sudo apt-get update

sudo apt-get -y install curl git build-essential

curl -sL https://deb.nodesource.com/setup_12.x | sudo bash -

sudo apt-get update

sudo apt-get install -y nodejs

git clone https://github.com/magjac/graphviz-visual-editor

cd graphviz-visual-editor

npm install

make

npm run build

cd ..

sudo mv graphviz-visual-editor /opt

sudo npm install -g serve

cat << EOF | sudo tee /etc/systemd/system/graphizvisualeditor.service
[Unit]
Description=Graphiz Visual Editor
[Service]
Type=simple
ExecStart=/usr/bin/serve -s build -l tcp://0.0.0.0:3000
WorkingDirectory=/opt/graphviz-visual-editor
Restart=always
RestartSec=10
[Install]
WantedBy=multi-user.target
EOF

sudo systemctl enable graphizvisualeditor.service

sudo systemctl start graphizvisualeditor.service


〇関連情報
・Graphvizまとめ

投稿者 時刻: 0 件のコメント:
ラベル: , , , ,
登録: 投稿 (Atom)
Лучший частный хостинг