icon

FossFLOW

FossFLOW は、美しいアイソメトリックインフラストラクチャ図を作成するための強力なオープンソース Progressive Web App です。React で構築され、オフラインサポート、自動保存、カスタムアイコンを備え、主要クラウドプロバイダー(AWS、Azure、GCP、Kubernetes)をサポートします。

template cover
展開済み2
発行者canyugs
作成日2025-10-19
サービス
service icon
タグ
DiagrammingProductivityPWADesign

FossFLOW

FossFLOW は、ブラウザで直接美しいアイソメトリックインフラストラクチャ図を作成するためのオープンソース Progressive Web App です。サーバーサイドの永続ストレージとオプションの Git バックアップ統合により、図はデバイス間で安全にアクセスできます。

機能

  • アイソメトリック図作成:美しい 3D スタイルのインフラストラクチャ図を作成
  • 自動保存:図は 5 秒ごとに永続ストレージに自動保存されます
  • PWA サポート:オフラインで動作し、デスクトップ/モバイルアプリとしてインストール可能
  • アイコンライブラリ:AWS、Azure、GCP、Kubernetes などのアイコンをプリロード
  • カスタムアイコン:独自のカスタムアイコンをアップロードして使用
  • インポート/エクスポート:JSON ファイルとして図を共有
  • Git バックアップ:バージョン管理のためのオプションの自動 Git コミット

使用方法

  1. ドメインで FossFLOW を開く
  2. 図の作成を開始 - /data/diagrams に自動保存されます
  3. 図を JSON ファイルとしてインポート/エクスポート
  4. アイソメトリックとフラットアイコンスタイルを切り替え

設定オプション

  • ENABLE_SERVER_STORAGE(デフォルト:true)- サーバー上の永続ストレージを有効化
  • ENABLE_GIT_BACKUP(デフォルト:false)- 自動 Git コミットを有効化(コンテナ内で Git の設定が必要)
  • STORAGE_PATH(デフォルト:/data/diagrams)- コンテナ内の図の保存場所
  • BACKEND_PORT(デフォルト:3001)- バックエンドサーバーポート

ドキュメント