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

縦書きエディタを6プラットフォームで開発してみて / On development of multi-platform text editor for vertical writing

cc4966
September 06, 2019

縦書きエディタを6プラットフォームで開発してみて / On development of multi-platform text editor for vertical writing

縦書きエディタを6プラットフォームで開発してみて
iOSDC Japan 2019 2019/09/06 10:50〜 Track E 技術パッション共有トーク(60分)

Windows / macOS / Ubuntu / iOS / Android / UWP向けに縦書きのできるテキストエディタを趣味で開発しています。
小説や脚本などでいまだに根強い需要のある縦書きのテキスト入力を6プラットフォームに提供する唯一のプロダクトを目指しています。
(Windows / macOS / Ubuntu / Androidでリリース済み、iOS版リリース予定、UWP版プロトタイプ完成済み)

このプロダクトでは全プラットフォームで同じ描画結果を手に入れるためにテキスト描画エンジンから自前で作っています。
トークでは文字とコンピュータの関係、縦書きという特殊な書字方式とその裏側の実装、テキストエディタや組版、iOSやAndroidに限らないクロスプラットフォームなアプリ開発について話します。

内容
- テキストを表示するために必要な文字コードとフォントの知識
- コア機能をC++で作る理由
- デスクトップアプリとモバイルアプリを開発するための環境
- デスクトップアプリのテキスト入力とモバイルアプリのテキスト入力
- プラットフォームで千差万別なIMEという特異点
- iOS / Androidの標準TextViewのUIとその縦書きでの再実装

cc4966

September 06, 2019
Tweet

More Decks by cc4966

Other Decks in Programming

Transcript

  1. ॎॻ͖ΤσΟλΛ
    ϓϥοτϑΥʔϜͰ
    ։ൃͯ͠Έͯ
    J04%$+BQBO5SBDL&ʙ
    ࿡ʑ!@
    ˞,FZOPUF
    ʹ


    ͖
    ͕


    ͞
    Ε
    ·
    ͠
    ͨ
    ʂ

    View full-size slide

  2. ࣗݾ঺հ
    w ࿡ʑʢΖ͘Ζ͘ʣ
    w !@
    w ށ੶໊3ZP/POBLB
    !2

    View full-size slide

  3. աڈͷൃද
    w J04%$ʮ6*7JFXͱ6*5FYU*OQVUͰ࡞Δॎॻ͖ͷ
    5FYU7JFXʯ
    w IUUQTTQFBLFSEFDLDPNDDWFSUJDBM
    UFYUWJFXCBTFEPOVJWJFXXJUIVJUFYUJOQVU
    !3

    View full-size slide

  4. աڈͷൃද
    w %SPJE,BJHJʮθϩ͔Β࣮૷͢Δॎॻ͖5FYU7JFXͱ
    ͦͷपลٕज़ʯ
    w IUUQTTQFBLFSEFDLDPNDDWFSUJDBM
    UFYUWJFXGSPNTDSBUDIBOESFMBUFEUFDIOPMPHJFT
    !4

    View full-size slide

  5. झຯ
    w ςΩετΤσΟλ։ൃ
    w Ξχϝؑ৆ d࿩ि͘Β͍ɺࠓظ͸࿩ि

    w Ξχϝөըؑ৆ dຊ೥͘Β͍

    !5

    View full-size slide

  6. झຯ
    w ςΩετΤσΟλ։ൃ
    w 5"5&EJUPSͱ͍͏ॎॻ͖ΤσΟλΛݸਓ։ൃ
    w J04"OESPJE൛͸ετΞͰެ։த
    w NBD048JOEPXT6CVOUV൛͸αΠτͰެ։த
    w 681൛͸࡞੒தʢ·ͩϓϩτλΠϓͷΈʣ
    w IUUQTXXXDDOFU
    w ։ൃɺӡӦɺαϙʔτɺσβΠϯΛશ෦΍ͬͯΔ
    !6

    View full-size slide

  7. झຯ
    w 5"5&EJUPSͱ͸
    w ϧϏ͕ৼΕΔ
    ;Γ͕ͳ
    w 1%'Λग़ྗͰ͖Δ
    w ϖʔδදࣔͰ͖ΔʢσεΫτοϓ൛ͷΈʣ
    !7

    View full-size slide

  8. ϦϦʔε͠·ͨ͠
    w 5"5&EJUPSGPSJ04
    w ϦϦʔε
    w 5"5&EJUPSGPS"OESPJE
    w ϦϦʔε
    !8

    View full-size slide

  9. ςΩετΤσΟλ։ൃ
    w ͦ΋ͦ΋ͳͥ։ൃ͍ͯ͠Δͷ͔
    w ೥ࠒɺখઆ޷͖͕ߴͯ͡খઆΛॻ͍ͨΓ͍ͯͨ͠
    w 6OJDPEFΛѻ͑Δແྉͷॎॻ͖ΤσΟλ͕ͳ͔ͬͨ
    w ࠓ͸খઆΛॻ͘ਓ͕૿͑Δॿ͚ʹͳΕ͹͍͍ͳ͋ͱ͍
    ͏ࢥ͍Ͱ։ൃ
    !9

    View full-size slide

  10. ࠓճ࿩͍ͨ͜͠ͱ
    w ٕज़ύογϣϯڞ༗τʔΫͱ͍͏͜ͱͰʜʜ
    w ೥ॎॻ͖ΤσΟλΛͲ͏։ൃ͖͔ͯͨ͠
    w σεΫτοϓ͔ΒϞόΠϧʹͲ͏Ҡߦ͔ͨ͠
    w ॎॻ͖ΤσΟλ։ൃʹඞཁͳ৘ใΛ͍͍ͩͨશ෦
    w ΰʔϧ
    w ςΩετΤσΟλ͕04ඪ४Ͱଘࡏ͢Δ͜ͱʹײँ͢Δ
    w ॎॻ͖ΤσΟλΛ࡞ΔͨΊʹඞཁͳཁ݅Λڞ༗͢Δ
    !10

    View full-size slide

  11. Ξ΢τϥΠϯ
    ൃදλΠτϧʹ͍ͭͯ
    ॎॻ͖ΤσΟλΛ࡞Δ
    σεΫτοϓͱϞόΠϧ
    ·ͱΊ
    !11
    JPTEDF࣭໰Ͱ
    ࣭໰πΠʔτͯ͠΋Β͑Δͱ
    ޙͰҾ༻πΠʔτͰճ౴͠·͢

    View full-size slide

  12. ॎॻ͖ΤσΟλΛ
    ϓϥοτϑΥʔϜͰ
    ։ൃͯ͠Έͯ

    View full-size slide

  13. ʮॎॻ͖ΤσΟλʯΛ
    ʮϓϥοτϑΥʔϜʯͰ
    ʮ։ൃʯͯ͠Έͯ

    View full-size slide

  14. ʮॎॻ͖ΤσΟλʯΛ
    ʮϓϥοτϑΥʔϜʯͰ
    ʮ։ൃʯͯ͠Έͯ

    View full-size slide



  15. ͖
    Τ
    σ

    λ
    w


    ͖
    ͕
    Ͱ
    ͖
    Δ
    ς
    Ω
    ε
    τ
    Τ
    σ

    λ
    !15

    View full-size slide

  16. ॎॻ͖
    w


    ͖
    ͷ



    w



    w
    ٭


    γ
    φ
    Ϧ
    Φ

    w





    ͷ
    ه


    w
    ޿

    !16

    View full-size slide

  17. ॎॻ͖
    w


    ͖
    Τ
    σ

    λ
    ͷ



    w



    ʹ
    Ξ
    ΢
    τ
    ϓ

    τ
    ͞
    Ε
    Δ


    ʹ
    ۙ
    ͍
    ݟ
    ͨ

    Ͱ


    Λ

    ͖
    ͨ
    ͍
    ͱ
    ͍
    ͏


    !17

    View full-size slide

  18. ίϯϐϡʔλͱॎॻ͖
    w ςΩετΛॎॻ͖Ͱදࣔ͢ΔϑΝΠϧܗࣜ
    w 1%'
    w $.BQ8.PEFͳϑΥϯτΛ࢖͏
    w 47(
    w XSJUJOHNPEFUCUCSM
    w )5.-$44
    w XSJUJOHNPEFWFSUJBMSMWFSUJDBMMS
    !18

    View full-size slide

  19. ςΩετͱॎॻ͖
    w ॎॻ͖ͷςΩετͱ͍͏΋ͷ͸ͳ͍
    w σʔλ্ͷςΩετͷਐߦํ޲͸ͻͱͭ
    w ഑ྻͷJOEFY͕૿͑Δํ޲͚ͩ
    w ͋c͍c͏c͑c͓caOc͋
    w ҰํͰը૾͸࣍ݩ৘ใ
    w σΟεϓϨΠ্ʹςΩετͷਐߦํ޲͸ແ਺ʹ͋Δ
    w ͦͷҰ͕ͭॎॻ͖
    !19

    View full-size slide

  20. ॻࣈํ޲
    w ςΩετΛදࣔ͢Δࡍʹ͸ॻࣈํ޲ͱ͍͏΋ͷ͕͋Δ
    w ԣॻ͖
    w ࠨ͔Βӈʢࠨԣॻ͖ʣ
    w )FMMP XPSME
    w ӈ͔Βࠨʢӈԣॻ͖ʣ
    w ملاعلابابحرم
    !20
    w


    ͖

    w

    ͔
    Β
    Լ

    w
    ͜
    Μ
    ʹ
    ͪ
    ͸


    ք
    ʂ

    View full-size slide

  21. վ
    ߦ

    ޲
    w
    վ
    ߦ

    ޲
    ͸



    ޲
    ͱ

    ަ
    ͢
    Δ

    ޲

    w
    ԣ

    ͖


    ͔
    Β
    Լ


    w
    ӈ


    ͖

    ӈ
    ͔
    Β


    $44
    ͷ
    WFSUJDBMSM


    w


    ޠ

    w



    ͖


    ͔
    Β
    ӈ

    $44
    ͷ
    WFSUJDBMMS


    w
    Ϟ
    ϯ
    ΰ
    ϧ
    ޠ

    Ϟ
    ϯ
    ΰ
    ϧ


    Λ


    ͨ

    ߹


    w

    ͸
    Ω
    Ϧ
    ϧ


    ͕
    Ұ

    ʹ

    Θ
    Ε
    ͯ
    ͍
    Δ
    !21
    ը૾/PEFVF$$#:4"

    View full-size slide

  22. ͦͷଞͷॻࣈํ޲
    w ڇߞࣜʢ#PVTUSPQIFEPOʣ
    w ॻࣈํ޲͕ӈ͔Βࠨɺࠨ͔ΒӈͱަޓʹมΘΔ
    w ݹ୅ΪϦγϟޠ
    w ཐટܗ
    w ϑΝΠετεԁ൫ʢະղಡจࣈʣ
    w 6OJDPEFʹ΋ऩ࿥͞Ε͍ͯΔ
    w 6%d6'%
    !22
    ࣸਅ)FMJY$$#:4"
    ը૾3BOWFJH$$#:4"

    View full-size slide

  23. ʮॎॻ͖ΤσΟλʯΛ
    ʮϓϥοτϑΥʔϜʯͰ
    ʮ։ൃʯͯ͠Έͯ

    View full-size slide

  24. ϓϥοτϑΥʔϜ
    w σεΫτοϓ
    w NBD04
    w 8JOEPXT
    w 6CVOUV (5,

    w ϞόΠϧ
    w J04
    w "OESPJE
    w 681
    !24

    View full-size slide

  25. ϓϥοτϑΥʔϜ
    w σεΫτοϓɿ(6*πʔϧΩοτ͸ϥΠϒϥϦʢXY8JEHFUTʣ
    w NBD04
    w 8JOEPXT
    w 6CVOUV (5,

    w ϞόΠϧɿ(6*πʔϧΩοτ͸ωΠςΟϒͦͷ··
    w J04
    w "OESPJE
    w 681
    !25

    View full-size slide

  26. σεΫτοϓ
    !26
    OS ݴޠ ։ൃ؀ڥ
    Windows C++ Visual Studio
    macOS C++ / Objective-C Xcode
    Ubuntu (GTK+) C++ Eclipse → Makefile

    View full-size slide

  27. ϞόΠϧ
    !27
    OS ݴޠ ։ൃ؀ڥ
    iOS Swift / Objective-C / C++ Xcode
    Android Kotlin / Java / C++ Android Studio
    UWP C# / C++ Visual Studio

    View full-size slide

  28. ʮॎॻ͖ΤσΟλʯΛ
    ʮϓϥοτϑΥʔϜʯͰ
    ʮ։ൃʯͯ͠Έͯ

    View full-size slide

  29. ։ൃͷาΈ
    w ೥
    w ࣗ෼ͷཉ͍͠ॎॻ͖ΤσΟλͷͨΊʹϓϩάϥϛϯά
    Λ࢝ΊΔ
    w ࠷ॳʹ໨తΛ࣋ͬͯ࡞ͬͨͷ͸ϑΥϯτϑΝΠϧΛಡΈ
    ࠐΜͰॎॻ͖ͷจࣈྻΛදࣔ͢ΔϓϩάϥϜ
    w 0QFO5ZQFϑΥϯτͷ࢓༷ΛಡΜͩ
    !29

    View full-size slide

  30. ։ൃͷาΈ
    w ʙ೥
    w 8JOEPXT޲͚ϕʔλ൛Λग़͢
    w (6*πʔϧΩοτ͸XY8JEHFUT
    w 6OJDPEFจࣈྻΛ໰୊ͳ͘ѻ͑ΔϥΠϒϥϦͩͬͨ
    !30

    View full-size slide

  31. ։ൃͷาΈ
    w ʙ೥
    w NBD048JOEPXT6CVOUVʹରԠ
    w XY8JEHFUT͸ΫϩεϓϥοτϑΥʔϜϥΠϒϥϦ
    w ͔ͤͬ͘ͳͷͰରԠϓϥοτϑΥʔϜΛ૿΍ͨ͠
    w ΧϥʔֆจࣈରԠ
    !31

    View full-size slide

  32. ։ൃͷาΈ
    w ʙ೥
    w 1%'ग़ྗʢ1%'ͷ࢓༷ॻΛಡΜͰ࡞ͬͨʣ
    w ϖʔδදࣔʢ1%'ग़ྗΛ8:4*8:(ʹͨ͠ʣ
    w ࡿ࿈൑ʢxy࠲ඪܥͰ͸ͳ͘rθʹͯ͠Έͨʣ
    w HJUಋೖʢͦΕ·Ͱ೴಺؅ཧ͍ͯͨ͠ʣ
    !32

    View full-size slide

  33. σεΫτοϓ։ൃ
    !33
    OS ݴޠ ։ൃ؀ڥ
    Windows C++ Visual Studio
    macOS C++ / Objective-C Xcode
    Ubuntu (GTK+) C++ Eclipse → Makefile

    View full-size slide

  34. ιʔείʔυͷߏ੒
    !34
    5"5&EJUPSͷ

    શͯͷίʔυ
    XY8JEHFUT
    NBD048JOEPXT6CVOUV

    View full-size slide

  35. ։ൃͷาΈ
    w ೥ʙ
    w J04"OESPJE681Ͱͷ։ൃΛ࢝ΊΔ
    w ࢓ࣄͰJ04ͱ"OESPJEΛ֮͑ͨ
    !35

    View full-size slide

  36. ϞόΠϧ։ൃ
    !36
    OS ݴޠ ։ൃ؀ڥ
    iOS Swift / Objective-C / C++ Xcode
    Android Kotlin / Java / C++ Android Studio
    UWP C# / C++ Visual Studio

    View full-size slide

  37. ϞόΠϧ։ൃ
    !37
    5"5&EJUPSͷ
    શίʔυ

    $

    XY8JEHFUT $

    NBD048JOEPXT6CVOUV J04 "OESPJE 681

    View full-size slide

  38. ϞόΠϧ։ൃ
    !38
    5"5&EJUPSͷ
    શίʔυ

    $

    XY8JEHFUT $
    4XJGU ,PUMJO $
    NBD048JOEPXT6CVOUV J04 "OESPJE 681

    View full-size slide

  39. ϞόΠϧ։ൃ
    !39
    5"5&EJUPSͷ
    શίʔυ

    $

    XY8JEHFUT $
    4XJGU ,PUMJO $
    શίʔυ

    4XJGU

    શίʔυ

    ,PUMJO

    શίʔυ

    $

    NBD048JOEPXT6CVOUV J04 "OESPJE 681

    View full-size slide

  40. શίʔυ

    4XJGU

    શίʔυ

    ,PUMJO

    શίʔυ

    $

    ϞόΠϧ։ൃ
    !40
    5"5&EJUPSͷ
    શίʔυ

    $

    XY8JEHFUT $
    4XJGU ,PUMJO $
    NBD048JOEPXT6CVOUV J04 "OESPJE 681

    View full-size slide

  41. ϞόΠϧ։ൃ
    !41
    ςΩετฤूςΩετඳը

    ϥΠϒϥϦԽ $

    (6*෦෼ $

    XY8JEHFUT $
    4XJGU ,PUMJO $
    NBD048JOEPXT6CVOUV J04 "OESPJE 681

    View full-size slide

  42. ϞόΠϧ։ൃ
    !42
    (6*෦෼ $

    XY8JEHFUT $
    4XJGU ,PUMJO $
    NBD048JOEPXT6CVOUV J04 "OESPJE 681
    $͸Ͳͷ؀ڥͰ΋࢖͑ͯศར
    $ڞ௨ϥΠϒϥϦ ςΩετฤूςΩετඳը

    View full-size slide

  43. ϞόΠϧ։ൃ
    !43
    XY8JEHFUT $
    4XJGU ,PUMJO $
    NBD048JOEPXT6CVOUV J04 "OESPJE 681
    $ڞ௨ϥΠϒϥϦ ςΩετฤूςΩετඳը

    (6*෦෼ $
    (6*෦෼ (6*෦෼ (6*෦෼

    View full-size slide

  44. ϞόΠϧ։ൃ
    w ༨ஊɿ4XJGU͔Β$ϥΠϒϥϦΛ࢖͏ͨΊʹ͸
    w 4XJGU͔Βݺ΂Δ0CKFDUJWF$ͷϥΠϒϥϦΛ࡞Δ
    w 0CKFDUJWF$ͷϥΠϒϥϦ͔Β$ϥΠϒϥϦΛݺͿ
    !44

    View full-size slide

  45. ։ൃ࢙
    w ೥ࠒɿ։ൃ։࢝
    w ʙ೥ɿ8JOEPXT൛ެ։
    w ʙ೥ɿNBD046CVOUV൛ެ։ ΧϥʔֆจࣈରԠ
    w ʙ೥ɿ1%'ग़ྗɾࡿ࿈൑Ϟʔυʢ׬શʹझຯʣ
    w ೥ʙɿΞϓϦ൛ϓϩτλΠϓ࡞੒
    w ೥ɿJ04"OESPJE൛ެ։
    !45

    View full-size slide

  46. XY8JEHFUT $
    4XJGU ,PUMJO $
    NBD048JOEPXT6CVOUV J04 "OESPJE 681
    (6*෦෼ $
    (6*෦෼ (6*෦෼ (6*෦෼
    ࠓճͷൃද಺༰
    !46
    $ڞ௨ϥΠϒϥϦ ςΩετฤूςΩετඳը

    ʢϓϥοτϑΥʔϜʹΑΒͣʣ
    ςΩετΛॎॻ͖Ͱදࣔ͢Δ࿩

    View full-size slide

  47. XY8JEHFUT $
    4XJGU ,PUMJO $
    NBD048JOEPXT6CVOUV J04 "OESPJE 681
    (6*෦෼ $
    (6*෦෼ (6*෦෼ (6*෦෼
    ࠓճͷൃද಺༰
    !47
    $ڞ௨ϥΠϒϥϦ ςΩετฤूςΩετඳը

    ֤ϓϥοτϑΥʔϜͰ
    ςΩετΛฤू͢Δ࿩

    View full-size slide

  48. XY8JEHFUT $
    4XJGU ,PUMJO $
    NBD048JOEPXT6CVOUV J04 "OESPJE 681
    (6*෦෼ $
    (6*෦෼ (6*෦෼ (6*෦෼
    ࠓճͷൃද಺༰
    !48
    $ڞ௨ϥΠϒϥϦ ςΩετฤूςΩετඳը

    σεΫτοϓͱϞόΠϧͰͷ
    ςΩετΤσΟλͷ6*ͷҧ͍ͷ࿩

    View full-size slide

  49. Ξ΢τϥΠϯ
    ൃදλΠτϧʹ͍ͭͯ
    ॎॻ͖ΤσΟλΛ࡞Δ
    ςΩετΤσΟλ
    ςΩετΛදࣔ͢Δʢʴॎॻ͖ʣ
    ςΩετΛฤू͢Δ
    σεΫτοϓͱϞόΠϧ
    ·ͱΊ
    !49
    JPTEDF࣭໰Ͱ
    ࣭໰πΠʔτͯ͠΋Β͑Δͱ
    ޙͰҾ༻πΠʔτͰճ౴͠·͢

    View full-size slide



  50. ͖
    Τ
    σ

    λ
    ͸

    Ͳ
    ͏

    Δ
    ͷ
    ͔

    View full-size slide

  51. ॎॻ͖ΤσΟλ
    w ςΩετΤσΟλͰදࣔ͞ΕΔςΩετΛॎॻ͖ʹ͢Δ
    !51

    View full-size slide

  52. ॎॻ͖ΤσΟλ
    w ςΩετΤσΟλͬͯͳʹ
    w J04ͩͱ6*5FYU7JFX͕ςΩετΤσΟλ
    !52

    View full-size slide

  53. ॎॻ͖ΤσΟλ
    w ςΩετΤσΟλ 6*5FYU7JFXͷΑ͏ͳίϯϙʔωϯτ

    w Ͳͷ04Ͱ΋ඪ४తʹ༻ҙ͞Ε͍ͯΔ
    !53
    OS ඪ४࣮૷
    iOS UITextView
    Android android.widget.TextView
    UWP TextBox
    Windows MSFTEDIT_CLASS / Text box
    macOS NSTextView
    GTK+ GtkTextView

    View full-size slide

  54. ॎॻ͖ΤσΟλ
    w 2VFTUJPO
    w ඪ४ͷςΩετΤσΟλΛॎॻ͖ʹͰ͖Δͷ͔ʁ
    !54

    View full-size slide

  55. ॎॻ͖ΤσΟλ
    w "OTXFS
    w Ͱ͖ͳ͍Ͱ͢Ͷ
    !55

    View full-size slide

  56. ςΩετΤσΟλΛ
    ࠶࣮૷͢Δ

    View full-size slide

  57. ςΩετΤσΟλ
    w ςΩετΤσΟλ͸γϯϓϧͳίϯϙʔωϯτʁ
    !57

    View full-size slide

  58. ςΩετΤσΟλ
    w ςΩετΤσΟλ͸γϯϓϧͳίϯϙʔωϯτͰ͸ͳ͍
    !58

    View full-size slide

  59. ςΩετΤσΟλ
    w ༷ʑͳొ৔ਓ෺͕૬ޓʹӨڹ͠߹͏ࠞಱͱͨ͠৔ॴ
    w ೖग़ྗʢਓؒͱίϯϐϡʔλͷք໘ʣ
    w 04
    w ΞϓϦ
    w *.&ʢ೔ຊޠೖྗͳͲʣ
    w ͔͠΋͜ΕΒશ͕ͯঢ়ଶΛ΋͍ͬͯΔ
    !59

    View full-size slide

  60. ςΩετΤσΟλ
    w ςΩετΤσΟλʹඞཁͳ͜ͱ
    w ը໘ʹςΩετΛදࣔͰ͖Δ
    w ը໘ͷςΩετΛฤूͰ͖Δ
    !60

    View full-size slide

  61. ςΩετΤσΟλ
    w ςΩετΤσΟλʹඞཁͳ͜ͱ
    w ը໘ʹςΩετΛදࣔͰ͖Δ
    w จࣈίʔυͱϑΥϯτͱը૾ͷ࿩
    w ը໘ͷςΩετΛฤूͰ͖Δ
    w 04ͱ*.&ͱ6*ͷ࿩
    !61

    View full-size slide

  62. ςΩετΤσΟλ
    w ςΩετΤσΟλʹඞཁͳ͜ͱ
    w ը໘ʹςΩετΛදࣔͰ͖Δ
    w จࣈίʔυͱϑΥϯτͱը૾ͷ࿩
    w େ෦෼͕QMBUGPSNJOEFQFOEFOU
    w ը໘ͷςΩετΛฤूͰ͖Δ
    w 04ͱ*.&ͱ6*ͷ࿩
    w େ෦෼͕QMBUGPSNTQFDJpD
    !62

    View full-size slide

  63. ςΩετΤσΟλ
    w ςΩετΤσΟλʹඞཁͳ͜ͱ
    w ΈΔʢ7JFXFSʣ
    w ฤू͢Δʢ&EJUPSʣ
    !63

    View full-size slide

  64. ςΩετͷදࣔ

    View full-size slide

  65. ςΩετͷදࣔ
    w ςΩετ͕දࣔ͞ΕΔ
    w ʹσΟεϓϨΠʹจࣈͷॻ͔Εͨը૾͕ग़Δ
    !65

    View full-size slide

  66. ςΩετͷදࣔ
    w J04ͰςΩετΛදࣔ͢Δํ๏͸͍͔ͭ͋͘Δ
    w 6*-BCFM
    w 4USJOHESBX 6*7JFXESBX

    w $5'POU%SBX(MZQIT $PSF5FYU
    ॎॻ͖΋Մೳ
    !66

    View full-size slide

  67. ςΩετͷදࣔ
    w $PSF5FYU͸ඇৗʹྑ͍ϑϨʔϜϫʔΫͳͷͰ͕͢ʜʜ
    w 5"5&EJUPSͰ͸ҎԼͷཧ༝͔ΒςΩετͷදࣔΛಠ࣮ࣗ૷
    w શͯͷϓϥοτϑΥʔϜͰಉ͡ඳը݁Ռ͕ཉ͍͠
    w 1%'Λ8:4*8:(Ͱग़ྗ͍ͨ͠
    w ϓϥοτϑΥʔϜͷจࣈඳը͸࣌ʑյΕΔ
    w ॎॻ͖Λશ͘αϙʔτ͠ͳ͍04΋͋Δʢ"OESPJEʣ
    w ࣮૷։࢝࣌ظ͕೥લ
    w झຯ͔ͩΒ
    !67

    View full-size slide

  68. ςΩετͷදࣔ
    w จࣈྻඳըܥΛθϩ͔Β࡞͍ͬͯ͘
    !68
    ςΩετ ը૾

    View full-size slide

  69. ςΩετͷදࣔ
    w จࣈྻඳըܥΛθϩ͔Β࡞͍ͬͯ͘
    !69
    6**NBHFESBX
    6**NBHF7JFX
    ςΩετ ը૾

    View full-size slide

  70. ςΩετͷදࣔ
    w จࣈྻඳըܥΛθϩ͔Β࡞͍ͬͯ͘
    !70
    ςΩετ ը૾
    จࣈྻඳըܥ

    View full-size slide

  71. ςΩετͷදࣔ
    ςΩετ ը૾
    จࣈྻඳըܥ
    w ը૾ʹ3(#"ͷ഑ྻ
    w શ04ͰදࣔͰ͖Δ
    !71

    View full-size slide

  72. ศརͳശ
    ςΩετͷදࣔ
    !72
    ςΩετ ը૾
    จࣈྻඳըܥ

    View full-size slide

  73. ςΩετͷදࣔ
    w ศརͳശͷΠϝʔδ
    !73
    extension UIImage {
    convenience init(text: String) {
    ...
    }
    }

    View full-size slide

  74. ศརͳശ
    ςΩετͷදࣔ
    !74
    ը૾
    จࣈྻඳըܥ
    ςΩετ
    ʢόΠτྻʣ

    View full-size slide

  75. ςΩετͷදࣔ
    !75
    ςΩετ
    ʢόΠτྻʣ
    ը૾
    จࣈྻඳըܥ
    จࣈίʔυͱ
    ϑΥϯτͷ஌ࣝ

    View full-size slide

  76. จࣈίʔυ
    w ػց΍ͦΕΛ࢖͏ਓಉ࢜Ͱͷϓϩτίϧ
    w ͜ͷόΠτྻ͸͜ͷจࣈʹ૬౰͢Δ΋ͷͱͯ͠ѻ͍·
    ͠ΐ͏ͱ͍͏໿ଋ
    w Ͱ͔͍ͬද
    w ϓϩτίϧΛऔΓҧ͑ͯ͠·͏ͷ͕͍ΘΏΔจࣈԽ͚
    w ࠷ۙͩͱ͍͍ͩͨ6OJDPEF
    !76

    View full-size slide

  77. ϑΥϯτ
    w จࣈྻ͔ΒਓؒͷͨΊͷը૾Λੜ੒͢Δͷʹඞཁͳશͯ
    ͷ৘ใΛ֨ೲͨ͠ϑΝΠϧ
    w Ͳͷจࣈ͕Ͳ͏͍͏ܗͳͷ͔
    w จࣈͷେ͖͞͸ͲΕ͘Β͍ͳͷ͔
    w ࠷ۙͩͱ͍͍ͩͨ0QFO5ZQFϑΥϯτ
    !77
    https://www.freetype.org/freetype2/docs/glyphs/glyphs-3.html

    View full-size slide

  78. ςΩετͷදࣔ
    !78
    ςΩετ
    ʢόΠτྻʣ
    ը૾
    จࣈྻඳըܥ
    6OJDPEFͱ
    0QFO5ZQFͷ
    ࢓༷

    View full-size slide

  79. 6OJDPEF
    w จࣈྻΛόΠτྻʹͯ͠ѻ͏ͨΊͷن֨
    w 6OJDPEF͸ූ߸Խจࣈू߹ͷͻͱͭ
    w 6d6''''ͷූ߸ΛจࣈʹରԠ͚ͮͨ΋ͷ
    w 6ͷޙΖ͸ਐ਺දه
    w 65'65'65'͸จࣈූ߸Խܗࣜ
    w 6d6''''ͷCJUͷ৘ใΛͲͷΑ͏ʹό
    ΠτྻͰදݱ͢Δ͔ΛఆΊͨ΋ͷ
    !79

    View full-size slide

  80. ίʔυϙΠϯτ
    w 6OJDPEF಺ͷจࣈͷ࠷খ୯ҐΛίʔυϙΠϯτͱ͍͏
    w ऩ࿥͞Ε͍ͯΔจࣈͻͱͭΛࣔ͢΋ͷ
    w ྫɿ
    w 6"aO
    w 6"
    w 6͋
    w 6#҆
    !80

    View full-size slide

  81. 4XJGUͱ6OJDPEF
    w 4USJOHͷ಺෦දݱ͸65'
    w 4USJOHDPVOUHSBQIFNFDMVTUFSͷ਺
    w !DPVOU
    w 4USJOHVOJDPEF4DBMBSTDPVOUίʔυϙΠϯτͷ਺
    w !VOJDPEF4DBMBSTDPVOU
    w 4USJOHVUGDPVOU65'Ͱͷ௕͞
    w !VUGDPVOU
    !81

    View full-size slide

  82. 0QFO5ZQF
    w ϑΥϯτϑΝΠϧͷ࢓༷ͷͻͱͭ
    w จࣈΛ࠷େݸ֨ೲͰ͖Δ
    w ࠷ॳͷͭ͸OPUEFGͱఆΊΒΕ͍ͯΔ
    w ͍ΘΏΔ౾෗
    !82

    View full-size slide

  83. άϦϑ
    w ϑΥϯτ಺ͷจࣈͷ࠷খ୯ҐΛάϦϑͱ͍͏
    w ऩ࿥͞Ε͍ͯΔ֤จࣈʢܗঢ়ʣͷ͜ͱ
    w ӈͷਤΈ͍ͨͳΠϝʔδ
    w جຊతʹϕΫλʔը૾
    w දࣔʹ͸ϥελϥΠζ͕ඞཁ
    !83
    http://fontforge.github.io/en-US/documentation/interface/charview/

    View full-size slide

  84. 0QFO5ZQFϑΥϯτ
    w ϑΝΠϧߏ଄ʢৄ͘͠͸0QFO5ZQFͷ࢓༷ΛݟΔͱྑ͍ʣ
    w ϔομʔͱσʔλͰߏ੒͞ΕΔόΠφϦ
    w ϔομʔɿͲ͜ʹͲ͏͍͏ςʔϒϧ͕͋Δ͔ॻ͔Ε͍ͯΔ
    w ςʔϒϧɿ࢓༷Ͱఆٛ͞ΕͨσʔλʢҎԼ͸୅දతͳ΋ͷʣ
    w HMZG5SVF5ZQFͷάϦϑ৘ใ
    w $''㾐1PTU4DSJQUͷάϦϑ৘ใ
    w $''7BSJBCMF'POUͰ࢖ΘΕΔάϦϑ৘ใ
    w ͜ΕΛਖ਼͘͠ղऍ͢ΔͱจࣈΛදࣔͰ͖Δ
    !84

    View full-size slide

  85. ςΩετͷදࣔ
    !85
    ςΩετ
    ʢόΠτྻʣ
    ը૾
    จࣈྻඳըܥ
    6OJDPEFͱ
    0QFO5ZQFͷ
    ࢓༷
    ϑΥϯτ

    View full-size slide

  86. 04ͱϑΥϯτ
    w ࢓༷͚ͩͰ͸ͳ࣮͘ࡍͷϑΥϯτ͕ςΩετදࣔʹඞཁ
    w ͦΕͰϑΥϯτ͸Ͳ͜ʹʁ
    w ˠ୺຤ʹΠϯετʔϧ͞Ε͍ͯΔ΋ͷΛ࢖͏
    !86

    View full-size slide

  87. 04ͱϑΥϯτ
    !87
    OS ϑΥϯτͷऔಘ औಘͰ͖Δ΋ͷ
    iOS CGFontCopyTableForTag όΠφϦʢஅยʣ
    Android /system/etc/fonts.xml ϑΝΠϧύε
    UWP IDWriteLocalFontFileLoader ϑΝΠϧύε
    Windows
    IDWriteLocalFontFileLoader /
    GetFontData
    ϑΝΠϧύε / 

    όΠφϦ
    macOS CGFontCopyTableForTag όΠφϦʢஅยʣ
    GTK+ fontconfig ϑΝΠϧύε

    View full-size slide

  88. ςΩετͷදࣔ
    !88
    ςΩετ
    ʢόΠτྻʣ
    ը૾
    จࣈྻඳըܥ
    6OJDPEFͱ
    0QFO5ZQFͷ
    ࢓༷
    ϑΥϯτ

    View full-size slide

  89. ςΩετͷදࣔ
    !89
    ςΩετ
    ʢόΠτྻʣ
    ը

    ί
    ʔ
    υ
    ϙ
    Π
    ϯ
    τ

    ά
    Ϧ
    ϑ
    ྻ ϥ
    ε
    λ
    ϥ
    Π
    ζ
    6OJDPEF
    ը


    View full-size slide

  90. ςΩετͷදࣔ
    !90
    ςΩετ
    ʢόΠτྻʣ
    ը

    ί
    ʔ
    υ
    ϙ
    Π
    ϯ
    τ

    ά
    Ϧ
    ϑ
    ྻ ϥ
    ε
    λ
    ϥ
    Π
    ζ
    6OJDPEF
    ը


    ʁ

    View full-size slide

  91. 6OJDPEFͱ0QFO5ZQFΛͭͳ͙
    w 0QFO5ZQFͷDNBQςʔϒϧ
    w ίʔυϙΠϯτ͔ΒάϦϑͷ*%΁ͷม׵ද
    w άϦϑ*%ͷ͸OPUEFGͱݺ͹ΕΔ͍ΘΏΔ౾෗จࣈ
    w ίʔυϙΠϯτ͸ສ͘Β͍
    w άϦϑ͸ϑΥϯτͭ͋ͨΓ࠷େ

    View full-size slide

  92. 6OJDPEFͱ0QFO5ZQFΛͭͳ͙
    w 0QFO5ZQFͷDNBQςʔϒϧ
    w ίʔυϙΠϯτ͔ΒάϦϑͷ*%΁ͷม׵ද
    w άϦϑ*%ͷ͸OPUEFGͱݺ͹ΕΔ͍ΘΏΔ౾෗จࣈ
    !92
    cmap
    ίʔυϙΠϯτ
    U+0041
    U+0042
    U+3042
    U+3043
    U+5B89
    U+1F389
    άϦϑID ܗঢ়
    0
    1 A
    2 B
    3 ҆
    4 ͋
    5 ͍

    View full-size slide

  93. ςΩετͷදࣔ
    !93
    ςΩετ
    ʢόΠτྻʣ
    ը

    ί
    ʔ
    υ
    ϙ
    Π
    ϯ
    τ

    ά
    Ϧ
    ϑ

    ϕ
    Ϋ
    λ
    ʔ
    ը


    ϥ
    ε
    λ
    ϥ
    Π
    ζ
    6OJDPEF
    ը


    ϑ

    ϯ
    τ
    ͷ
    DNBQ
    ʁ

    View full-size slide

  94. άϦϑͷϥελϥΠζ
    w ϑΥϯτͷಡΈࠐΈʹ͸'SFF5ZQFͱ͍͏$ݴޠͰॻ͔Ε
    ͨϥΠϒϥϦ͕Α͘࢖ΘΕΔ
    w ίʔυϙΠϯτ͔ΒάϦϑ*%΁ͷม׵
    w άϦϑ*%Λࢦఆͯ͠ϕΫλʔը૾ΛϥελϥΠζ
    w 1PTU4DSJQU $''
    ܥɺ5SVF5ZQFܥͷϑΥϯτΛ·ͱ
    Ίͯѻ͑Δ
    !94

    View full-size slide

  95. ςΩετͷදࣔ
    !95
    ςΩετ
    ʢόΠτྻʣ
    ը

    ί
    ʔ
    υ
    ϙ
    Π
    ϯ
    τ

    ά
    Ϧ
    ϑ

    6OJDPEF
    ը


    ϑ

    ϯ
    τ
    ͷ
    DNBQ
    'SFF5ZQF
    ͱ
    ͔


    ʁ

    View full-size slide

  96. άϦϑͷ഑ஔ
    w ҎԼΛ܁Γฦ͢
    w άϦϑΛஔ͘
    w άϦϑͷ෯͚ͩඳըҐஔΛਐΊΔ
    w ͨͩ͠ɺվߦจࣈ΍ંΓฦ͠Ͱ࣍ͷߦʹδϟϯϓ͢Δ
    !96
    https://www.freetype.org/freetype2/docs/glyphs/glyphs-3.html

    View full-size slide

  97. վߦจࣈ
    w 8JOEPXTͷվߦ͸aSaOͰͭͷվߦ
    w $BSSJBHF3FUVSOߦ಄ʹ໭Δ
    w -JOF'FFEߦΛਐΊΔ
    !97
    U+000D CARRIAGE RETURN \r Mac OS 9·Ͱ
    U+000A LINE FEED \n Linux / macOS
    U+000C FORM FEED \f
    U+000B LINE TABULATION \v
    U+2028 LINE SEPARATOR
    U+2029 PARAGRAPH SEPARATOR
    U+0085 NEW LINE

    View full-size slide

  98. ͱΓ͋͑ͣ
    w ؆୯ͷͨΊ·ͣ͸ԣॻ͖
    !98

    View full-size slide

  99. จࣈΛฒ΂ͨ
    w ඳըྖҬ͔Β͸Έग़ͯ͠·ͬͨͷͰંΓฦ͞ͳ͍ͱ
    !99

    View full-size slide

  100. ંΓฦ͠
    w UFYUBSFBͱ͍͏ӳ୯ޠ͕෼ׂ͞Εͯ͠·ͬͨʜʜ
    !100

    View full-size slide

  101. 6"96OJDPEF-JOF
    #SFBL"MHPSJUIN
    w 6OJDPEFඪ४ͷҰ෦
    w ςΩετͷͲ͕͜ંΓฦ͠Մೳ͔Λఆ͍ٛͯ͠Δ
    w ߦ಄ߦ຤ېࢭɾ෼ׂېࢭͳͲ΋
    !101

    View full-size slide

  102. 6"96OJDPEF-JOF
    #SFBL"MHPSJUIN
    w *$6 *OUFSOBUJPOBM$PNQPOFOUGPS6OJDPEF

    w ΋ͱ΋ͱ*#.ओಋͷ044Ͱࠓ͸6OJDPEFʹଐͯ͠Δ
    w *$6ʹ͋Δ-JOF#SFBL*UFSBUPSΛ࢖͏ͱંΓฦ͠Մೳͳ
    ৔ॴ͕Θ͔Δ
    !102

    View full-size slide

  103. ԣॻ͖ͷ׬੒
    w ͖ͪΜͱંΓฦͤ·ͨ͠
    !103

    View full-size slide

  104. ςΩετͷදࣔʴॎॻ͖
    w ԣॻ͖͔Βॎॻ͖ʹม͑Δ
    w จࣈΛਫฏํ޲Ͱ͸ͳ͘ɺਨ௚ํ޲ʹਐΊΔ
    w ߦΛਨ௚ํ޲Ͱ͸ͳ͘ɺਫฏํ޲ʹਐΊΔ
    !104

    View full-size slide

  105. ςΩετͷදࣔʴॎॻ͖
    !105

    View full-size slide

  106. ςΩετͷදࣔʴॎॻ͖
    !106

    View full-size slide

  107. ςΩετͷදࣔʴॎॻ͖
    !107

    View full-size slide

  108. ςΩετͷදࣔʴॎॻ͖
    w ԣॻ͖͔Βॎॻ͖ʹม͑Δ
    w จࣈΛਫฏํ޲Ͱ͸ͳ͘ɺਨ௚ํ޲ʹਐΊΔ
    w ߦΛਨ௚ํ޲Ͱ͸ͳ͘ɺਫฏํ޲ʹਐΊΔ
    w ϑΥϯτͷॎॻ͖༻ͷάϦϑΛ࢖༻͢Δ
    w ʮɻʯʮɺʯʮΐʯʮ₃ʯʮʢʯʮʣʯʮʔʯ
    w ΞϧϑΝϕοτ౳ͷจࣈΛ౓ճసͤ͞Δ
    w ൒֯ͩͱճస͢Δɺશ֯ͩͱճస͠ͳ͍
    !108

    View full-size slide

  109. 6"96OJDPEF7FSUJDBM
    5FYU-BZPVU
    w ͭʹ෼ྨͯ͠ఆٛ͞Ε͍ͯΔʢ656S5Sʣ
    w ೥ʹυϥϑτͷ࢓༷͕ࡦఆ͞Εͨ
    !109
    ෼ྨ ಺༰ ର৅ίʔυϙΠϯτ
    U (Upright) ਖ਼ཱʢͦͷ··ʣͰදࣔ ׽ࣈ౳
    R (Rotated) ࣌ܭճΓʹճసͯ͠දࣔ Alphabet etc...
    Tu (Transformed, upright) U͕ͩઐ༻άϦϑ͕ඞཁ ɺɻΐ₃
    Tr (Transformed, rotated) R͕ͩઐ༻άϦϑ͕ඞཁ ʢʣʔ




    View full-size slide

  110. 6"96OJDPEF7FSUJDBM
    5FYU-BZPVU
    w ͭʹ෼ྨͯ͠ఆٛ͞Ε͍ͯΔʢ656S5Sʣ
    w ೥ʹυϥϑτͷ࢓༷͕ࡦఆ͞Εͨ
    !110
    ෼ྨ ಺༰ ର৅ίʔυϙΠϯτ
    U (Upright) ਖ਼ཱʢͦͷ··ʣͰදࣔ ׽ࣈ౳
    R (Rotated) ࣌ܭճΓʹճసͯ͠දࣔ Alphabet etc...
    Tu (Transformed, upright) U͕ͩઐ༻άϦϑ͕ඞཁ ɺɻΐ₃
    Tr (Transformed, rotated) R͕ͩઐ༻άϦϑ͕ඞཁ ʢʣʔ
    ͋ʔ

    View full-size slide

  111. 6"96OJDPEF7FSUJDBM
    5FYU-BZPVU
    w ͭʹ෼ྨͯ͠ఆٛ͞Ε͍ͯΔʢ656S5Sʣ
    w ೥ʹυϥϑτͷ࢓༷͕ࡦఆ͞Εͨ
    !111
    ෼ྨ ಺༰ ର৅ίʔυϙΠϯτ
    U (Upright) ਖ਼ཱʢͦͷ··ʣͰදࣔ ׽ࣈ౳
    R (Rotated) ࣌ܭճΓʹճసͯ͠දࣔ Alphabet etc...
    Tu (Transformed, upright) U͕ͩઐ༻άϦϑ͕ඞཁ ɺɻΐ₃
    Tr (Transformed, rotated) R͕ͩઐ༻άϦϑ͕ඞཁ ʢʣʔ
    ͋
    ʔ
    ൃදࢿྉΛ࡞͍ͬͯͯݟ͚ͭ
    ͯ͠·ͬͨͷͰ͕͢ɺ"QQMFͷ
    จࣈྻඳըܥͷόάͰ͢Ͷ
    ʢNBD04J04Ͱ֬ೝʣ
    ͋ʔ

    View full-size slide

  112. !112
    w ରԠ͢Δ0QFO5ZQFͷ࢓༷
    w (46# (MZQI4VCTUJUVUJPO

    w άϦϑΛผͷάϦϑʹஔ׵͢Δػೳ
    w ॎॻ͖ͷ৔߹͸άϦϑ↦άϦϑ
    w WFSUWSUWSUSͱ͔ͷλάͷ΋ͷ
    w ଞͷ༻్ͩͱ/άϦϑ↦.άϦϑͷ৔߹΋͋Δ
    6"96OJDPEF7FSUJDBM
    5FYU-BZPVU

    View full-size slide

  113. ςΩετͷදࣔʴΧϥʔֆจࣈ
    w ౾෗
    !114

    View full-size slide

  114. ςΩετͷදࣔʴΧϥʔֆจࣈ
    w ౾෗ͷਖ਼ମ
    w ϑΥϯτͷάϦϑ*%ͷจࣈ
    w ϑΥϯτʹରԠ͢ΔάϦϑ͕ͳ͍৔߹ʹ࢖༻͞ΕΔ
    w ࣮ࡍʹ͸Λද͍ࣔͨ͠
    w ଟ͘ͷ৔߹ಛผͳϑΥϯτ͕༻ҙ͞Ε͍ͯΔ
    w "QQMF$PMPS&NPKJ/PUP$PMPS&NPKJ4FHPF
    6*&NPKJ
    !115

    View full-size slide

  115. ΧϥʔֆจࣈͱϑΥϯτ
    w 0QFO5ZQFͷ࢓༷
    w Χϥʔֆจࣈͷ࢓༷͸େ͖͘छྨ
    !116
    ܗࣜ ओͳϓϥοτϑΥʔϜ த਎ͷܗࣜ
    $#%5$#-$ "OESPJE-JOVY 1/(ը૾
    $0-3$1"- 8JOEPXT ී௨ͷάϦϑͱ৭৘ใ
    47(㾐 $1"-
    "EPCF.P[JMMB 47(ը૾ʢͱ৭৘ใʣ
    TCJY "QQMF
    NBD041/(ը૾
    J04FNKDը૾ʢಠࣗܗࣜʣ

    View full-size slide

  116. 6546OJDPEF&NPKJ
    w 6OJDPEFͷΧϥʔֆจࣈͷ࢓༷
    w Χϥʔֆจࣈͷ෼ྨ
    w ࠃض
    w ғΈ਺ࣈ
    w ݁߹จࣈ ;8+

    w 1SFTFOUBUJPO4FMFDUPS
    w &NPKJ.PEJpFS
    w 5BH4FRVFODF
    !117

    View full-size slide

  117. ςΩετͷදࣔͱΧϥʔֆจࣈ
    w ࢓༷͕ͨ͘͞Μ͋ͬͯେม
    w Χϥʔֆจࣈʹؔ͢Δ੹຿͕ࢄΒ͹͍ͬͯΔͷͰେม
    w 6OJDPEFͷྖҬ
    w ԿΛͲ͏දࣔ͢΂͖͔ͱ͍͏࢓༷
    w ϑΥϯτͷྖҬ
    w දࣔ͢Δ͜ͱͷͰ͖Δจࣈͷఏڙ
    w จࣈྻඳըܥͷྖҬ
    w ΧϥʔֆจࣈΛ࢖͏͔നࠇจࣈΛ࢖͏͔ͷ൑அ
    !118

    View full-size slide

  118. ς
    Ω
    ε
    τ
    ͷ



    ɹ
    ɹ
    ɹ
    ɹ
    ʴ
    Χ
    ϥ
    ʔ
    ֆ


    w
    ς
    Ω
    ε
    τ
    ͕


    ͖
    Ͱ


    Ͱ
    ͖
    ·
    ͠
    ͨ
    !119

    View full-size slide

  119. ςΩετͷදࣔʴͦͷଞ
    w ࠓճѻΘͳ͔ͬͨ΋ͷ
    w ίʔυϙΠϯτ㱠άϦϑ
    w *74ʢҟମࣈηϨΫλʣ
    w (46#
    w ೔ຊޠҎ֎ͷςΩετͷॲཧ
    w CJEJʢ૒ํ޲ςΩετɾΞϥϏΞޠʣ
    w (104
    w ౳ʑ
    !120

    View full-size slide

  120. ςΩετͷฤू

    View full-size slide

  121. ςΩετͷฤू
    w จࣈྻΛબ୒͢Δ
    w બ୒ൣғΛจࣈྻͰஔ׵͢Δ
    !122

    View full-size slide

  122. ςΩετͷฤू
    w จࣈྻΛબ୒͢Δʢ࠷ޙʹ࿩͠·͢ʣ
    w ΩʔϘʔυૢ࡞ʹΑΔมߋ
    w Ϛ΢εૢ࡞ɾλονૢ࡞ʹΑΔมߋ
    w બ୒ൣғΛจࣈྻͰஔ׵͢Δ
    w ΩʔϘʔυ͔Βड͚औͬͨจࣈྻͰஔ׵
    w ΫϦοϓϘʔυͷจࣈྻͰஔ׵
    !123

    View full-size slide

  123. σεΫτοϓͷ5FYU7JFX
    !124
    ਓؒ
    ೖྗ૷ஔ
    ग़ྗ૷ஔ
    04
    ΞϓϦ
    5FYU7JFX
    ςΩετදࣔ
    ςΩετʁ

    View full-size slide

  124. σεΫτοϓͷ5FYU7JFX
    !125
    ਓؒ
    ೖྗ૷ஔ
    ग़ྗ૷ஔ
    04
    ΞϓϦ
    5FYU7JFX
    ςΩετදࣔ
    Ωʔίʔυ
    ςΩετʁ

    View full-size slide

  125. 5FYU7JFXͱ͸ʁ
    w ΩʔίʔυͷετϦʔϜ͔ΒͲ͏ʹ͔ͯ͠ςΩετΛੜ੒
    ͠ͳ͍ͱ͍͚ͳ͍
    w ΞϧϑΝϕοτ͸͍͍ͱͯ͠೔ຊޠ͸ʜʜʁ
    w ͜ΕΛղܾ͢ΔͨΊʹ*.&ͱ͍͏΋ͷ͕͋Δ

    ʢJ04Ͱ͸͜Ε͕ΩʔϘʔυͱݺ͹Ε͍ͯΔʣ
    !126

    View full-size slide

  126. σεΫτοϓͷ5FYU7JFX
    !127
    ਓؒ
    ೖྗ૷ஔ
    ग़ྗ૷ஔ
    *.&
    ΞϓϦ
    5FYU7JFX
    04
    ςΩετදࣔ
    Ωʔίʔυ
    ςΩετ

    View full-size slide

  127. εϚϗͷ5FYU7JFX
    !128
    ਓؒ
    ೖग़ྗ૷ஔ
    *.&
    ΞϓϦ
    5FYU7JFX
    04
    ςΩετදࣔ
    ςΩετ

    View full-size slide

  128. 5FYU7JFXͱ*.&ͷؔ܎
    !129
    ਓؒ
    ೖྗ૷ஔ
    ग़ྗ૷ஔ
    *.&
    ΞϓϦ
    5FYU7JFX
    04
    ςΩετදࣔ
    Ωʔίʔυ
    ςΩετ

    View full-size slide

  129. 5FYU7JFXͱ*.&ͷؔ܎
    w Ͳ͏΍ͬͯ*.&ͱ7JFX͕৘ใΛ΍ΓऔΓ͢Δͷʁ
    w 4%,ʁ
    w ௨৴ϓϩτίϧʁ
    !130

    View full-size slide

  130. 5FYU7JFXͱ*.&ͷؔ܎
    !131
    ਓؒ
    ೖྗ૷ஔ
    ग़ྗ૷ஔ
    *.&
    ΞϓϦ
    04ͷ༻ҙͨ͠
    *.&"1*
    5FYU7JFX
    04
    ςΩετදࣔ

    View full-size slide

  131. *.&"1*ͱ͸
    w 04͕5FYU7JFXΛ࣮૷͢ΔͨΊʹ༻ҙ͢Δ7JFXͱ*.&ͷ
    ΠϯλʔϑΣʔε
    w ۩ମతͳ࣮૷Λ஌Δ͜ͱͳ͘7JFX͕*.&Λར༻Ͱ͖Δ
    w *.&͸4%,ͳͲΛ༻ҙͤͣʹ7JFXʹػೳΛఏڙͰ͖Δ
    !132

    View full-size slide

  132. *.&"1*ͷҰཡ
    !133
    04
    *.&"1*ͷ໊শ

    7JFXଆ

    ίϝϯτ
    8JOEPXT *5FYU4UPSF"$1 ೉ղ͚ͩͲߴػೳ
    NBD04 /45FYU*OQVU$MJFOU BUUSJCVUFE4USJOH
    ͕ͭΒ͍
    (5, (UL*.$POUFYU ΍͚ʹυΩϡϝϯτ͕গͳ͍
    J04 6*5FYU*OQVU J04Ͱ৭ʑվળ͞ΕΔ
    "OESPJE #BTF*OQVU$POOFDUJPO ᴈ໌ظͷҋ͕֞ؒݟ͑Δ
    681 8JOEPXT6*5FYU$PSF ॎॻ͖͕͋Ε͹ʜʜ

    View full-size slide

  133. *.&"1*ͷ֓؍
    w *.&"1*͕7JFXʹཁٻ͢Δͷ͸
    w ςΩετͷऔಘͱมߋ
    w બ୒ൣғͷऔಘͱมߋ
    w 7JFX্ͰͷจࣈͷҐஔ৘ใ
    w ະ֬ఆจࣈྻͷ؅ཧʢྫɿεΫγϣͷʮม׵ʯ͕ະ֬
    ఆจࣈྻʣ
    w 7JFXʹΑΔςΩετɾબ୒ൣғɾϨΠΞ΢τมߋͷ௨

    !134

    View full-size slide

  134. จࣈΛೖྗ͢Δ
    w ਓ͕ؒΩʔϘʔυ͔ΒจࣈΛೖྗ͢Δࡍͷϧʔϓ
    ਓ͕ؒΩʔϘʔυΛୟ͘
    *.&͕ΩʔίʔυΛड͚औΔ
    *.&͕ΞϓϦʹςΩετPSະ֬ఆจࣈྻΛ౉͢
    ΞϓϦ͕*.&͔ΒจࣈྻΛड͚औΔ
    ΞϓϦ΍*.&͕ݱࡏͷঢ়ଶΛσΟεϓϨΠʹදࣔ͢Δ
    ਓ͕ؒσΟεϓϨΠΛݟΔ
    !135

    View full-size slide

  135. *.&"1*ͱॎॻ͖
    !136
    04
    *.&"1*ͷ໊শ

    7JFXଆ

    ॎॻ͖ରԠ

    ʢॎॻ͖Ͱ͋ΔࣄΛ఻͑Δํ๏ʣ
    8JOEPXT *5FYU4UPSF"$1 ͋Γ
    NBD04 /45FYU*OQVU$MJFOU ͋Γ
    (5, (UL*.$POUFYU
    ͋Γ(ULҎ߱

    ʢͨͩ͠ରԠ*.&͕ͳ͍ؾ͕͢Δʣ
    "OESPJE #BTF*OQVU$POOFDUJPO
    ෆՄೳͰ͸ͳ͍͸ͣ

    ʢ$VSTPS"ODIPS*OGPͷTFU.BUSJYʣ
    681 8JOEPXT6*5FYU$PSF ͳ͠
    J04 6*5FYU*OQVU ͳ͍ͷͱಉ͡

    View full-size slide



  136. ͖


    ͷ
    ׬

    w
    *.&"1*
    Λ
    7JFX
    ʹ


    ͢
    Ε
    ͹

    04


    ͷ
    ς
    Ω
    ε
    τ
    Τ
    σ

    λ
    Ҏ
    ֎
    Ͱ
    ΋




    ͕
    Ͱ
    ͖
    Δ
    !137

    View full-size slide

  137. Ξ΢τϥΠϯ
    ൃදλΠτϧʹ͍ͭͯ
    ςΩετΤσΟλºॎॻ͖
    ςΩετΤσΟλΛ࡞Δ
    ςΩετΛදࣔ͢Δ
    ςΩετΛฤू͢Δ
    σεΫτοϓͱϞόΠϧ
    ·ͱΊ
    !138

    View full-size slide

  138. σεΫτοϓͱϞόΠϧ

    View full-size slide

  139. σεΫτοϓͱϞόΠϧ
    w ΞϓϦͷ6*͸ɺσεΫτοϓͷ࣌୅͔Βେ͖͘มΘͬͨ
    w σΟεϓϨΠͱΩʔϘʔυɾϚ΢ε͸཭Ε͍ͯͨ
    w දࣔͱૢ࡞͕ಠཱ͍ͯ͠Δ
    w ϞόΠϧͰ͸දࣔ΋ૢ࡞΋খ͍͞σΟεϓϨΠ͚ͩ
    w දࣔͱૢ࡞͕ಉډ͍ͯ͠Δ
    !140

    View full-size slide

  140. σεΫτοϓͱϞόΠϧ
    w ςΩετΤσΟλͷ6*΋େ͖͘มΘͬͨ
    w ςΩετͷೖྗ
    w ςΩετͷબ୒
    !141

    View full-size slide

  141. σεΫτοϓͱϞόΠϧ
    w σεΫτοϓͷςΩετΤσΟλͷ6*
    w ௕೥ͷ஝ੵͰ΄΅ڞ௨ͷܗ
    w ϞόΠϧͷςΩετΤσΟλͷ6*
    w ຖ೥ͷ04Ξοϓσʔτͱͱ΋ʹਐԽத
    w Ϣʔβʔ͸࢖͍ͬͯΔ04ݻ༗ͷςΩετೖྗମݧʹ׳
    Ε͍ͯΔͷͰɺॎॻ͖ΤσΟλ΋ͦΕʹै͏Α͏ͳ6*Λ
    ఏڙ͢Δඞཁ͕͋Δ
    !142

    View full-size slide

  142. σεΫτοϓͱϞόΠϧ
    w جຊతͳจࣈྻબ୒ͷ6*ʢΩʔϘʔυҎ֎͔Βͷૢ࡞ʣ
    w ςΩετૠೖҐஔͷมߋ
    w ςΩετͷฤूϝχϡʔͷදࣔ
    w ςΩετͷબ୒
    w ςΩετબ୒ൣғͷमਖ਼
    !143

    View full-size slide

  143. σεΫτοϓͱϞόΠϧ
    w ςΩετૠೖҐஔͷมߋ
    !144
    ૢ࡞ ίϝϯτ
    σεΫτοϓ w ࠨΫϦοΫ ϐΫηϧ୯Ґͷૢ࡞ਫ਼౓
    J04
    w λοϓ
    w ϩϯάλοϓʴҠಈ
    ิਖ਼खஈͱͯ͠ͷϩϯά
    λοϓ
    "OESPJE
    w λοϓ
    w ΩϟϨοτͷυϥοά
    ิਖ਼खஈͱͯ͠ͷυϥο
    ά

    View full-size slide

  144. σεΫτοϓͱϞόΠϧ
    w ςΩετૠೖҐஔͷมߋ
    !145
    ૢ࡞ ίϝϯτ
    σεΫτοϓ w ࠨΫϦοΫ ϐΫηϧ୯Ґͷૢ࡞ਫ਼౓
    J04
    w λοϓ
    w ϩϯάλοϓʴҠಈ
    ิਖ਼खஈͱͯ͠ͷϩϯά
    λοϓ
    "OESPJE
    w λοϓ
    w ΩϟϨοτͷυϥοά
    ิਖ਼खஈͱͯ͠ͷυϥο
    ά

    View full-size slide

  145. σεΫτοϓͱϞόΠϧ
    w ςΩετͷฤूϝχϡʔͷදࣔ
    !146
    ૢ࡞ ίϝϯτ
    σεΫτοϓ w ӈΫϦοΫ Ϣʔβʔ͕໌ࣔతʹ։͘
    J04
    w จࣈྻબ୒࣌ʢૢ࡞தҎ֎ʣ
    w ϩϯάλοϓͰૠೖҐஔΛมߋޙ
    w ૠೖҐஔΛλοϓ
    Ϣʔβʔૢ࡞͔ΒࣗಈͰ
    දࣔ͞ΕΔ͜ͱ͕͋Δ
    "OESPJE
    w จࣈྻબ୒࣌ʢૢ࡞தҎ֎ʣ
    w ΩϟϨοτͷϋϯυϧΛλοϓ
    Ϣʔβʔૢ࡞͔ΒࣗಈͰ
    දࣔ͞ΕΔ͜ͱ͕͋Δ

    View full-size slide

  146. σεΫτοϓͱϞόΠϧ
    w ςΩετͷฤूϝχϡʔͷදࣔ
    !147
    ૢ࡞ ίϝϯτ
    σεΫτοϓ w ӈΫϦοΫ Ϣʔβʔ͕໌ࣔతʹ։͘
    J04
    w จࣈྻબ୒࣌ʢૢ࡞தҎ֎ʣ
    w ϩϯάλοϓͰૠೖҐஔΛมߋޙ
    w ૠೖҐஔΛλοϓ
    Ϣʔβʔૢ࡞͔ΒࣗಈͰ
    දࣔ͞ΕΔ͜ͱ͕͋Δ
    "OESPJE
    w จࣈྻબ୒࣌ʢૢ࡞தҎ֎ʣ
    w ΩϟϨοτͷϋϯυϧΛλοϓ
    Ϣʔβʔૢ࡞͔ΒࣗಈͰ
    දࣔ͞ΕΔ͜ͱ͕͋Δ

    View full-size slide

  147. σεΫτοϓͱϞόΠϧ
    w ςΩετͷબ୒Ϟʔυ։࢝
    !148
    ૢ࡞ ίϝϯτ
    σεΫτοϓ w ΫϦοΫԡԼ Ϛ΢εΛҠಈͰൣғมߋ
    J04
    w ϩϯάλοϓ͔Β%λον
    w %λον͔ΒԣεϫΠϓ
    ࢦΛҠಈͰൣғมߋ
    "OESPJE
    w ϩϯάλοϓ
    w ԣʹ௕͘εϫΠϓ
    ࢦΛҠಈͰൣғมߋ

    View full-size slide

  148. σεΫτοϓͱϞόΠϧ
    w ςΩετͷબ୒Ϟʔυ։࢝
    !149
    ૢ࡞ ίϝϯτ
    σεΫτοϓ w ΫϦοΫԡԼ Ϛ΢εΛҠಈͰൣғมߋ
    J04
    w ϩϯάλοϓ͔Β%λον
    w %λον͔ΒԣεϫΠϓ
    ࢦΛҠಈͰൣғมߋ
    "OESPJE
    w ϩϯάλοϓ
    w ԣʹ௕͘εϫΠϓ
    ࢦΛҠಈͰൣғมߋ

    View full-size slide

  149. σεΫτοϓͱϞόΠϧ
    w ςΩετͷબ୒Ϟʔυऴྃ
    !150
    ૢ࡞ ίϝϯτ
    σεΫτοϓ w ΫϦοΫΛ཭͢
    J04 w ࢦΛ཭͢
    "OESPJE w ࢦΛ཭͢

    View full-size slide

  150. σεΫτοϓͱϞόΠϧ
    w ςΩετͷબ୒Ϟʔυมߋ
    !151
    ૢ࡞ ίϝϯτ
    σεΫτοϓ
    w μϒϧλοϓԡԼ͔Β࢝ΊΔ
    w τϦϓϧλοϓԡԼ͔Β࢝ΊΔ
    w ճλοϓԡԼ͔Β࢝ΊΔ
    ͦΕͧΕ୯ޠɾจষɾஈ
    མ୯Ґͷબ୒Ϟʔυ
    ͍ͣΕ΋ͳ͍͜ͱ͕͋Δ
    J04
    w %λονͰ୯ޠ୯ମબ୒Ϟʔυ
    w μϒϧ%λονͰจষબ୒Ϟʔυ
    w τϦϓϧ%λονͰஈམબ୒Ϟʔυ
    ϩϯάλοϓதʹάοά
    ͬͱԡ͢ͱͰ͖Δ
    "OESPJE w ͳ͠

    View full-size slide

  151. σεΫτοϓͱϞόΠϧ
    w ςΩετͷબ୒Ϟʔυมߋ
    !152
    ૢ࡞ ίϝϯτ
    σεΫτοϓ
    w μϒϧλοϓԡԼ͔Β࢝ΊΔ
    w τϦϓϧλοϓԡԼ͔Β࢝ΊΔ
    w ճλοϓԡԼ͔Β࢝ΊΔ
    ͦΕͧΕ୯ޠɾจষɾஈ
    མ୯Ґͷબ୒Ϟʔυ
    ͍ͣΕ΋ͳ͍͜ͱ͕͋Δ
    J04
    w %λονͰ୯ޠ୯ମબ୒Ϟʔυ
    w μϒϧ%λονͰจষબ୒Ϟʔυ
    w τϦϓϧ%λονͰஈམબ୒Ϟʔυ
    ϩϯάλοϓதʹάοά
    ͬͱԡ͢ͱͰ͖Δ
    "OESPJE w ͳ͠

    View full-size slide

  152. σεΫτοϓͱϞόΠϧ
    w ςΩετͷબ୒
    !153
    ૢ࡞ ίϝϯτ
    σεΫτοϓ
    w μϒϧΫϦοΫ
    w τϦϓϧΫϦοΫ
    w ճΫϦοΫ
    ͦΕͧΕ୯ޠɾจষɾஈ
    མ୯Ґͷબ୒
    ͍ͣΕ΋ͳ͍͜ͱ͕͋Δ
    J04
    w μϒϧλοϓ
    w %λον
    "OESPJE w μϒϧλοϓ

    View full-size slide

  153. σεΫτοϓͱϞόΠϧ
    w ςΩετͷબ୒ൣғͷमਖ਼
    !154
    ૢ࡞ ίϝϯτ
    σεΫτοϓ w 4IJGUΩʔʴΫϦοΫ
    ։࢝Ґஔͷมߋ͸Ͱ͖ͳ
    ͍
    J04 w બ୒ൣғͷΧʔιϧΛυϥοά બ୒ൣғΛमਖ਼Ͱ͖Δ
    "OESPJE w બ୒ൣғͷΧʔιϧΛυϥοά બ୒ൣғΛमਖ਼Ͱ͖Δ

    View full-size slide

  154. σεΫτοϓͱϞόΠϧ
    w ςΩετͷબ୒ൣғͷमਖ਼
    !155
    ૢ࡞ ίϝϯτ
    σεΫτοϓ w 4IJGUΩʔʴΫϦοΫ
    ։࢝Ґஔͷมߋ͸Ͱ͖ͳ
    ͍
    J04 w બ୒ൣғͷΧʔιϧΛυϥοά બ୒ൣғΛमਖ਼Ͱ͖Δ
    "OESPJE w બ୒ൣғͷΧʔιϧΛυϥοά બ୒ൣғΛमਖ਼Ͱ͖Δ

    View full-size slide

  155. σεΫτοϓͱϞόΠϧ
    w جຊతͳจࣈྻબ୒ͷ6*ʢΩʔϘʔυҎ֎͔Βͷૢ࡞ʣ
    w ࢦͷૢ࡞ਫ਼౓͕௿͍ͷͰͦΕΛิ͏ૢ࡞͕ଟ͍
    w J04ͱ"OESPJEͰ΋͚ͬ͜͏ҧ͏
    !156

    View full-size slide

  156. ༨ஊJ04ͱςΩετ
    w TFU"UUSJCVUFE.BSLFE5FYUʹΑΔະ֬ఆจࣈྻͷ૷০
    w IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOVJLJU
    VJUFYUJOQVUTFUBUUSJCVUFENBSLFEUFYU
    w ະ֬ఆจࣈྻͷαʔυύʔςΟΩʔϘʔυ΁ͷ։์
    w IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOVJLJU
    VJUFYUEPDVNFOUQSPYZTFUNBSLFEUFYU
    w IUUQTXXXBQQMFDPNKQJPTJPTQSFWJFXGFBUVSFT
    w ຊࢦεϫΠϓͰͷऔΓফ͠ɾ΍Γ௚͠
    w ຊࢦͰͷίϐʔɾΧοτˍϖʔετ
    w ճλοϓճλοϓͰจষஈམͷબ୒
    !157

    View full-size slide

  157. σ
    ε
    Ϋ
    τ

    ϓ
    ͱ
    Ϟ
    ό
    Π
    ϧ
    w
    σ
    ε
    Ϋ
    τ

    ϓ

    w


    Ω
    ʔ
    Ϙ
    ʔ
    υ

    w
    Ϟ
    ό
    Π
    ϧ

    w
    ι
    ϑ
    τ
    ΢

    Ξ
    Ω
    ʔ
    Ϙ
    ʔ
    υ
    ɾ
    Ի




    w


    ͖
    Τ
    σ

    λ


    ͷ



    w
    ι
    ϑ
    τ
    Ω
    ʔ
    Ϙ
    ʔ
    υ
    WT
    Ϧ
    ϑ
    ϩ
    ʔ
    !158

    View full-size slide

  158. "OESPJE࣮૷
    w "OESPJEͷ࣮૷
    w BOESPJEXJEHFU5FYU7JFXͷΑ͏ͳΧελϜ7JFX
    w ςΩετϏϡʔΞΛ࣮૷
    w ςΩετબ୒ͷ6*Λ࣮૷
    w 7JFXͰPO$SFBUF*OQVU$POOFDUJPOΛ࣮૷
    w Ωʔϫʔυɿ#BTF*OQVU$POOFDUJPO
    !159

    View full-size slide

  159. "OESPJE࣮૷ʹ͍ͭͯৄ͘͠
    w %SPJE,BJHJʮθϩ͔Β࣮૷͢Δॎॻ͖5FYU7JFXͱ
    ͦͷपลٕज़ʯ
    w IUUQTTQFBLFSEFDLDPNDDWFSUJDBM
    UFYUWJFXGSPNTDSBUDIBOESFMBUFEUFDIOPMPHJFT
    !160

    View full-size slide

  160. J04࣮૷
    w J04ͷ࣮૷
    w 6*5FYU7JFXͷΑ͏ͳΧελϜ7JFX
    w ςΩετϏϡʔΞΛ࣮૷
    w ςΩετબ୒ͷ6*Λ࣮૷
    w 6*7JFXͰ6*5FYU*OQVUΛ࣮૷
    !161

    View full-size slide

  161. J04࣮૷ʹ͍ͭͯৄ͘͠
    w J04%$ʮ6*7JFXͱ6*5FYU*OQVUͰ࡞Δॎॻ͖ͷ
    5FYU7JFXʯ
    w IUUQTTQFBLFSEFDLDPNDDWFSUJDBM
    UFYUWJFXCBTFEPOVJWJFXXJUIVJUFYUJOQVU
    !162

    View full-size slide

  162. ·ͱΊ
    w ॎॻ͖ΤσΟλͷ࡞Γํ
    w QMBUGPSNJOEFQFOEFOUͳ࿩
    w จࣈίʔυ
    w ϑΥϯτඳը
    w QMBUGPSNTQFDJpDͳ࿩
    w *.&ͱͷΠϯλϑΣʔεʹ͍ͭͯ
    w ୺຤಺ͷϑΥϯτಡΈࠐΈํ๏
    w ਐԽ͢ΔϞόΠϧͷςΩετΤσΟλͷ6*
    !164

    View full-size slide

  163. 8ʹ͍ͭͯิ଍
    w 8ϒϥ΢βͰॎॻ͖ฤू͢Δ৔߹
    w XSJUJOHNPEFWFSUJDBMSMWFSUJDBMMS
    w DPOUFOUFEJUBCMFUSVF
    !166
    ϒϥ΢β දࣔ/ฤू
    Firefox Մೳ
    Enge Մೳ
    Safari Մೳ
    Google Chrome
    ෆՄೳͰ͸ͳ͍
    ʢ্Լࠨӈʹਖ਼͘͠ಈ͚ͳ͍ʣ

    View full-size slide

  164. ࠓޙ
    w 8Ϋϥ΢υػೳ
    w σεΫτοϓ൛ͷ࠶࣮૷
    w 6*͕΍͹͍
    w (16ʹΑΔϨϯμϦϯά
    w .VMUJDIBOOFM4%'
    w 47(ΧϥʔֆจࣈରԠ
    !167

    View full-size slide