質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Vim

VimとはUnix / Linux 系のOSに標準搭載されているターミナル上で動くテキストエディタです。

Markdown

Markdownは、文書の構造、修飾情報を記述するための軽量マークアップ言語です。

Q&A

解決済

2回答

12371閲覧

VSCodeで編集したmarkdownをgithubで表示すると文字化けする

tetsutail

総合スコア81

Vim

VimとはUnix / Linux 系のOSに標準搭載されているターミナル上で動くテキストエディタです。

Markdown

Markdownは、文書の構造、修飾情報を記述するための軽量マークアップ言語です。

1グッド

0クリップ

投稿2017/07/23 15:08

編集2017/07/24 14:59

環境

Visual Studio Code 1.14.1 Mac版
macOS Sierra 10.12.5

マルチポストに関して

Qiitaにも似たような記事を投稿いたしました。

問題

VSCodeで編集したmarkdownをgithubで表示したら文字化けした。
VSCodeの設定では、UTF-8のはずなのに、なぜだろう?

  • なぞのクエスチョンマークが増えていた。
  • バッククオートも文字化けしていた。(一見バッククオートに見えるけど別の文字扱い)
  • vimで開いたらクエスチョンマークのところに^Hや^\が出てきた

なぜ、vscodeでは何もないところで、vimで開いたら^Hや^\が出てくるのでしょうか?また、バッククオートがなぜ違うバッククオートとしてgithubに認識されたのでしょうか?
知っている方がいましたらお教えください。

原因の発見

https://marketplace.visualstudio.com/items?itemName=satokaz.vscode-bs-ctrlchar-remover#overview
によると、chromiumのバグらしく、日本語を途中までタイプしたときに
(例えば、日本語入力で「わ」と打つときに「w」と打ったときにバックスペースを押したりしたとき)に制御文字が挿入されてしまうようです。そのため、^Hが制御文字として入ってしまい、文字化けの原因となった模様です。
https://bugs.chromium.org/p/chromium/issues/detail?id=714771
ではすでに修正がマージされているようですので、8月ごろには修正版のVSCodeが出るとのこと。それまでは違うエディタを使うなりして修正を待つことにしました。
回答してくださったみなさま、ありがとうございました。

endy👍を押しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

名前が少し違うので確信できないのですが、Qiita に同じような投稿をした方でしょうか? もしそうでしたら、その旨を明記した方がいいかもしれません。(https://teratail.com/help マルチポストでページ内検索してみてください)

まず vscode で表示されない理由ですが、制御文字を表示しないようになっているからです。コマンドで切り替えもできるのですが、結果的にsetting.jsonが書き変わるだけなのでその設定を示します。

"editor.renderControlCharacters": true

バックオートが別のバックオートとして認識された。ということがどういうことなのかよくわかりませんが、単純に文字化けしたということでしょうか

投稿2017/07/24 11:43

編集2017/07/24 11:48
EbXpJ6bp

総合スコア259

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

tetsutail

2017/07/24 14:49

ご回答ありがとうございます。 Qiitaでもコメントいただいた方でしょうか。 VSCodeの問題の原因・対策からteratailの規約の面まで、色々とご教授いただきありがとうございます。
tetsutail

2017/07/24 15:03

バッククオートに関しては、一見バッククオートと見た目は同じなのですが、なぜかgithubのmarkdownでは有効に働きませんでした。 vimで入力したバッククオートとは別物という扱いになっているようで、vimで入力したバッククオートはちゃんとgithubのmarkdownで有効に働きました。 どちらもutf-8設定のはずですが、何が違いなのかはよくわかりません。
guest

0

本当にUTF-8でエンコーディングされているかどうか、という所だと思います。
以下の点を確認すれば、何かわかるかもしれません。

  • vscode画面下のステータス表示のエンコーディングが"UTF-8"になっているでしょうか。
  • CotEditor等、他のエディタで表示したらどうなるでしょうか、また、その時の文字コード認識はどのようになっているでしょうか
  • vimの文字コード関連設定を行っても文字化けするでしょうか

投稿2017/07/24 01:18

skitoy4321

総合スコア229

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問