0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

末尾にスペースを追加するだけのツールを作成

Last updated at Posted at 2024-10-20

ツール

これです。
https://wow74.github.io/convert-markdown-to-git/

image.png

変更前に現在のmarkdownテキストを貼り付けて、変換ボタンを押すと
変更後に各行の末尾にスペースを追加したテキストが表示されます。
また、変換ボタン押下時に変更後のテキストをコピーします。

内容

タイトルの通りです。
文字列の末尾にスペースを追加するだけのツールです。

作成した経緯としてはGithubでのmarkdownのプレビューと
vs codeなどのプレビューに差があり、気になっていました。

見た目が違うところは何か所かありますが、その中でもテキストは改行しているのに
Githubのプレビューでは改行されていないというのがかなり気になっていました。

vscode                  Github
image.png

Githubで改行を認識させるには下記のやり方がありました。

  • 末尾にスペースを2つつける
  • 文字列と文字列の間を1行空ける
  • <br>をつける

末尾にスペースを2つつける

毎回末尾にスペース追加するのめんどくさいな
マルチカーソルからのスペース追加をするにしても全行選択するのは行が多いとめんどくさそう

文字列と文字列の間を1行空ける

意図的に空行を用意するのは問題ないけど、
改行のために空行用意してるとテキスト見づらそう

<br>をつける

テキスト見づらそう。めんどくさそう

どれも手作業でやるのはめんどくさそうでした。
テキストの見やすさに影響を与えないという点で末尾に半角スペースを追加するのがよさそうと思い、当ツールを作成しました。

ツール使用

ツール使用前                ツール使用後

image.png

ツール使用後                  vscode

image.png

ツール使用前                  ツール使用後

image.png

ツール使用後                    vscode

image.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?