Flutterで全角ファイルが取得できない 〜ドは2種類あるという話〜

はじめに

今回は、Flutterで開発をしていた時に、なぜか日本語の画像ファイルが取得できなかったバグについて紹介します。最初はFlutter側の問題かと思いましたが、実は、mac側に問題がありました。そのため、「Flutter 全角ファイル 取得できない」など調べても、一生答えが出ずに困っていました。同じ悩みを抱えている方の手助けになればと思います。

問題

Flutterで、Assets中にあるファイル名が全角の画像ファイルが取得できない。

解決

コード側とファイル側の名前を合わせる。具体的には、濁点系のファイル名について、「ファイル側の文字をコピペ→コード側にペースト」が安全。

原因

macには「ド」が2種類あるため。

【コード側】
ド：E3 83 89

【ファイル側】
ト゛：E3 83 88 E3 82 99

正確には、ドだけではなく、濁点が分離するタイプ/しないタイプの2種類がいます。

Gitの差分を見ると、ドの箇所で差分が確認できます。
「イズナ」「バニーガール」とかもダメでした。

まとめ

いかがだったでしょうか。今回はFlutterで起きた問題と、その原因についてを紹介しました。
このように、フロント系の紹介から、Unity, AWS, 量子コンピューティングなど、幅広いジャンルについて取り扱っております。お役に立てましたら、いいね, フォローなどよろしくお願いします！