2022/04/22 エンジニアの失敗学 LT会で発表した内容です。 https://rakus.connpass.com/event/241835/

1. ゼロ幅スペースという悪夢
2022/04/20
エンジニアの失敗学LT会
澤 佳祐 (@swamptk)

2. 自己紹介
名前：澤 佳祐
所属：株式会社オプティム
職種：エンジニア
新米スクラムマスター
Twitter: @swamptk

3. 私の失敗
約1年前のある日
澤さん。
担当サービスのドメイン変更するか
ら、準備よろしく！
新しいドメイン情報はこのパワーポイ
ントに書いてあるよ。
分かりました！
上司
私

4. 私の失敗
約1年前のある日
なるほど。このパワーポイントに書いてある通りに旧ドメインと新ドメインを変更すれば
いいんだな。
たくさんサービスあるので、 envoy proxyの変更箇所200以上あるけど、置換使えば一
発で準備できるぞ！
楽勝、楽勝！
私

5. 私の失敗
チーム内レビューも通過し、リリース当日
Concourseが通りません！
なんで？なんで？
（超パニック）
私 インフラ
チーム

6. 失敗の原因
幸い、同僚の方がすぐに原因を発見してくれたおかげで、切り戻しやリリース失敗ということにはならな
かったが、何度もConcourseを回すことになってしまいご迷惑をかけてしまった。
何が原因だったのか
envoy proxyの変更箇所に
ゼロ幅スペースが混じっていた。

7. ゼロ幅スペース
⇒ 改行してもいいよという箇所を識別するための識別子のようなもの！
ゼロ幅スペース（ゼロはばスペース、英: zero width space, ZWSP）は、コンピュータの組版に用いられ
る非表示文字で、文書処理システムに対して語の切れ目を示すのに用いる。通常、英語などのわかち書
きをする言語において、文の途中で改行を入れる場合はスペースの位置で行われる。しかし、スラッシュ
などの記号の後などスペースは入らないが改行をしても良い箇所や、日本語などのわかち書きをしない
言語において、改行できる位置を明示するためにゼロ幅スペースが用いられる。
（Wikipediaから引用）
引用：https:/
/ja.wikipedia.org/wiki/%E3%82%BC%E3%83%AD%E5%B9%85%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9

8. ゼロ幅スペース
・ゼロ幅スペースは、文書処理システムに対して語の切れ目を示す
・WordやExcell、PowerPointなどは全て文書処理システム
・文書処理システムでは内部での文字区切りのために私たちは何の指定も
していないのに制御の都合上勝手にゼロ幅スペースをつけてしまうのだ！

9. 対応策
・文書処理システムからURLをコピーして貼り付けない
・制御文字を検知するプラグインをVSCodeに導入
・Remove backspace control characterなど

10. まとめ
・PowerPoint、Excell、Wordなどで書かれたURLをコピーしてプログラム
として使うのはやめましょう。
・思わぬ制御文字の悪夢を見ることがあります。
・とても初歩的なミスですが、よく陥りがちだと思うので（特にリリースすると
きなど）皆さんも気を付けましょう。

11. ゼロ幅スペースという悪夢
2022/04/20
エンジニアの失敗学LT会
澤 佳祐 (@swamptk)