Upgrade to Pro — share decks privately, control downloads, hide ads and more …

the world of characters

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for orisano orisano
September 13, 2018
1.5k
8

the world of characters

Avatar for orisano

orisano

September 13, 2018

More Decks by orisano

See All by orisano
OSS Performance Tuning Tips
Avatar for orisano orisano
8
6.1k
Docker-Compose & BuildKit
Avatar for orisano orisano
4
1.1k
Container Build Talk
Avatar for orisano orisano
3
2.6k
dockerignore talk
Avatar for orisano orisano
2
7.3k
Better docker image+
Avatar for orisano orisano
6
6.5k
Socket.IO Introduction
Avatar for orisano orisano
0
3.3k
Profiling Go Application
Avatar for orisano orisano
11
8k
Multi-stage Builds Patterns & Practice
Avatar for orisano orisano
6
5.3k
better docker image
Avatar for orisano orisano
22
30k

Featured

See All Featured
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
360
Between Models and Reality
Avatar for mayunak mayunak
3
270
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
23k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
900
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.4k
Design in an AI World
Avatar for tapps tapps
1
200
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
270
It's Worth the Effort
Avatar for 3n 3n
188
29k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k

Transcript

  1. 1จࣈͷੈք @orisano

  2. Έͳ͞Μ จࣈΛ਺͑ΒΕ·͢ΑͶʁ

  3. a

  4. a => 1

  5. ͋

  6. ͋ => 1

  7. 佛

  8. 佛 => 1

  9. None

  10. => 1

  11. None

  12. => 1

  13. Z͑ͫ̓ͪ̂ͫ̽ ̴̙̤̞͉͚̯̞̠͍A̴̵̜̰͔ ͫ͗ ͢ L̠ͨͧͩ͘ G̴̻͈͍͔̹ ̑͗̎̅͛ ́ Ǫ̵̹̻̝̳ ͂̌

    ̌͘! ͖̬̰̙̗ ̿̋ ͥ ͥ̂ͣ̐́́͜͞

  14. Z͑ͫ̓ͪ̂ͫ̽ ̴̙̤̞͉͚̯̞̠͍A̴̵̜̰͔ ͫ͗ ͢ L̠ͨͧͩ͘ G̴̻͈͍͔̹ ̑͗̎̅͛ ́ Ǫ̵̹̻̝̳ ͂̌

    ̌͘! ͖̬̰̙̗ ̿̋ ͥ ͥ̂ͣ̐́́͜͞ => 6

  15. Έͳ͞Μ όΠτ਺Λ਺͑ΒΕ·͔͢ʁ (UTF-8)

  16. a

  17. a => 1

  18. ͋

  19. ͋ => 3

  20. 佛

  21. 佛 => 4

  22. None

  23. => 4

  24. None

  25. => 18

  26. Z͑ͫ̓ͪ̂ͫ̽ ̴̙̤̞͉͚̯̞̠͍A̴̵̜̰͔ ͫ͗ ͢ L̠ͨͧͩ͘ G̴̻͈͍͔̹ ̑͗̎̅͛ ́ Ǫ̵̹̻̝̳ ͂̌

    ̌͘! ͖̬̰̙̗ ̿̋ ͥ ͥ̂ͣ̐́́͜͞

  27. Z͑ͫ̓ͪ̂ͫ̽ ̴̙̤̞͉͚̯̞̠͍A̴̵̜̰͔ ͫ͗ ͢ L̠ͨͧͩ͘ G̴̻͈͍͔̹ ̑͗̎̅͛ ́ Ǫ̵̹̻̝̳ ͂̌

    ̌͘! ͖̬̰̙̗ ̿̋ ͥ ͥ̂ͣ̐́́͜͞ => 143

  28. ͋ͳ͕ͨࢥ͏1จࣈ͸ Ͳ͏਺͑Δ΂͖͔ʁ

  29. byte਺Ͱ͸਺͑ΒΕͳ͍

  30. Unicode͸จࣈू߹ จࣈͱ਺஋͕ରԠ͢Δ

  31. ͋ => 3042

  32. => 1F914

  33. ͜ͷ਺஋ͷ͜ͱΛ ίʔυϙΠϯτ ͱݺͿ

  34. ͜ͷίʔυϙΠϯτΛ byteྻͰදݱ͢Δํ๏Λ ΤϯίʔσΟϯάͱ͍͏

  35. UTF-8ͱ͔UTF-16ͱ͔͸ ΤϯίʔσΟϯάͷҰछ

  36. ͱΓ͋͑ͣ ίʔυϙΠϯτΛ਺͑Ε͹ ղܾʁ

  37. ͍͍͑

  38. => 1F468 + 200D + 1F469 + 200D + 1F466

  39. ࣮͸ෳ਺ͷίʔυϙΠϯτͰ ҰͭͷจࣈʹͳͬͨΓ͢Δ

  40. ਓ͕ؒೝ͍ࣝͯ͠Δ̍จࣈ͸ ॻهૉ(Grapheme cluster) ͱݺ͹Ε͍ͯΔ

  41. Ͳ͏΍Ε͹ ίʔυϙΠϯτͷྻ͔Β ॻهૉΛऔΓग़ͤΔ͔

  42. ίʔυϙΠϯτ͕ؒ ॻهૉڥքʹͳΔ͔Ͳ͏͔ͷ ݫີͳϧʔϧ͕͋Δ

  43. UAX #29 Unicode Text Segmentation

  44. None

  45. ͜ΕΛJSͰ࣮૷ͯ͠·ͨ͠ github.com/orisano/graphemesplit

  46. ৄ͘͠͸ UAX #29 Λݟͯ http://unicode.org/reports/tr29/

  47. ݟ஌Β͵ਓʹʓจࣈͱ ݴΘΕͨͱ͖ʹ͸ ͪΌΜͱ֬ೝ͠Α͏ʂ

  48. 1 byte? 1 codepoint? 1 grapheme cluster?