🦓 エスケープ文字について軽く調べてみた
作成日： 2022/03/22
3

前回の記事でI’m の 'がVercelのビルドエラーで引っかかったので応急処置で I amにしたところを修正していきたいと思います。
スクリーンショット 2022-03-23 8.25.53.png

', ‘, ', ’の違い

&#39はASCIIコード10進数、それ以外はHTMLの特殊文字らしい

  • '
    =>シングルクォーテーション
  • ‘
    ‘=>左シングルクォーテーション（引用符）
  • '
    =>アポストロフィ
  • ’
    ’=>左シングルクォーテーション（引用符）

というわけで'が正解のようです。

実践

Before

<p>Hello, I am @@@, ・・・省略</p>

After

<p>Hello, I&#39;m @@@, ・・・省略</p>

結果
スクリーンショット 2022-03-23 9.01.45.png

mainブランチで修正かけたのでPRはなしですがVercelもバッチリ通りました！
スクリーンショット 2022-03-23 9.10.27.png

まとめ

人間の目には変わりないように見える4つのエスケープ文字ですが、機械的にみるとどれを使いたいのかわからないのでこういったエラーになっているのだと実感しました。

参照サイト
みきこ
2021年からプログラミング学習を開始し、未経験から受託開発企業に転職。2022年前半を目標に転職活動中です。 JavaScriptとjQueryはPFで使用経験あり。最近始めたReactを使用してアプリを作成したいと考えております。 #ENJIN