Breaking the news in Japan: building the modern web in the far east

A lightning talk at McrFRED 62, Manchester, England
https://s10wen.com/blog/2018/07/01/mcrfred-62-andrew-betts/

Links:
- Nikkei https://r.nikkei.com
- Web performance made easy (Google I/O ’18) https://youtu.be/Mv-l3-tJgGk

Transcript

1. 1
   #SFBLJOHUIFOFXTJO+BQBO
   CVJMEJOHUIFNPEFSOXFCJOUIFGBSFBTU
   4IVOZB4IJTIJEP
   

   View Slide

2. 2
   4IVOZB4IJTIJEP!TJTJEPWTLJ
   5PLZPCBTFEXFCEFWFMPQFS
   8PSLGPS/JLLFJ
   4UBZJOHBU-POEPOOPX
   IUUQTTJTJEPWTLJ
   IUUQTUXJUUFSDPNTJTJEPWTLJ
   

   View Slide

3. 3
   -BSHFTUCVTJOFTTOFXTQBQFSJO+BQBO
   .PSFUIBONJMMJPOSFBEFST
   'PVOEFEZFBSTBHP
   1BSFOUDPNQBOZPGUIF'JOBODJBM5JNFT
   /JLLFJ
   

   View Slide

4. 4
   4FQBSBUFEXFCTJUF
   0VUTPVSDJOH
   $PNQMJDBUFE
   #BDLHSPVOE
   

   View Slide

5. 5
   5IJTJTXIBUXF`SFNBLJOH
   3FTQPOTJWF
   'BTU
   4JNQMF
   18"
   IUUQTSOJLLFJDPN
   

   View Slide

6. 6
   3FDFOUXPSLMJWFCMPHHJOH
   

   View Slide

7. 7
   .BLFUIFOFXTCFUUFS
   XJUINPEFSOXFCUFDIOPMPHZ
   

   View Slide

8. 8
   5IJOHTXFEJE
   8FCQFSGPSNBODFNBEFFBTZ (PPHMF*0`
   IUUQTZPVUVCF.WMU+H(L
   

   View Slide

9. 9
   5IJOHTXFEJE
   8FCQFSGPSNBODFNBEFFBTZ (PPHMF*0`
   IUUQTZPVUVCF.WMU+H(L
   

   View Slide

10. 10
    5JQTJO+BQBO
    

    View Slide

11. 11
    ̸̴̢̻̱͈̈́̓̓
    

    View Slide

12. 12
    7FSUJDBMUFYU
    

    View Slide

13. View Slide

14. View Slide

15. View Slide

16. View Slide

17. 17
    $POWFSUl̸̷̛̻̻̬̳̈́̓zUP
    TJOHMFCZUFDIBST
    %SPQGVMMXJEUITQBDFT
    4FUBQQSPQSJBUFNBSHJOJOTUFBE
    

    View Slide

18. 18
    'JYFE MPPLTHPPE✌
    

    View Slide

19. 19
    8PSEXSBQQJOH
    

    View Slide

20. View Slide

21. View Slide

22. 22
    TQBODMBTTlXPSEXSBQzԁٸ৳TQBO
    TQBODMBTTlXPSEXSBQҰ࣌TQBO
    TQBODMBTTlXPSEXSBQԁ୆TQBO
    TQBODMBTTlXPSEXSBQલ൒TQBO
    TQBODMBTTlXPSEXSBQzτϥϯϓࢯ͕TQBO
    TQBODMBTTlXPSEXSBQzυϧߴTQBO
    TQBODMBTTlXPSEXSBQ͚Μ੍TQBO
    XPSEXSBQ\
    EJTQMBZJOMJOFCMPDL
    ^
    )5.-
    $44
    

    View Slide

23. 23
    Don’t use custom font
    

    View Slide

24. 24
    )VHFpMFTJ[F
    '065 'MBTIPG6OTUZMFE5FYU
    
    

    View Slide

25. 25
    *GOFFEFEʜ
    6OJDPEFSBOHFTVCTFUUJOHPOMZVTF
    ͻΒ͕ͳ)JSBHBOB
    ΧλΧφ,BUBLBOB
    ׽ࣈ,BOKJ QSJNBSZ
    
    ͖͝͏"MQIBCFU
    0QUJNJ[FDBDIFQPMJDZ
    $BDIF$POUSPM $BDIF"1*
    $POTJEFSDSJUJDBMQBUIBOESFOEFSJOHTUSBUFHZ
    'POU-PBEJOH"1* GPOUEJTQMBZ
    

    View Slide

26. 26
    #VJMEJOHNPEFSOXFC
    18"
    1FSGPSNBODFJNQSPWFNFOUT
    .VMUJCZUFMBOHVBHF
    7FSUJDBMUFYU
    8PSEXSBQQJOH
    8FCGPOUT
    4VNNBSZ
    

    View Slide

27. 27
    5IBOLZPV
    

    View Slide