github風のdiff表示 - tuttitanの日記
2つのファイル間の差異をグラフィカルに示したいと思ったとき、Windows環境ならWinMergeを使えばいいし、Linux環境ならvimdiffを使えばいいという話になります。 がしかし、環境に依存せずにどのようなOSを使っていてもどのような端末を使っていても差異を単純明快に示す方法はないものだろうか、と考えていたところgithubみたいにhtmlベースで表示すればいいじゃないかという話になりました。 手軽にdiff（差分ファイル）をhtmlに変換してくれるツールはないだろうかと探したところありました。diff2htmlというパッケージです。 https://diff2html.rtfpessoa.xyz/ 少し詳しく見てみたところ、これはnodejs上で動作するWebのフレームワークっぽい感じがします。これを応用してコマンドラインからhtmlファイルを生成するツールってのがありました。
HTMLでdiffを表示させてみる - Qiita
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>vue_pager</title> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/diff2html/2.3.3/diff2html.min.css"> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsdiff/3.4.0/diff.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script> <scri
diff2html
diff2htmlDiff parser and pretty html generatorBetter diffs, unmatched reviewsDemo Each diff provides a comprehensive visualization of the code changes, helping developers identify problems and better understand the changes. Line by Line and Side by Side changes Each diff features a line by line and side by side preview of your changes.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
