Introduction to Font and Typesetting

iOSDC Japan 2018 https://iosdc.jp/2018/
フォントと組版の30分入門

#iosdc #c

Transcript

1. ࢿྉ
   !4@4IJNPUPSJ@QVC
   ͷݻఆπΠʔτ
2. ϑΥϯτͱ૊൛ͷ30෼ೖ໳ iOSDC Japan 2018 2018/08/31 ͠΋ͱΓ @S_Shimotori_pub
3. ࣗݾ঺հ ͠΋ͱΓ ɹɹ @S_Shimotori_pub iOSDC ωοτϫʔΫνʔϜ ※ઈରϑΥϯτײ͸͋Γ·ͤΜ
   
4. 
   
5. ຊ୊
   
6. iOSΤϯδχΞʹ ฉ͍ͯཉ͍͠τʔΫ ʢ30෼ʣ
   
7. ϚδͰΨνͳτʔΫͰ͢ʂ
   
8. ໘ന͍͔Βฉ͍ͯ΄͍͠τϐοΫ • ϑΥϯτͱ͸૊൛ͱ͸ • ͍Ζ͍Ζͳݴޠͱ૊൛ • ҹ࡮෺Λ࡞Δ
   
9. ϑΥϯτͱ͸૊൛ͱ͸
   
10. ׆൛ҹ࡮ͷ༻ޠͰ͢ʂ
    
11. ׆൛ҹ࡮ͷͳ͕Ε ׆ࣈΛ ૊Έ൛ʹͯ͠ ࡮Δʂ ҹ࡮ത෺ؗʹͯɻ
    
13. ϑΥϯτ ίϯϐϡʔλʔͰ࢖͏จࣈͷσβΠϯͷ͜ͱɻ׆ࣈͷ࣌୅ ʹ͸ɺಉ͡ॻମͰಉ͡αΠζͷ׆ࣈηοτΛࢦ͢ݴ༿Ͱ ͕͋ͬͨɺిࢉࣸ২΍DTPͰ͸ͻͱͭͷϑΥϯτͰ֦େ΍ ॖখɺมܗ͕Ͱ͖ΔͨΊɺଠࣈ΍ࣼମͳͲͷελΠϧΛؚ ΊͯϑΥϯτͱݺͿΑ͏ʹͳͬͨɻ ASCII σδλϧ༻ޠࣙయΑΓ
    
15. 
     ஍਒Ͱձࣾͷ׆ࣈ͕… ͳ͔΋ͱΏ͏(@nakamotoyuu) https://twitter.com/nakamotoyuu/status/1008488924644163585
16. ૊൛ ݪߘʹج͍ͮͯ׆ࣈΛ૊Έɼ࠷ऴతʹ͸൛Λ࡞Δ·Ͱͷ ࡞ۀ͓Αͼ׬੒ͨ͠൛ɽ
 ʢதུʣ
 खಈɼػց͞Βʹ͸ίϯϐϡʔλͰ͋ͬͯ΋ɼ૊൛ͱ͍͏ දݱ͸࢖ΘΕ͍ͯΔɽ ਤॻؗ৘ใֶ༻ޠࣙయ ୈ4൛ΑΓ
    
17. ݱࡏʢ1985೥ʙʣ
18. ׆൛ҹ࡮ͷ͓࿩͸͜͜·Ͱʂ
    
19. ͍Ζ͍Ζͳݴޠͱ૊൛
    
20. ͜Μͳͱ͜Ζʹ૊൛͕ʂ • ӳޠͰ #શ෦ಉ͡͡Όͳ͍Ͱ͔͢ SPACEฤ • ೔ຊޠͰiOSॎॻ͖ʹ௅ઓ • λΠޠͰTall Script • ΞϥϏΞޠͰRTLͱ߹ࣈ
    
21. ӳޠͰ #શ෦ಉ͡͡Όͳ͍Ͱ͔͢ SPACEฤ
22. https://ja.wikipedia.org/wiki/%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9
23. https://ja.wikipedia.org/wiki/%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9 શ෦ಉ͡͡Όͳ͍Ͱ͔͢
24. 
     ΋ͬͱΑ͘ݟΖʂ
25. 
     ͓୊
 l*OUSPEVDUJPO
    UP
    'POU
    BOE
    5ZQFTFUUJOHz
26. 
     ͓୊
 l*OUSPEVDUJPO
    UP
    'POU
    BOE
    5ZQFTFUUJOHz
27. 
     ※SF Pro Text
28. εϖʔεͱΞΩ U+2003 EM SPACE U+2002 EN SPACE U+2004 THREE-PER-EM SPACE U+2005 FOUR-PER-EM SPACE U+2006 SIX-PER-EM SPACE
    
29. εϖʔεͱΞΩ U+2003 EM SPACE U+2002 EN SPACE U+2004 THREE-PER-EM SPACE U+2005 FOUR-PER-EM SPACE U+2006 SIX-PER-EM SPACE
    
30. 
     ͓୊ᶄ
    
31. 
     EN ENͱ1/4EM InDesign ΞΩࣗಈ ※ώϥΪϊ֯ΰγοΫ
32. ೔ຊޠͰiOSॎॻ͖ʹ௅ઓ
    
34. 
     ͓୊
 lʰϑΥϯτͱ૊൛ͷ෼ೖ໳ʱz
35. ʰaOϑaOΥaOϯaOτaOͱaO૊aO൛aOͷaOʜ
    
36. 
     1ߦ1จࣈ
37. 
     1ߦ1จࣈ ͓खຊ
38. 
     ޲͖͕͓͔͍͠ ❌ ❌ ❌ ❌ ❌ ͓खຊ ޲͖͕͓͔͍͠ ࠨԼʹدͬͯΔ ࠨʹدͬͯΔ
39. 
     ޲͖͕͓͔͍͠ ❌ ❌ ❌ ❌ ❌ ͓खຊ ޲͖͕͓͔͍͠ ࠨԼʹدͬͯΔ ࠨʹدͬͯΔ
40. 
     ޲͖͕͓͔͍͠ ❌ ❌ ❌ ❌ ❌ ͓खຊ ޲͖͕͓͔͍͠ ࠨԼʹدͬͯΔ ࠨʹدͬͯΔ
41. 1ߦ1จࣈํࣜͷ໰୊఺ • ه߸ͷ޲͖͕ԣॻ͖ͷ·· • ፠ԻͷҐஔ΋ԣॻ͖ͷ·· • ൒֯ӳ਺ࣈͷҐஔ͕ࠨʹدͬͯ͠·͏
     ❌ ❌ ❌ ❌ ❌
42. ೔ຊޠͷॎॻ͖Ͱඞཁͳ࡞ۀ • ॎॻ͖༻ͷάϦϑΛ࢖͏ • தԝἧ͑Ͱฒ΂Δ • JIS X 4051ͷఆΊΔͱ͜Ζʹै͏
    
43. άϦϑ ܗঢ়ʹ͍ͭͯͷந৅త֓೦ 1ͭͷจࣈʹෳ਺ͷάϦϑ͕͋Δ͜ͱ΋ ɹɹe.g. Χοί։͖ʹ͸ɹɹͱɹɹͷ͔͕ͨͪ͋Δ ɹɹɹɹ፠Ի͸ࠨԼʹॻ͘ͱ͖ͱӈ্ʹॻ͘ͱ͖͕͋Δ
     ʰ ʰ
44. ॎॻ͖༻άϦϑ ϑΥϯτʹΑͬͯ͸ผʹ༻ҙ͋Γ ༻ҙ͕ͳͯ͘΋90౓ճసͤ͞Ε͹OK
     ❌ ❌ ✅ ✅ ✅
45. https://developer.apple.com/documentation/foundation/nsattributedstring/key/1528658-verticalglyphform “1 indicates vertical text” “horizontal text is always used”
46. “1 indicates vertical text” “horizontal text is always used” https://developer.apple.com/documentation/foundation/nsattributedstring/key/1528658-verticalglyphform glyph typesetting
47. จࣈͷฒ΂͔ͨ ӳޠ͸base lineͰϕʔεฒͼɺ ೔ຊޠ͸จࣈͷதԝͰηϯλʔฒͼ
    
48. ❌ ❌ ✅ ✅ ✅
49. தԝ͕ἧ͏Α͏ʹฒ΂Δ ౳෯ϑΥϯτΛ࢖͏ or શ֯ӳ਺ࣈΛ࢖͏ or CoreTextͷग़൪
     ✅ ✅ ✅ ✅ ✅
50. λΠޠͰTall Script λΠจࣈ·Ώ͛
    
51. λΠޠͷಛ௃ • λΠจࣈΛ༻͍Δ • Tall scriptͷҰछ λΠจࣈ·Ώ͛
     สวัสดีชาวโลก!
52. λΠจࣈ·Ώ͛
53. λΠจࣈ·Ώ͛ ϓϦοπͷϥʔϒຯʂ
54. λΠจࣈ·Ώ͛ ϓϦοπͷϥʔϒຯʂ
55. λΠจࣈ·Ώ͛ αϥμຯ
56. λΠจࣈ·Ώ͛
57. λΠจࣈ·Ώ͛
58. ΞϥϏΞޠ
    
59. ΞϥϏΞޠͷಛ௃ • ΞϥϏΞจࣈΛ༻͍Δ • ӈԣॻ͖ • ߹ࣈ
    
60. ӈԣॻ͖ Right-to-Left ӈ͔Βࠨͷ޲͖Ͱॻ͍͍ͯ͘͜ͱ ݱ࣮ʹ͸RTLͱLTR͕ࠞࡏ͢Δ૒ํ޲ςΩετʹͳΔ
    
61. https://www.apple.com/ https://www.apple.com/ae-ar/
    
62. iOSʹ͓͚ΔRTL UIViewΛӈ͔Βࠨʹ഑ஔ navigation͸ࠨ͕nextɺӈ͕back Ұ෦ͷΞΠίϯΛमਖ਼(൓సͳͲ)
    
63. 
    
64. ࣌ܭճΓ͸ͲͬͪճΓʁ
    
65. 
    
66. ߹ࣈ Ligature ྡΓ߹ͬͨೋͭͷจࣈ຺ུ͕ͷ͋Δ͔ͨͪͱͯࣗ͠વʹ
 Έ͑ΔΑ͏Ͱ͖ͨάϦϑ fi et &
    
67. ΞϥϏΞޠͷ߹ࣈ ߹੒લ ߹੒ޙ
     ❓❓❓
68. ΞϥϏΞޠͷ߹ࣈ ߹੒લ ߹੒ޙ
    
69. ݴޠͷ͓࿩͸͜͜·Ͱʂ
    
70. ҹ࡮෺Λ࡞Δ
    
71. 
     ೖߘͷྲྀΕ
72. ҹ࡮෺Λ࡞Δ͓࿩ • PDFͱϑΥϯτͷ͓࿩ • ϦονͳΦϓγϣϯ
    
73. PDFͱϑΥϯτͷ͓࿩
    
74. ࠶ܝɿAppleͱAdobeͷਤ Aldus͸Adobe͕ඒຯ͘͠৯΂·ͨ͠
75. PDF͕อ࣋͢Δ৘ใʢྫʣ • ༻ࢴαΠζ • ϑΥϯτ৘ใ • ίϯςϯπΛ഑ஔ͢ΔҐஔ • ςΩετ • ਤܗ
    
76. ϑΥϯτσʔλ͸Ͳ͜ʁ Ӿཡऀͷίϯϐϡʔλʹ͓·͔ͤ or ඞཁͳͿΜΛPDFࣗ਎Ͱอ࣋ or Ξ΢τϥΠϯԽͯ͠ϑΥϯτ৘ใഁغ ຒΊࠐΈʁ
     Apple Chancery →
77. ϦονͳΦϓγϣϯ
    
78. ͩ͜ΘΓϙΠϯτ͸͜͜ʂ ☑ ࢴ͕ްΊ ☑ ಛघࢴΛ࢖͍ͬͯΔ ☑ ༡ͼࢴΛೖΕ͍ͯΔ ☑ ഩΛೖΕ͍ͯΔ ☑ ৭਺͕ଟ͍ ☑ ಛ৭Λ࢖͍ͬͯΔ ໊ࢗʹ͓ۚΛ࢖͏ͷ΋ָͦ͠͏
    
79. Ҏ্ʂ
    
80. ·ͱΊ • ׆൛ҹ࡮ͷӨڹ͸ະͩڧ͠ • ֤ݴޠͷಛ௃ͷ೺Ѳ͕େࣄ • ॎॻ͖͸೉қ౓͕ߴ͍ • ࣮ߦҕһ௕͸ޫΓ෺͕޷͖ͬͯ͝ຊਓ͕͓ͬ͠Όͬͯ·ͨ͠
    
81. ͨͷ͍͠ࢀߟจݙ • https://github.com/S-Shimotori/iOSDC2018Draft • Book/bibliographies ΍ Referenfe.md ͋ͨΓ • Θͨ͠ͷiOSDCײ૝ϒϩάʹਪનਤॻॻ͔͘΋ • ௚઀ฉ͍ͯʂ
    
82. , ͓͠·͍ʂ