Livebook でテキストの差分を抽出する

はじめに

Livebook でテキストの差分を抽出し、ハイライトして表示します

実装したノートブックはこちら

セットアップ

Mix.install([
  {:kino_diff, "~> 0.1.0"}
])

KinoDiff をインストールします

差分抽出

差分抽出したいテキストを指定します

まずは layout: :inline のオプションを指定してみましょう

KinoDiff.new(
  """
  こんにちは

  今年も残すところあと7日ですね

  """,
  """
  こんばんは

  今年も残すところあと6日ですね

  """,
  layout: :inline
)

実行結果

変更前が赤、変更後が緑でハイライトされました
変更前については取り消し線もついていますね

では layout: :split のオプションを指定してみましょう

KinoDiff.new(
  """
  こんにちは

  今年も残すところあと7日ですね

  """,
  """
  こんばんは

  今年も残すところあと6日ですね

  """,
  layout: :split
)

実行結果

左右に変更前後が分かれて表示されました

まとめ

単純な機能ですが、 Livebook の視覚化をうまく活かしていますね