進化するAMPとはてなブログ / AMP and HatenaBlog Evolve

Hatena Engineer Seminar #12 (2019/06/26, 2019/07/03)

Transcript

1. ਐԽ͢Δ".1ͱ
   ͸ͯͳϒϩά JE
   IPHBTIJ )BUFOB
   &OHJOFFS
   4FNJOBS
   
2. גࣜձࣾ͸ͯͳ
   
   ೖࣾ
   ΞϓϦέʔγϣϯΤϯδχΞ
   ͸ͯͳϒϩά
   1FSM
   
   +BWB4DSJQU JEIPHBTIJ
3. JEIPHBTIJ 
   ೖࣾ
4. JEIPHBTIJ 
   ೖࣾ
   ৽ଔͰ͢
5. ࿩͢͜ͱ ".1
   ͷ঺հ
   ͸ͯͳϒϩά
   ʹ͓͚Δ
   ".1
   ͷ঺հ
   ".1
   ͷਐԽ
   ͸ͯͳϒϩά
   ͷਐԽ
6. ".1
   IUNM
   ⚡
   ϨϯμϦϯά͕଎͍
7. ".1 ߴ଎ʹදࣔͰ͖Δ
   8FC
   ϖʔδΛ
   ؆୯ʹͭͬͨ͘Γ͢ΔͨΊͷ
   Φʔϓϯιʔεͳ
   8FC
   ϑϨʔϜϫʔΫ
8. ".1 8FC
   ϖʔδΛߴ଎ʹදࣔ
   
9. ".1 8FC
   ϖʔδΛߴ଎ʹදࣔ
   ഑৴
   ϨϯμϦϯά
10. ܾ·ͬͨܗͰॻ͘
    ".1
    )5.-
    ϨϯμϦϯά
11. ܾ·ͬͨܗͰॻ͘
    ".1
    )5.-
    ϥϯλΠϜΛಡΈࠐΉ
    ".1
    +4 ϨϯμϦϯά
12. ܾ·ͬͨܗͰॻ͘
    ".1
    )5.-
    ϥϯλΠϜΛಡΈࠐΉ
    ".1
    +4 ".1
    +4
    ͕
    ".1
    )5.-
    Λ
    ϨϯμϦϯά ϨϯμϦϯά
13. ߴ଎ͳϨϯμϦϯάͷͨΊʹ੍ݶ͕͋Δ
    ".1
    )5.-
14. ߴ଎ͳϨϯμϦϯάͷͨΊʹ੍ݶ͕͋Δ
    ɾࣗ༝ͳ
    TDSJQU
    ͸ॻ͚ͳ͍
    ɾJNH
    Ͱ͸ͳ͘
    BNQJNH
    w XJEUI
    IFJHIU
    ͷࢦఆ͕ඞਢ ".1
    )5.- ͳͲ
15. ϘΠϥʔϓϨʔτΛίϐϖͯ͠ ".1
    )5.-
    Խ IUUQTBNQEFWEPDVNFOUBUJPOHVJEFTBOEUVUPSJBMTTUBSUDSFBUFCBTJD@NBSLVQ
    
16. ϘΠϥʔϓϨʔτΛίϐϖͯ͠ ".1
    )5.-
    Խ <img ... /> <amp-img ... ></amp-img> IUUQTBNQEFWEPDVNFOUBUJPOHVJEFTBOEUVUPSJBMTTUBSUDSFBUFCBTJD@NBSLVQ
    ݩͷ
    )5.-
    ͷ಺༰Λ
    ".1
    )5.-
    ʹॻ͖׵͑Δ
17. ഑৴ ".1
    $BDIF
18. ༗ޮͳ
    ".1
    ϖʔδͷΈ
    ࠷దԽΛߦͬͯ
    $%/
    ܦ༝Ͱߴ଎ʹ഑৴ ഑৴ ".1
    $BDIF
19. ഑৴ ".1
    $BDIF (PPHMF
    $MPVEqBSF
    ͳͲ͕୲౰ ༗ޮͳ
    ".1
    ϖʔδͷΈ
    ࠷దԽΛߦͬͯ
    $%/
    ܦ༝Ͱߴ଎ʹ഑৴
20. ߴ଎ͳϨϯμϦϯά
    ߴ଎ͳίϯςϯπ഑৴ ".1 ⚡
21. ".1
    ͕Α͘ग़ͯ͘Δ৔ॴ εϚϗͰͷ
    (PPHMF
    ݕࡧ݁Ռ
    ͸ͯͳϒοΫϚʔΫͷεϚϗΞϓϦ
    5XJUUFS
    ͷεϚϗΞϓϦ ͳͲ
22. ".1
    ͕Α͘ग़ͯ͘Δ৔ॴ
23. ͸ͯͳϒϩά
    ʹ͓͚Δ
    ".1
24. ͸ͯͳϒϩά
    ʹ͓͚Δ
    ".1 :"1 BDIJNPO $"TJB
    )BDIJPKJ
    
    Ͱͷൃද IUUQTCMPHTVTIJNPOFZFOUSZZBQDPKJ
25. ͸ͯͳϒϩά
    ʹ͓͚Δ
    ".1 ͸ͯͳϒϩά
    ͱ͸ ೥͔Βఏڙ͍ͯ͠ΔϒϩάαʔϏε ݱࡏ
    ೥໨
26. ͸ͯͳϒϩά
    ʹ͓͚Δ
    ".1 هࣄͷ
    ".1
    ൛Λ഑৴͢Δػೳ IUUQTEFWFMPQFSIBUFOBTUB⒎DPNFOUSZ BNQ )BUFOB
    5FDI
    #PPLΛࢧ͑Δٕज़
    
    )BUFOB
    %FWFMPQFS
    #MPH FH IUUQIFMQIBUFOBCMPHDPNFOUSZBNQ
27. ".1 ௨ৗ
28. ϘΠϥʔϓϨʔτΛίϐϖͯ͠ ".1
    )5.-
    Խ
    ࠶ܝ <img ... /> <amp-img ... ></amp-img> IUUQTBNQEFWEPDVNFOUBUJPOHVJEFTBOEUVUPSJBMTTUBSUDSFBUFCBTJD@NBSLVQ
    ݩͷ
    )5.-
    ͷ಺༰Λ
    ".1
    )5.-
    ʹॻ͖׵͑Δ
29. ͸ͯͳϒϩά
    ʹ͓͚Δ
    ".1 ͸ͯͳϒϩά هࣄʹ೚ҙͷ
    )5.-
    Λॻ͚Δ
30. ϘΠϥʔϓϨʔτΛίϐϖͯ͠ ϒϩάهࣄͷ
    ".1
    )5.-
    Խ <img ... /> <amp-img ... ></amp-img> IUUQTBNQEFWEPDVNFOUBUJPOHVJEFTBOEUVUPSJBMTTUBSUDSFBUFCBTJD@NBSLVQ
    ݩͷ
    )5.-
    ͷ಺༰Λ
    ".1
    )5.-
    ʹॻ͖׵͑Δ
31. ϘΠϥʔϓϨʔτΛίϐϖͯ͠ ϒϩάهࣄͷ
    ".1
    )5.-
    Խ <img ... /> <amp-img ... ></amp-img> IUUQTBNQEFWEPDVNFOUBUJPOHVJEFTBOEUVUPSJBMTTUBSUDSFBUFCBTJD@NBSLVQ
    ݩͷ
    )5.-
    ͷ಺༰Λ
    ".1
    )5.-
    ʹॻ͖׵͑Δ
32. ϘΠϥʔϓϨʔτΛίϐϖͯ͠ ϒϩάهࣄͷ
    ".1
    )5.-
    Խ <img ... /> <amp-img ... ></amp-img> IUUQTBNQEFWEPDVNFOUBUJPOHVJEFTBOEUVUPSJBMTTUBSUDSFBUFCBTJD@NBSLVQ
    ೚ҙͷ
    )5.-
    Λ
    ".1
    )5.-
    ʹॻ͖׵͑Δ
33. ͸ͯͳϒϩά
    ʹ͓͚Δ
    ".1 ͸ͯͳϒϩά هࣄʹ೚ҙͷ
    )5.-
    ͕ॻ͚Δ ࣗಈͰ
    ".1
    )5.-
    ʹ
    ॻ͖׵͍͑ͯ·͢
34. ࣗಈͰ
    ".1
    )5.-
    ʹॻ͖׵͑Δ JNH
    ˠ
    BNQJNH
    JGSBNF
    ˠ
    BNQJGSBNF
    5XJUUFS
    Χʔυ
    ˠ
    BNQUXJUUFS
    ộ
    ॻ͖׵͑ϙϦγʔΛॻ͘
35. ࣗಈͰ
    ".1
    )5.-
    ʹॻ͖׵͑Δ JNH
    ˠ
    BNQJNH
    JGSBNF
    ˠ
    BNQJGSBNF
    5XJUUFS
    Χʔυ
    ˠ
    BNQUXJUUFS
    ộ
    UZQP
    ͳͲ͸༧ଌෆՄೳ ॻ͖׵͑ϙϦγʔΛॻ͘
36. ഑৴
    ࠶ܝ ".1
    $BDIF (PPHMF
    $MPVEqBSF
    ͳͲ͕୲౰ ༗ޮͳ
    ".1
    ϖʔδͷΈ
    ࠷దԽΛߦͬͯ
    $%/
    ܦ༝Ͱߴ଎ʹ഑৴
37. ".1
    )5.-
    ͕ෆ׬શͩͱ
    Ωϟογϡͯ͠΋Β͑ͳ͍ ࣗಈͰ
    ".1
    )5.-
    ʹॻ͖׵͑Δ
38. ༗ޮͳ
    ".1
    )5.-
    ͔Ͳ͏͔Λ
    ".1
    όϦσʔλ͕൑அ ࣗಈͰ
    ".1
    )5.-
    ʹॻ͖׵͑Δ
39. ༗ޮͳ
    ".1
    )5.-
    ͔Ͳ͏͔Λ
    ".1
    όϦσʔλ͕൑அ ࣗಈͰ
    ".1
    )5.-
    ʹॻ͖׵͑Δ ".1
    όϦσʔλ͸
    όϦσʔγϣϯϧʔϧʹैͬͯಈ͘
40. ࣗಈͰ
    ".1
    )5.-
    ʹॻ͖׵͑Δ ".1
    όϦσʔλͰΤϥʔʹͳΔՕॴΛ
    όϦσʔγϣϯϧʔϧʹैͬͯमਖ਼͢Ε͹Α͍
41. ࣗಈͰ
    ".1
    )5.-
    ʹॻ͖׵͑Δ JNH
    ˠ
    BNQJNH
    JGSBNF
    ˠ
    BNQJGSBNF
    5XJUUFS
    Χʔυ JGSBNF
    ˠ
    BNQUXJUUFS
    ộ
    
    ".1
    όϦσʔλͷ
    όϦσʔγϣϯϧʔϧʹԊͬͯमਖ਼  ॻ͖׵͑ϙϦγʔΛॻ͘
42. ࣗಈͰ
    ".1
    )5.-
    Λ௚͢ ".1
    όϦσʔλͷ
    όϦσʔγϣϯϧʔϧ ".1
    ެࣜͷϦϙδτϦʹ͋Δ
    IUUQTHJUIVCDPNBNQQSPKFDUBNQIUNMCMPC NBTUFSWBMJEBUPSWBMJEBUPSNBJOQSPUPBTDJJ
43. λά͝ͱʹϧʔϧ͕͋Δ
    1SPUPDPM
    #VGGFST
    +40/
    ʹ௚ͯ͠ࢀর
    σόοά࣌͸໨ͰಡΉ όϦσʔγϣϯϧʔϧ
44. ϧʔϧʹແ͍λά͸ফ͢
    ྫ
    GPOU
    ଐੑͷ஋Λ௚͢
    ྫ
    UBSHFUIPHF
    
    
    
    
    ˠ
    UBSHFU@CMBOL ࣗಈͰ
    ".1
    )5.-
    Λ௚͢ ͳͲ
45. όϦσʔγϣϯϧʔϧ͕ߋ৽͞ΕͨΒ
    GFUDI
    ͢Δ͚ͩͰߋ৽׬ྃ ࣗಈͰ
    ".1
    )5.-
    Λ௚͢
46. όϦσʔγϣϯϧʔϧΛࢀরͯ͠
    Ͱ͖Δ͚ͩमਖ਼͢Δ ࣗಈͰ
    ".1
    )5.-
    Λ௚͢ πʔϧͱͯ͠ެ։͠·ͨ͠
    IUUQTHJUIVCDPNIPHBTIJBNQBVUPpY ͓࢖͍͍ͩ͘͞
47. ".1
    ͷਐԽ
48. 
    ೥ʹ
    "DDFMFSBUFE
    .PCJMF
    1BHFT
    ͱͯ͠ొ৔ ".1
    ͷਐԽ
49. ϞόΠϧʹݶఆ͠ͳ͍ ".1
    ͷਐԽ
50. "DDFMFSBUFE
    .PCJMF
    1BHFT
    ".1 ".1 ϞόΠϧʹݶఆ͠ͳ͍ ".1
    ͷਐԽ
51. 8FC
    ϑϨʔϜϫʔΫͱͯ͠޿͘࢖͑Δ
    1$
    ͳͲͰ΋ݟΒΕΔ ϞόΠϧʹݶఆ͠ͳ͍ ".1
    ͷਐԽ
52. ".1
    $POG
    
    ͳͲʹৄ͍͠
    IUUQTBNQEFWKBFWFOUTBNQDPOG ΄͔ʹ΋͍Ζ͍Ζ ".1
    ͷਐԽ
53. ͸ͯͳϒϩά
    ͷਐԽ
54. ·ͣ͸جૅݻΊ͔Β هࣄͷ
    ".1
    ൛
    ഑৴ػೳΛվળ͍ͨ͠ ͸ͯͳϒϩά
    ͷਐԽ
55. ͸ͯͳϒϩά
    ͷਐԽ όϦσʔγϣϯϧʔϧͷߋ৽
56. όϦσʔγϣϯϧʔϧ͕ߋ৽͞ΕͨΒ
    GFUDI
    ͢Δ͚ͩͰߋ৽׬ྃ ࣗಈͰ
    ".1
    )5.-
    Λ௚͢ ࠶ܝ
57. όϦσʔγϣϯϧʔϧ͕ߋ৽͞ΕͨΒ
    GFUDI
    ͢Δ
    ํ਑͸ྑ͔͚ͬͨͲ
    Ћ όϦσʔγϣϯϧʔϧͷߋ৽
58. όϦσʔγϣϯϧʔϧͷߋ৽
59. ͓΍͓΍
61. "33": Y
62. ഑ྻʹͳͬͯΔʜʜ
64. WBMVF
    ͸ͭͷ஋ͩͬͨ
    ˠ
    ഑ྻʹ
    DBTF
    JOTFOTJUJWF
    ͳ
    ஋͕ొ৔ όϦσʔγϣϯϧʔϧͷߋ৽
65. ".1
    ͷਐԽʹΑͬͯϧʔϧ΋มԽ
    σʔλεΩʔϚ
    ڐՄ͞ΕΔ஋ όϦσʔγϣϯϧʔϧͷߋ৽
66. มߋ఺Λमਖ਼͢Δ͚ͩͰ
    ࠷৽ʹ௥ैͰ͖ͨ
    όϦσʔγϣϯϧʔϧج࣠
    (PPE ͸ͯͳϒϩά
    ͷਐԽ
67. ͸ͯͳϒϩά
    ͷਐԽ ͜Ε͔Β
    ɾBNQTPDJBMTIBSF
    ͱ͔
    ɾBNQCJOE
    ͱ͔࢖ͬͯΈ͍ͨ
68. ͸ͯͳϒϩά
    ͷਐԽ ".1
    ൛
    ഑৴ػೳΛڧԽ͍ͨ͠ ͜Ε͔Β
    ɾBNQTPDJBMTIBSF
    ͱ͔
    ɾBNQCJOE
    ͱ͔࢖ͬͯΈ͍ͨ
69. ࡶஊ
70. HJU
    HSFQ
    BNQ
71. HJU
    HSFQ
    BNQ
72. HJU
    HSFQ
    BNQ BNQ
    
    
    
    
    
    
    
    DBNQBJHO
    FYBNQMF
73. HJU
    HSFQ
    BNQ 
    BNQ
    
    
    
    
    
    
    
    
    D
    BNQ
    BJHO
    FY
    BNQ
    MF
74. ͜Ε͔Β
    ɾBNQTPDJBMTIBSF
    ͱ͔
    ɾBNQCJOE
    ͱ͔࢖ͬͯΈ͍ͨ ͸ͯͳϒϩά
    ͷਐԽ ".1
    ൛
    ഑৴ػೳΛڧԽ͍ͨ͠