科学＆テクノロジー

Migliori/Visual-Diff-Merge：Visual Diff-Merge：180を超えるプログラミング言語のインタラクティブな変更選択とサポートを備えた、レスポンシブスプリットビューインターフェイスでコードを簡単に比較およびマージします。

視覚的diff-merge コードの変更を比較、選択、およびマージするためのWebベースのツールです。スプリットビューインターフェイスを使用すると、2つのバージョンを並べて表示して、簡単に拡散してマージすることができます。 PHPとJavaScriptで構築された、HTML、Twig、PHP、JavaScript、JSON、Typescript、Python、Ruby、Java、C＃、CSS、XML、YAML、MARKDOWN、SQLなど、180を超えるプログラミング言語の自動言語検出と構文の強調表示をサポートします。 🔥 Visual-diff-merge.miglisoft.comでオンラインでお試しください - インストールは必要ありません！並んで比較構文の強調表示を備えたファイルのインタラクティブなマージいずれかのバージョンから変更を選択する機能多重比較モード：ファイルブラウザ：サーバーディレクトリのファイルを比較しますファイルアップロード：2つのローカルファイルをアップロードして比較しますテキスト比較：比較のためにコードスニペットを直接貼り付けます URL比較：2つのURLのコンテンツを比較します構文の強調表示 180を超えるプログラミング言語をサポートしてhighlight.jsを搭載していますレスポンシブデザインこれは、デスクトップおよびタブレットデバイスで機能しますカスタマイズ可能なテーマ暗いモードとライトモードの両方で言語国際化サポートオプション1：オンラインバージョンを使用します訪問 Visual-diff-merge.miglisoft.com すぐにツールを使用するには：ファイルをアップロードしますコードスニペットを貼り付けます URLのコンテンツを比較します（注：ファイルブラウザモードは、オンラインバージョンで機能が制限されています）オプション2：自己ホストされたインストール Visual Diff Mergeは、PHPバックエンドとJavaScriptの両方のフロントエンドの両方を必要とするクライアントサーバーアプリケーションです。リポジトリをダウンロードまたはクローンします PHP環境を構成します（参照してください…

執筆 nipponese 更新 2025年4月24日

Migliori/Visual-Diff-Merge：Visual Diff-Merge：180を超えるプログラミング言語のインタラクティブな変更選択とサポートを備えた、レスポンシブスプリットビューインターフェイスでコードを簡単に比較およびマージします。

1745533715
2025-04-24 17:59:00

視覚的diff-merge コードの変更を比較、選択、およびマージするためのWebベースのツールです。スプリットビューインターフェイスを使用すると、2つのバージョンを並べて表示して、簡単に拡散してマージすることができます。 PHPとJavaScriptで構築された、HTML、Twig、PHP、JavaScript、JSON、Typescript、Python、Ruby、Java、C＃、CSS、XML、YAML、MARKDOWN、SQLなど、180を超えるプログラミング言語の自動言語検出と構文の強調表示をサポートします。

🔥 Visual-diff-merge.miglisoft.comでオンラインでお試しください – インストールは必要ありません！

並んで比較 構文の強調表示を備えたファイルの
インタラクティブなマージ いずれかのバージョンから変更を選択する機能
多重比較モード：
- ファイルブラウザ：サーバーディレクトリのファイルを比較します
- ファイルアップロード：2つのローカルファイルをアップロードして比較します
- テキスト比較：比較のためにコードスニペットを直接貼り付けます
- URL比較：2つのURLのコンテンツを比較します
構文の強調表示 180を超えるプログラミング言語をサポートしてhighlight.jsを搭載しています
レスポンシブデザイン これは、デスクトップおよびタブレットデバイスで機能します
カスタマイズ可能なテーマ 暗いモードとライトモードの両方で
言語国際化 サポート

オプション1：オンラインバージョンを使用します

訪問 Visual-diff-merge.miglisoft.com すぐにツールを使用するには：

ファイルをアップロードします
コードスニペットを貼り付けます
URLのコンテンツを比較します
（注：ファイルブラウザモードは、オンラインバージョンで機能が制限されています）

オプション2：自己ホストされたインストール

Visual Diff Mergeは、PHPバックエンドとJavaScriptの両方のフロントエンドの両方を必要とするクライアントサーバーアプリケーションです。

リポジトリをダウンロードまたはクローンします
PHP環境を構成します（参照してくださいインストール））
コピー api/config.example.php に api/config.php 設定を調整します
Webサーバーを介してファイルの例の1つにアクセスしてください。
- diff-viewer/file-browser.php – サーバーファイルを参照して比較します
- diff-viewer/file-upload.html – 比較するようにローカルファイルをアップロードします
- diff-viewer/text-compare.html – テキスト/コードスニペットを比較します
- diff-viewer/url-compare.html -URLのコンテンツを比較します

PHP 7.4以上
Webサーバー（Apache、nginxなど）
node.js 14.x以上（開発のみ）
npm 6.x以上（開発のみ）

リポジトリをクローンします：

git clone https://github.com/migliori/visual-diff-merge.git
cd visual-diff-merge

PHP依存関係をインストールします：
プロジェクトを構成します：
- コピー api/config.example.php に api/config.php
- 必要に応じて構成オプションを変更します（参照してください構成））
Project Directoryを提供するようにWebサーバーを設定する
- PHPが適切に構成されていることを確認してください
- 確認してください api ディレクトリにアクセスできます

Visual Diff Mergeは、4つの異なる使用モードを提供し、それぞれが特定のファイルとセットアップを必要とします。

必要なファイル：
- file-browser.php
- file-browser.min.js
説明：サーバー上のファイルを閲覧し、比較のために2つを選択します
例： diff-viewer/file-browser.php

必要なファイル：
- file-upload.html
- file-upload.min.js
説明：ローカルマシンから2つのファイルをアップロードします
例： diff-viewer/file-upload.html

必要なファイル：
- text-compare.html
- text-compare.min.js
説明：コードスニペットを入力または貼り付けて比較します
例： diff-viewer/text-compare.html

必要なファイル：
- url-compare.html
- url-compare.min.js
説明：URLSを入力して、コンテンツを取得して比較します
例： diff-viewer/url-compare.html

各モードは、特定のマネージャーコンポーネントを使用して、コアDiffViewerコンポーネントを初期化する前に、一意のワークフローを処理します。

Visual Diff Mergeは、PHP構成ファイルを使用して、サーバーとクライアントの両方の動作を制御します。

位置： api/config.php （コピー api/config.example.php））
PHP（サーバー側）とJavaScript（クライアント側）設定の両方を制御します
カスタム構成ファイルが作成されていない場合、ツールはドキュメントで詳細に記載されているデフォルト設定を使用します

キー構成オプション

'php' => [
    'debug' => [
        'enabled' => true,  // Enable server-side debugging
        'logLevel' => 3,    // Log verbosity level (1-3)
        'logFile' => 'debug-php-diff.log'  // Log filename
    ],
    'diff' => [
        'contextLines' => 3,  // Number of context lines around changes
        'ignoreWhitespace' => false,  // Ignore whitespace in comparisons
        'ignoreCase' => false  // Ignore case in comparisons
    ],
    // Security settings, path configurations, etc.
]

'javascript' => [
    'lang' => 'en',  // Default UI language
    'debug' => false,  // Enable client-side debugging
    'logLevel' => 2,   // Client-side log verbosity level
    'theme' => [
        'defaultFamily' => 'atom-one',  // Syntax highlighting theme
        'defaultMode' => 'dark',  // Light or dark mode
        'showSelector' => true  // Show theme selector in UI
    ],
    // UI class customizations, translations, etc.
]

完全な構成オプションについては、を参照してください構成ドキュメント。

Visual Diff Mergeは、クライアントサーバーアーキテクチャに従います。

バックエンド（PHP）：
- プロセスdiff計算を介して DiffViewer PHPクラス
- ファイルアクセスおよびDIFF処理にAPIエンドポイントを提供します
- セキュリティおよびファイルシステムアクセスを管理します
frontend（javascript）：
- モード固有のマネージャーコンポーネントは、UIの相互作用を処理します
- コア DiffViewer コンポーネントはdiffを表示および管理します
- テーマシステムは、構文の強調表示とUIテーマオプションを提供します

を参照してくださいアーキテクチャのドキュメント詳細については。

ソースコードを変更する場合：

node.js依存関係をインストールします。
Auto-Rebuildを使用した開発モード：
生産用のビルド：

src/ – ソースJavaScriptファイル
- components/ – diffviewerを含むコアコンポーネント
- utils/ – ユーティリティ関数
php/ – バックエンド処理用のPHPクラス
api/ – PHP APIエンドポイント
dist/ – コンパイルされたJavaScriptファイル（生成）
diff-viewer/ – Visual Diffマージの実装
docs/ – ドキュメント

貢献は大歓迎です！プルリクエストをお気軽に送信してください。

リポジトリをフォークします
機能ブランチを作成します（git checkout -b feature/amazing-feature））
あなたの変更をコミットします（git commit -m 'Add some amazing feature'））
枝に押します（git push origin feature/amazing-feature））
プルリクエストを開きます

compativeブラウザの互換性

完全にサポートされています：Chrome、Firefox、Safari、Edge（最新バージョン）
部分的なサポート：インターネットエクスプローラー11
携帯：タブレットで最適です。スマートフォンでの機能が限られています

このプロジェクトはMITライセンスの下でライセンスされています – を参照してくださいライセンス詳細については、ファイル。

📚 ドキュメント： Visual-diff-merge.miglisoft.com/docs/
🌐 Webサイト： Visual-diff-merge.miglisoft.com
💬 問題： githubの問題

#MiglioriVisualDiffMergeVisual #DiffMerge180を超えるプログラミング言語のインタラクティブな変更選択とサポートを備えたレスポンシブスプリットビューインターフェイスでコードを簡単に比較およびマージします

執筆者について: nipponese

Nipponese News編集部は、国内外のニュースを日本語で分かりやすくお届けします。

オプション1：オンラインバージョンを使用します

オプション2：自己ホストされたインストール

キー構成オプション

compativeブラウザの互換性

Share this:

Related