C# Tokyo オンライン LT 大会 2020/07の発表資料です

1. Copyright 2020 @nuits_jp
Unicodeで半角全角を扱う
Ambiguous（曖昧さ）とUncertainty（不確実性）の恐怖
Atsushi Nakamura

2. Copyright 2020 @nuits_jp
Easiest Clean Architecture
About Me

3. Copyright 2020 @nuits_jp Slide 3
About Me
中村 充志 / Atsushi Nakamura
• リコージャパン株式会社 所属
• Enterprise（おもに金融）系SIerのITアーキテクト
• 「持続可能なソフトウェア」の探求がライフワーク
• 2020年の目標
1. 「CleanArchitecture」について登壇したい
2. 「xUnit & Moqハンズオン」開催
3. 構成管理フレンドリーなERモデリングツール作成
• Blog http://www.nuits.jp
• Blog（英語） https://blog.nuits.jp
• Twitter @nuits_jp

4. Copyright 2020 @nuits_jp Slide 4
Unicodeで半角全角を扱うAmbiguous（曖昧さ）とUncertainty（不確実性）の恐怖
みなさん、こんな経験はありませんか？

5. Copyright 2020 @nuits_jp Slide 5
例えばこんなとき
• 新しいAPIをお試しで利用するとき、その結果を表示させたい
• 簡単なツールを作るのだがGUIはやりすぎなのでCUIでつくりたい
そして・・・
Overview
Slide 5

6. Copyright 2020 @nuits_jp Slide 6
コンソールにテーブル形式で結果表示したい！

7. Copyright 2020 @nuits_jp Slide 7
そんなときの心強い味方
「ConsoleTales」
• https://github.com/khalidabuhakmeh/ConsoleTables
ConsoleTables
Slide 7

8. Copyright 2020 @nuits_jp Slide 8
でもこれ・・・

9. Copyright 2020 @nuits_jp Slide 9
全角を使うとレイアウトが崩れてしまいます
全角が・・・

10. Copyright 2020 @nuits_jp Slide 10
と、いうわけで・・・

11. Copyright 2020 @nuits_jp Slide 11
全角対応テキストテーブルライブラリを作るしか！？

12. Copyright 2020 @nuits_jp Slide 12Slide 12
できました！

13. Copyright 2020 @nuits_jp Slide 13
FluentTextTable
FluentTextTable
• https://github.com/nuitsjp/FluentTextTable
簡単で、柔軟かつ流暢（Fluent）にレイアウトをカスタマイズできるテキスト
テーブルライブラリです。
NuGetから利用可能です。
Slide 13

14. Copyright 2020 @nuits_jp Slide 14
Basic

15. Copyright 2020 @nuits_jp Slide 15
Markdown対応

16. Copyright 2020 @nuits_jp Slide 16
改行や配列を含むプロパティ対応

17. Copyright 2020 @nuits_jp Slide 17
アライメントや詳細なフォーマットに対応
箇条書きとか！

18. Copyright 2020 @nuits_jp Slide 18
Borderのカスタマイズ

19. Copyright 2020 @nuits_jp Slide 19
MarginとPadding

20. Copyright 2020 @nuits_jp Slide 20
まぁ・・・振り返って気がつきました・・・

21. Copyright 2020 @nuits_jp Slide 21
やりすぎました！

22. Copyright 2020 @nuits_jp Slide 22Slide 22
でもこれ実は

23. Copyright 2020 @nuits_jp Slide 23Slide 23
苦難の連続でした

24. Copyright 2020 @nuits_jp Slide 24Slide 24
そんな訳で聞いてください

25. Copyright 2020 @nuits_jp Slide 25
Unicodeで半角全角を扱う
Ambiguous（曖昧さ）とUncertainty（不確実性）の恐怖
Atsushi Nakamura

26. Copyright 2020 @nuits_jp Slide 26
Unicodeには文字を分類するための各種辞書が規定されています。
東アジア圏の全角・半角を分類するための辞書もあります。
UAX #11: East AsianWidth – Unicode
• http://www.unicode.org/reports/tr11/tr11-38.html
• http://ftp.unicode.org/Public/UNIDATA/EastAsianWidth.txt
Unicodeにおける全角・半角判定

27. Copyright 2020 @nuits_jp Slide 27
これを読んで処理すれば解決なんですが・・・

28. Copyright 2020 @nuits_jp Slide 28
まず辞書を読むのが面倒

29. Copyright 2020 @nuits_jp Slide 29
よく見ると・・・・
• 「;」の前が文字コードのレンジ、その後ろが種別
• レンジは範囲と単独がある
• 未定義のとび版がある
Unicodeにおける全角・半角判定

30. Copyright 2020 @nuits_jp Slide 30
• 同じ種別なのに単一の範囲ではなく複数に分けられている
（文字の中身の種類が違うから）

31. Copyright 2020 @nuits_jp Slide 31
と、いうわけで

32. Copyright 2020 @nuits_jp Slide 32
まず全角・半角判定ライブラリを作ることにしました

33. Copyright 2020 @nuits_jp Slide 33Slide 33
できました！

34. Copyright 2020 @nuits_jp Slide 34
EastAsianWidthDotNet
EastAsianWidthDotNet
https://github.com/nuitsjp/EastAsianWidthDotNet
• 辞書をパースするサポートライブラリを作成
• パース結果を無駄を省いて最適化
• 辞書などのリソースを都度読むと遅いのでT4テンプレートでコード生成

35. Copyright 2020 @nuits_jp Slide 35
で実感します

36. Copyright 2020 @nuits_jp Slide 36
Ambiguous（曖昧）について

37. Copyright 2020 @nuits_jp Slide 37
辞書は文字コードの範囲と、対象範囲の種別が規定されている。
EastAsianWidthの種別は6つ
• Ambiguous
• Fullwidth
• Halfwidth
• Narrow
• Wide
• Neutral
これらが言語圏によって扱いが規定されている。
Unicodeにおける全角・半角判定

38. Copyright 2020 @nuits_jp Slide 38
種別 東アジア それ以外
Ambiguous 全角 半角（正確にはnarrow）
Fullwidth 全角 未使用
Halfwidth 半角 未使用
Narrow 半角 半角（正確にはnarrow）
Wide 全角 未使用
Neutral 半角 半角（正確にはnarrow）
Unicodeにおける全角・半角判定
ウィキペディアより
A（Ambiguous; 曖昧）
文脈によって文字幅が異なる文字。東アジアの組版とそれ以外の組版の両方に出現し、
東アジアの従来文字コードではいわゆる全角として扱われることがある。
ギリシア文字やキリル文字など。

39. Copyright 2020 @nuits_jp Slide 39
なるほど！
ギリシャ文字とキリル文字の言語圏を
調べて特殊処理すればいいんだな！
👆勘違い

40. Copyright 2020 @nuits_jp Slide 40
CultureInfoをひとつづつ全部調べた。数日使った。 👈勘違い
途中までしらべた

41. Copyright 2020 @nuits_jp Slide 41
ここまできて「はた」と気が付きました

42. Copyright 2020 @nuits_jp Slide 42
Not東アジアって英語圏とかも全部じゃん？

43. Copyright 2020 @nuits_jp Slide 43
「Not東アジア」ではなく「東アジア」を判定する

44. Copyright 2020 @nuits_jp Slide 44
東アジアのCultureInfoのプレフィックス
総当たりで調べた！（漏れてたら教えてください）

45. Copyright 2020 @nuits_jp Slide 45
完成！

46. Copyright 2020 @nuits_jp Slide 46Slide 46
と思ったところから「闇」の始まりだった

47. Copyright 2020 @nuits_jp Slide 47
種別 東アジア それやめろ文字
Ambiguous 全角
Neutral 半角
闇の入口

48. Copyright 2020 @nuits_jp Slide 48
種別 東アジア それやめろ文字
Ambiguous 全角
Neutral 半角
闇の入口

49. Copyright 2020 @nuits_jp Slide 49
種別 東アジア それやめろ文字
Ambiguous 全角
Neutral 半角
闇の入口

50. Copyright 2020 @nuits_jp Slide 50
種別 東アジア それやめろ文字
Ambiguous 全角
Neutral 半角
闇の入口

51. Copyright 2020 @nuits_jp Slide 51Slide 51
ん～。フォントファイル解析して文字幅測定するか？

52. Copyright 2020 @nuits_jp Slide 52Slide 52
ダメでした

53. Copyright 2020 @nuits_jp Slide 53
闇の入口
ここになんの変哲もない砂時計があります。

54. Copyright 2020 @nuits_jp Slide 54
闇の入口
ここになんの変哲もない砂時計があります。
これを8個並べましょう。

55. Copyright 2020 @nuits_jp Slide 55
闇の入口
ここになんの変哲もない砂時計があります。
これを8個並べましょう。

56. Copyright 2020 @nuits_jp Slide 56
闇の入口
ここになんの変哲もない砂時計があります。
これを8個並べましょう。
えっ！？

57. Copyright 2020 @nuits_jp Slide 57
さん。まさかの0.75角！？

58. Copyright 2020 @nuits_jp Slide 58
続けて調べると、怪しい文字がぞろぞろ・・・

59. Copyright 2020 @nuits_jp Slide 59
結論

60. Copyright 2020 @nuits_jp Slide 60
完璧を追い求めるのは無理。
怪しい文字が崩れるのは諦めろ。
結論
Slide 60

61. Copyright 2020 @nuits_jp Slide 61
そして月日は流れる

62. Copyright 2020 @nuits_jp Slide 62
FluentTextTable完成！

63. Copyright 2020 @nuits_jp Slide 63
で、思うわけですよ

64. Copyright 2020 @nuits_jp Slide 64
日本人なら・・・
こんな感じで罫線文字（┌┬┘とか）使いたいよね？
Borderは全角にもマルチ文字にもカスタマイズ可能！
デフォルトのプリセット作るか！

65. Copyright 2020 @nuits_jp Slide 65
日本人なら・・・
こんな感じで罫線文字（┌┬┘とか）使いたいよね？
Borderは全角にもマルチ文字にもカスタマイズ可能！
デフォルトのプリセット作るか！
👇できました！

66. Copyright 2020 @nuits_jp Slide 66
動かしました！

67. Copyright 2020 @nuits_jp Slide 67
(*´Д｀)はぁ・・・？

68. Copyright 2020 @nuits_jp Slide 68
メモ帳様ならちゃんと！

69. Copyright 2020 @nuits_jp Slide 69
あれ？

70. Copyright 2020 @nuits_jp Slide 70
あれれ？？
これはもしや・・・

71. Copyright 2020 @nuits_jp Slide 71
？
ここに「─（罫線）」があるじゃろ？
( ＾ω＾)
⊃─⊂

72. Copyright 2020 @nuits_jp Slide 72
？
ここに「─（罫線）」があるじゃろ？
( ＾ω＾)
⊃─⊂
これを「〇」と合わせて
( ＾ω＾)
≡ ≡

73. Copyright 2020 @nuits_jp Slide 73
？
ここに「─（罫線）」があるじゃろ？
( ＾ω＾)
⊃─⊂
これを「〇」と合わせて
( ＾ω＾)
≡ ≡
こうじゃ！
( ＾ω＾)
⊃ ⊂

74. Copyright 2020 @nuits_jp Slide 74
ええっ！？
貫通してる！？

75. Copyright 2020 @nuits_jp Slide 75
あっっぽーぺん！？

76. Copyright 2020 @nuits_jp Slide 76
コンソールのバグ・・・

77. Copyright 2020 @nuits_jp Slide 77
いや、まだあわてるような時間じゃない

78. Copyright 2020 @nuits_jp Slide 78Slide 78
きっと我らの「WindowsTerminal」様なら・・・

79. Copyright 2020 @nuits_jp Slide 79
ダメでした！
貫通はしない！
だがしかし！
半角！
それでもおれらの「WindowsTerminal様なら
Slide 79

80. Copyright 2020 @nuits_jp Slide 80
諦めました

81. Copyright 2020 @nuits_jp Slide 81Slide 81
Unicodeで半角全角を扱う
Ambiguous（曖昧さ）とUncertainty（不確実性）の恐怖

82. Copyright 2020 @nuits_jp Slide 82Slide 82
味わっていただけましたか？

83. Copyright 2020 @nuits_jp Slide 83
ThankYou!
おしまい！