Cloudflareを活用したWebフォントサービスの概要

Cloudflare Meet-up Osaka #5
「Cloudflareを活用したWebフォントサービスの概要」
の資料になります。
https://cfm-cts.connpass.com/event/332122/

Transcript

1. @ Morisawa Inc. $MPVE fl BSFΛ׆༻ͨ͠
   8FCϑΥϯταʔϏεͷ֓ཁ גࣜձࣾϞϦαϫ
   খࣨ
   و࢙
2. @ Morisawa Inc. 2 w ࣗݾ঺հ
   w גࣜձࣾϞϦαϫͷ঺հ
   w طଘͷ8FCϑΥϯταʔϏεͱͷҧ͍
   w ΞʔΩςΫνϟ
   w ·ͱΊ ΞδΣϯμ
3. @ Morisawa Inc. 3 ࣗݾ঺հ ໊લɿখࣨ
   و࢙ʢ͓ΉΖ
   ͔ͨ;Έʣ
   ॴଐɿגࣜձࣾϞϦαϫ
   ɹɹɹγεςϜ։ൃ෦໳
   ɹɹɹγχΞςοΫϚωʔδϟʔ
   ࢓ࣄɿςοΫϦʔυ
   ɹɹɹ"84
   ΠϯϑϥΤϯδχΞ
   झຯɿόΠΫ :;'3
   ʹލΔຊਓ
4. @ Morisawa Inc.
5. @ Morisawa Inc. 5 ૑ۀͷϧʔπͰ͋Δࣸਅ২ࣈػൃ໌͔Β
   प೥Λܴ͑ͨ࿝ฮاۀ גࣜձࣾϞϦαϫ ೥
   ࣸਅͷݪཧͰจࣈΛݱͯ͠૊Ήํ๏Λ
   ੈքʹઌۦ͚ͯൃ໌͠ʮ๜จࣸਅ২ࣈػʯΛಛڐਃ੥
6. @ Morisawa Inc. 6 ػց͔Βిࢠɺͦͯ͠ϑΥϯτ΁ ౓ͷେ͖ͳมֵ ೥
   ࣸਅ২ࣈػ
   ʮ"ܕʯ ೥
   ిࢉࣸਅ২ࣈػ
   ʮϥΠϊτϩϯ&5ʯ ೥
   ϙετεΫϦϓτ
   ϑΥϯτ
7. @ Morisawa Inc. 7 ෺ཧഔମ͔ΒΫϥ΢υ΁ ϑΥϯτൢചํ๏΋มֵ ೥
   0QFO5ZQFϑΥϯτ
   ύοέʔδ
   ചΓ੾Γ ೥
   .03*4"8"
   1"441035
   ύοέʔδ
   αϒεΫϦϓγϣϯ ೥
   .PSJTBXB
   'POUT
   Ϋϥ΢υ
   αϒεΫϦϓγϣϯ
8. @ Morisawa Inc. 8 ෺ཧഔମ͔ΒΫϥ΢υ΁ ϑΥϯτൢചํ๏΋มֵ ೥
   0QFO5ZQFϑΥϯτ
   ύοέʔδ
   ചΓ੾Γ ೥
   .03*4"8"
   1"441035
   ύοέʔδ
   αϒεΫϦϓγϣϯ ೥
   .PSJTBXB
   'POUT
   Ϋϥ΢υ
   αϒεΫϦϓγϣϯ
9. !
   .PSJTBXB
   *OD
10. @ Morisawa Inc. 10 ϞϦαϫͷطଘͷ8FCϑΥϯταʔϏεͱͷҧ͍ 5ZQF4RVBSF .PSJTBXB
    'POUT ϦϯΫઌ +BWB4DSJQU $44 αϒηοτํࣜ ಈత ੩త
    ʢࣄલ෼ׂʣ ϑΥϯτબ୒ શͯར༻Մೳ
    ʢ্Ґϓϥϯʣ ࣄલબ୒ w $44ͷͨΊར༻ઌͷαʔόʔͷબ୒ࢶ͕+BWB4DSJQUΑΓଟ͍
    w (PPHMF
    'POUTͱಉ͡Α͏ͳ࢖͍উखͷͨΊऔͬ෇͖қ͍
11. @ Morisawa Inc. 11 5ZQF4RVBSF .PSJTBXB
    'POUT ϦϯΫઌ +BWB4DSJQU $44 αϒηοτํࣜ ಈత ੩త
    ʢࣄલ෼ׂʣ ϑΥϯτબ୒ શͯར༻Մೳ
    ʢ্Ґϓϥϯʣ ࣄલબ୒ w +BWB4DSJQU͕ίϯςϯπ૞ࠪޙɺඞཁͳจࣈ͚ͩΛऔಘ
    w จࣈηοτͷ࠷దԽ͕ߦΘΕΔ͕ɺॲཧʹ͕࣌ؒඞཁ طଘͷϞϦαϫ8FCϑΥϯταʔϏεͱͷҧ͍
12. @ Morisawa Inc. 12 5ZQF4RVBSF .PSJTBXB
    'POUT ϦϯΫઌ +BWB4DSJQU $44 αϒηοτํࣜ ಈత ੩త
    ʢࣄલ෼ׂʣ ϑΥϯτબ୒ શͯར༻Մೳ
    ʢ্Ґϓϥϯʣ ࣄલબ୒ w $44ͷඪ४ػೳͳͨΊϒϥ΢βͷ൑அͰॲཧΛ͢Δ
    w ͋Δఔ౓େ͖ͳմʹ෼ׂ͍ͯ͠ΔͨΊจࣈηοτ͸࠷దԽͰ͖ͳ͍
    w Ωϟογϡ͕ޮ͘ͷͰҰ౓ϑΥϯτ͕౰ͨΔͱૣ͍ طଘͷϞϦαϫ8FCϑΥϯταʔϏεͱͷҧ͍
13. @ Morisawa Inc. 13 5ZQF4RVBSF .PSJTBXB
    'POUT ϦϯΫઌ +BWB4DSJQU $44 αϒηοτํࣜ ಈత ੩త
    ʢࣄલ෼ׂʣ ϑΥϯτબ୒ શͯར༻Մೳ
    ʢ্Ґϓϥϯʣ ࣄલબ୒ w ίϯςϯπ࣍ୈͰͲͪΒ΋༗༻ͳέʔε͕ଘࡏ͢Δ
    w .PSJTBXB
    'POUTͷ΄͏͕ૣ͍έʔε͸ଟ͍
    w +BWB4DSJQUͷΦʔόʔϔου͕ແ͘Ωϟογϡ΋ޮͨ͘Ί طଘͷϞϦαϫ8FCϑΥϯταʔϏεͱͷҧ͍
14. @ Morisawa Inc. 14 طଘͷϞϦαϫ8FCϑΥϯταʔϏεͱͷҧ͍ 5ZQF4RVBSF .PSJTBXB
    'POUT ϦϯΫઌ +BWB4DSJQU $44 αϒηοτํࣜ ಈత ੩త
    ʢࣄલ෼ׂʣ ϑΥϯτબ୒ શͯར༻Մೳ
    ʢ্Ґϓϥϯʣ ࣄલબ୒ w બ୒ͨ͠ϑΥϯτ͚ͩͷ$44͕ੜ੒͞ΕΔ
    w ແ੍ݶʹϑΥϯτΛར༻͢Δ͜ͱ͸ݱ࣮తͰ͸ͳ͍
    w ঎඼ͱͯ͠΋ར༻ϑΥϯτ਺ͷ্ݶΛઃ͚͍ͯΔ
15. !
    .PSJTBXB
    *OD ΞʔΩςΫνϟ
16. @ Morisawa Inc. 16 8FCϑΥϯταʔϏεΛ৽ͨʹ$MPVE fl BSFͰߏங 8PSLFST % .PSJTBXB
    'POUT
    8FCϑΥϯταʔϏε .PSJTBXB
    'POUT
    &$αΠτσεΫτοϓϑΥϯτ 3 "OBMZUJDT
17. @ Morisawa Inc. 17 8FCϑΥϯταʔϏε͸υϝΠϯ͕ҧ͏ 8PSLFST % 3 "OBMZUJDT .PSJTBXB
    'POUT
    8FCϑΥϯταʔϏε .PSJTBXB
    'POUT
    &$αΠτσεΫτοϓϑΥϯτ NPSJTBXBGPOUTOFU NPSJTBXBGPOUTDPN υϝΠϯΛม͑Δ͜ͱʹΑΓ
    &$αΠτͱΫοΩʔͷ
    ڞ༗Λ๷͙
18. @ Morisawa Inc. 18 8FCϑΥϯτʹ഑৴ઌυϝΠϯͱϑΥϯτΛొ࿥ 8PSLFST % 3 "OBMZUJDT .PSJTBXB
    'POUT
    8FCϑΥϯταʔϏε .PSJTBXB
    'POUT
    &$αΠτσεΫτοϓϑΥϯτ 8FCϑΥϯτ
    ഑৴ઌυϝΠϯઃఆ
    ར༻ϑΥϯτઃఆ $44ϑΝΠϧ
    ϑΥϯτϑΝΠϧ ഑৴ઌυϝΠϯ
19. @ Morisawa Inc. 19 8PSLFST % .PSJTBXB
    'POUT
    8FCϑΥϯταʔϏε .PSJTBXB
    'POUT
    &$αΠτσεΫτοϓϑΥϯτ 3 "OBMZUJDT 8PSLFST͸)POPΛར༻ )POP🔥
20. @ Morisawa Inc. 20 8PSLFST % .PSJTBXB
    'POUT
    8FCϑΥϯταʔϏε .PSJTBXB
    'POUT
    &$αΠτσεΫτοϓϑΥϯτ 3 "OBMZUJDT 8FCϖʔδΞΫηε࣌ʹ8PFSLFSTʴ%ͰυϝΠϯνΣοΫ υϝΠϯνΣοΫ 8FCϖʔδ
    ΞΫηε
21. @ Morisawa Inc. 21 8PSLFST % .PSJTBXB
    'POUT
    8FCϑΥϯταʔϏε .PSJTBXB
    'POUT
    &$αΠτσεΫτοϓϑΥϯτ 3 "OBMZUJDT ڐՄ͞ΕͨυϝΠϯͰ͋Ε͹3͔Β$44Λ഑৴ $44഑৴
    $44͔ΒϑΥϯτΛࢀর 8FCϖʔδ
    ΞΫηε
22. @ Morisawa Inc. 22 8PSLFST % .PSJTBXB
    'POUT
    8FCϑΥϯταʔϏε .PSJTBXB
    'POUT
    &$αΠτσεΫτοϓϑΥϯτ 3 "OBMZUJDT $44Λ഑৴ͨ͠৔߹͸"OBMZUJDTʹ17ϩάΛอଘ 17ϩάอଘ 8FCϖʔδ
    ΞΫηε ఆظతʹ
    ϩά৘ใऔಘ
23. @ Morisawa Inc. $MPVE fl SBSF
    
    )POP
    ৽ͨͳ8FCαʔϏε͕Ͱ͖·ͨ͠
24. @ Morisawa Inc. 24 w .PSJTBXB
    'POUTʹ8FCϑΥϯταʔϏεͷϓϥϯΛ௥Ճ
    υϝΠϯͱϑΥϯτΛઃఆͯ͠ར༻
    $44Λࢀর͢Δ͜ͱʹΑΓར༻Մೳ
    w $MPVE fl BSFΛ׆༻
    ϑϨʔϜϫʔΫʹ͸)POPΛ࠾༻
    w ొ࿥͞ΕͨυϝΠϯͷΈ഑৴Λߦ͏
    w ഑৴͕੒ޭͨ͠৔߹ʹ͸17ͷϩάΛ࢒͢
    17͸ఆظతʹ&$αΠτ΁൓ө
    w چདྷͷ8FCϑΥϯταʔϏεͱҧ͍ΫϥΠΞϯτଆͷ+BWB4DSJQU͕ෆཁ
    w γϯϓϧͳ࣮૷ͳͷͰӡ༻ίετ΋௿͍
    w $44ͷඪ४ػೳ͚ͩͰಈ࡞ ·ͱΊ εύΠΫΞΫηεʹ΋ڧ͍8FCϑΥϯταʔϏεͷ׬੒ʂ
25. @ Morisawa Inc. ͋Γ͕ͱ͏͍͟͝·ͨ͠ IUUQTXXXNPSJTBXBDPKQBCPVUSFDSVJU