【簡単個人ツール】シンプルなマインドマップマインドマッピングツールをDocker環境にデプロイする

1. シンプルマインドマップ入門

1.1 シンプルマインドマップの紹介

. マインド マップ ライブラリ、Vue2.x、ElementUI をベースに開発された Web マインド マップで、コンピュータ上のローカル ファイルを操作できるため、そのままオンライン マインド マップ アプリケーションとして使用できます。

1.2 シンプルマインドマップの特徴

• プラグインアーキテクチャ。コア機能に加えて、他の機能もプラグインとして提供され、オンデマンドで使用できるため、パッケージサイズが削減されます。
• 論理構造図、マインドマップ、組織図、ディレクトリ組織図、タイムライン（水平、垂直）、特性要因図、その他の構造をサポート
• 複数のテーマを内蔵し、高度にカスタマイズしたスタイルを可能にし、新しいテーマの登録をサポート
• ノードのコンテンツは、テキスト (通常のテキスト、リッチ テキスト)、画像、アイコン、ハイパーリンク、メモ、ラベル、概要、および数式をサポートします。
• ノードは、ドラッグ (ドラッグ アンド ドロップ移動、自由な調整)、複数のノード形状、DDM を使用したノード コンテンツの完全なカスタマイズをサポートしています。
• キャンバスのドラッグとズームをサポート
• 2 つのノードの複数選択方法をサポートします: マウス ボタンのドラッグ選択と Ctrl + 左ボタン
• json、png、svg、pdf、markdown、xmind へのエクスポートをサポートし、json、xmind、markdown からのインポートをサポート
• ショートカット キー、前後方向、関連する行、検索と置換、ミニマップ、透かし、スクロール バーをサポート
• さまざまなシナリオでのさまざまな使用習慣に対応する豊富な構成を提供します
• 共同編集をサポート

2. 現地環境の紹介

2.1 地域環境計画

この演習は個人的なテスト環境であり、オペレーティング システムのバージョンは centos7.6 です。

ホスト名	IPアドレス	オペレーティング システムのバージョン	Docker のバージョン
ジェブン	192.168.3.166	セントス 7.6	20.10.17

2.2 この実践の概要

1. この演習のデプロイ環境は個人的なテスト環境です。実稼働環境については注意してください。
2. シンプル マインド マップ ツールは Docker 環境に正常にデプロイされました。 。

3. 現地環境調査

3.1 Docker サービスのステータスを確認する

Docker サービスが正常に実行されているかどうかを確認し、Docker が正常に実行されていることを確認します。

[root@jeven ~]# systemctl status docker
● docker.service - Docker Application Container Engine
   Loaded: loaded (/usr/lib/systemd/system/docker.service; enabled; vendor preset: disabled)
   Active: active (running) since Sat 2023-11-04 21:48:30 CST; 1 weeks 2 days ago
     Docs: https://docs.docker.com
 Main PID: 43919 (dockerd)
    Tasks: 38
   Memory: 502.6M
   CGroup: /system.slice/docker.service

3.2 Dockerのバージョンを確認する

Dockerのバージョンを確認する

[root@jeven ~]# docker version
Client: Docker Engine - Community
 Version:           20.10.17
 API version:       1.41
 Go version:        go1.17.11
 Git commit:        100c701
 Built:             Mon Jun  6 23:05:12 2022
 OS/Arch:           linux/amd64
 Context:           default
 Experimental:      true

Server: Docker Engine - Community
 Engine:
  Version:          20.10.17
  API version:      1.41 (minimum version 1.12)
  Go version:       go1.17.11
  Git commit:       a89b842
  Built:            Mon Jun  6 23:03:33 2022
  OS/Arch:          linux/amd64
  Experimental:     false
 containerd:
  Version:          1.6.6
  GitCommit:        10c12954828e7c7c9b6e0ea9b0c02b01407d3ae1
 runc:
  Version:          1.1.2
  GitCommit:        v1.1.2-0-ga916309
 docker-init:
  Version:          0.19.0
  GitCommit:        de40ad0

3.3 docker compose のバージョンを確認する

Docker Compose のバージョンをチェックして、2.0 以降であることを確認します。

[[root@jeven ~]# docker compose version
Docker Compose version v2.19.1

4. シンプルマインドマップ画像をダウンロードする

Docker Hub でシンプル マインド マップ イメージをダウンロードする

[root@jeven ~]# docker pull shuiche/mind-map
Using default tag: latest
latest: Pulling from shuiche/mind-map
31e352740f53: Pull complete
1473efee6963: Pull complete
08982b290dbc: Pull complete
b9ca70af3df8: Pull complete
fbdae3c8bae0: Pull complete
Digest: sha256:fa1d7fed4fe105af42b53878425d0005d0dd3f269bf87b18a36e040283b76e4a
Status: Downloaded newer image for shuiche/mind-map:latest
docker.io/shuiche/mind-map:latest

5. シンプル マインド マップ ツールを展開する

5.1 マインドマップコンテナの作成

• docker-cli はマインドマップコンテナを作成します

docker run -d \
--restart unless-stopped \
--name mind-map \
-p 7655:8080 \
shuiche/mind-map

• docker-compose.yaml デプロイメント ファイルを編集する

version: '3.9'
services:
    mind-map:
        image: shuiche/mind-map
        ports:
            - '7655:8080'
        container_name: mind-map
        restart: unless-stopped

• docker compose を使用してマインドマップ コンテナーを作成する

[root@jeven mind-map]# docker compose up -d
[+] Running 2/2
 ⠿ Network mind-map_default  Created                                                                                    0.1s
 ⠿ Container mind-map        Started                                                                                    1.0s

5.2 マインドマップコンテナのステータスを確認する

マインドマップコンテナのステータスを確認する

[root@jeven mind-map]# docker compose ps
NAME                COMMAND             SERVICE             STATUS              PORTS
mind-map            "./server"          mind-map            running             0.0.0.0:7655->8080/tcp, :::7655->8080/tcp

5.3 マインドマップコンテナのログを確認する

マインドマップ コンテナーの実行ログをチェックして、マインドマップ サービスが正常に実行されていることを確認します。

[root@jeven mind-map]# docker compose logs
mind-map  | [GIN-debug] [WARNING] Creating an Engine instance with the Logger and Recovery middleware already attached.
mind-map  |
mind-map  | [GIN-debug] [WARNING] Running in "debug" mode. Switch to "release" mode in production.
mind-map  |  - using env:	export GIN_MODE=release
mind-map  |  - using code:	gin.SetMode(gin.ReleaseMode)
mind-map  |
mind-map  | [GIN-debug] GET    /dist/*filepath           --> github.com/gin-gonic/gin.(*RouterGroup).createStaticHandler.func1 (3 handlers)
mind-map  | [GIN-debug] HEAD   /dist/*filepath           --> github.com/gin-gonic/gin.(*RouterGroup).createStaticHandler.func1 (3 handlers)
mind-map  | [GIN-debug] GET    /                         --> main.main.func1 (3 handlers)
mind-map  | [GIN-debug] [WARNING] You trusted all proxies, this is NOT safe. We recommend you to set a value.
mind-map  | Please check https://pkg.go.dev/github.com/gin-gonic/gin#readme-don-t-trust-all-proxies for details.
mind-map  | [GIN-debug] Listening and serving HTTP on :8080

6. シンプルマインドマップの基本的な使い方

6.1 シンプル マインド マップのホームページにアクセスする

アクセスアドレス: http://192.168.3.166:7655/、IP アドレスを自分のサーバーの IP アドレスに置き換えます。

6.2 テーマの変更

テーマをクリックして、お気に入りのテーマ モードを選択します。

6.3 ファイルのエクスポート

さまざまな形式でファイルをエクスポートすることを選択できます。

6.4 ミニマップを開く

右下隅にあるミニマップを開くアイコンをクリックして、「ミニマップ」参照を開きます。

6.5 全画面表示

全画面で表示するには、小さな「全画面」アイコンをクリックします。