困ったこと
-
Slackのメッセージでコードを送り合っていざHTMLのソースコードに貼り付けたら、どうもうまく反映されない。
-
なぜだろうとよくよく見ると、Slackで送ったソースコードの一部が、勝手に変換されていることが発覚する。
-
本来のコード
<div class="row">
- Slackに貼り付けた後のコード
<div class=“row">
- ナンジャコリャー!!ダブルクオーテーションが変になっているぞ!!(誰かミスったのか!?)
解決方法
- いいえ、誰のミスでもありませんでした。これはMacの設定が原因。ここにたどり着いた方もMacをお使いのはず。
- 「システム環境設定」→「キーボード」→「ユーザ辞書」→「スマート引用符とスマートダッシュを使用」をオフにしてください。再起動後、解決します!
- これはSlack特有のバグではなく、テキストエディタなどにおいても発生しうるので、オフは必須だと思います。
- Visual Studio CodeやAdobeソフトは元から無効になっているようです。
- テキストエディットでは、アプリ側からも環境設定があるので、ご留意ください。
スマート引用符とスマートダッシュとは
- 公式のmacOSユーザガイドを見ると、以下のように記載があります。
ストレート引用符をタイポグラフィで使用する引用符(丸い引用符記号)に、2つのハイフンを自動的にemダッシュに変換します
-
macOSユーザガイド: Macで書類のテキストと句読点を置き換える
-
タイポグラフィのための設定らしいですが、コーディングしている人からすると「なんで丸い引用符記号なんや」と突っ込みたくなるところですね(笑)