[B! amp] silossowskiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

silossowski id:silossowski

ampã«é–¢ã™ã‚‹silossowskiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

AMPã‚’ã€Œé«˜é€ŸåŒ–æŠ€è¡“ã€ã€Œä¸€çž¬ã§è¡¨ç¤ºã™ã‚‹æŠ€è¡“ã€ã¨ã„ã†ã®ã¯ã‚‚ã†ã‚„ã‚ã‚ˆã†ã€‚ï½œæ¦ŠåŽŸæ˜Œå½¦
AMPï¼ˆAccelerated Mobile Pagesï¼‰ãŒã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã¨ã—ã¦ç«‹ã¡ä¸Šã’ã‚‰ã‚Œã¦ã‹ã‚‰æ•°å¹´ãŒçµŒã¡ã¾ã—ãŸã€‚é£Ÿã¹ãƒã‚°ãªã©ã®å¤§æ‰‹Webã‚µãƒ¼ãƒ“ã‚¹ãŒå¯¾å¿œã—ã€ã¾ãŸç°¡å˜ã«AMPå¯¾å¿œã§ãã‚‹WordPressãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒå‡ºãŸã“ã¨ã§ã€ä»Šã§ã¯ä¸€èˆ¬ã«æµ¸é€ã—ã¦ããŸæ„Ÿã˜ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ ãŸã ã€Œè¡¨ç¤ºé«˜é€ŸåŒ–æŠ€è¡“ã€ã€Œä¸€çž¬ã§è¡¨ç¤ºã™ã‚‹æŠ€è¡“ã€ã¨ã„ã†ã®ã¯æ£ã—ããªã„ã®ã§ã‚„ã‚ã¾ã›ã‚“ã‹ï¼Ÿ AMPã¯Web Componentsãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¾ãšèª¤è§£ã•ã‚ŒãŒã¡ãªã®ã§ã™ãŒã€AMPã¯æ–°ãŸãªæŠ€è¡“ã§ã¯ãªãã€Webæ¨™æº–ã®ã€ŒWeb Componentsã€ã¨ã„ã†APIã‚’ç”¨ã„ã¦å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚AMPã®GitHubãƒšãƒ¼ã‚¸ã«ã‚‚ã—ã£ã‹ã‚Šã¨ã€ŒThe AMP web component framework.ã€ï¼ˆAMPã¨ã„ã†Web Componentsã‚’ç”¨ã„ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã¨æŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ Web Componentsã¯ã€å†åˆ©ç”¨å¯èƒ½ã§ã‚«ãƒ—ã‚»ãƒ«åŒ–ã•ã‚ŒãŸ
silossowski 2019/10/15
amp
ãƒªãƒ³ã‚¯
1000ä¸‡ä»¥ä¸Šã®Webãƒšãƒ¼ã‚¸ã‚’ AMPã«ã—ãŸè©± / making_over_10million_amp_pages - Speaker Deck
HTML5 Conference 2018ã®LTè³‡æ–™ã§ã™ã€‚ https://events.html5j.org/conference/2018/11/
silossowski 2018/11/26
amp

web

slide
ãƒªãƒ³ã‚¯
æ»žåœ¨æ™‚é–“50%â†‘ã€PV3.1å€ã€ç›´å¸°çŽ‡75%â†“â€•â€•AMP+PWAã§æ¥½å¤©ãƒ¬ã‚·ãƒ”ãŒå¤§æˆåŠŸ! #IO17JP
[ãƒ¬ãƒ™ãƒ«: ä¸Šç´š] 5æœˆ17ã€œ19æ—¥ã«ç±³ãƒžã‚¦ãƒ³ãƒ†ãƒ³ãƒ“ãƒ¥ãƒ¼ã§é–‹å‚¬ã•ã‚ŒãŸ Google I/O 2017 ã®ã€ŒFrom AMP to PWA: Progressive Web AMPsã€ã¨ã„ã†ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã€æ—¥æœ¬ã®æ¥½å¤©ãƒ¬ã‚·ãƒ”ã®æˆåŠŸäº‹ä¾‹ãŒç´¹ä»‹ã•ã‚Œã¾ã—ãŸã€‚ AMP ã¨ PWA ã‚’çµ„ã¿åˆã‚ã›ãŸã“ã¨ã«ã‚ˆã£ã¦ã€æ¥½å¤©ãƒ¬ã‚·ãƒ”ã¯å¤§ããªæˆæžœã‚’æ‰‹ã«ã—ã¦ã„ã¾ã™ã€‚ AMP + PWA ã«ã‚ˆã‚‹æ¥½å¤©ãƒ¬ã‚·ãƒ”ã®æˆæžœ AMP ã¨ PWA ã‚’çµ„ã¿åˆã‚ã›ãŸæ§‹æˆã«ã‚ˆã‚Šã€æ¬¡ã®ã‚ˆã†ãªçµæžœãŒæ¥½å¤©ãƒ¬ã‚·ãƒ”ã§ã¯å‡ºãŸãã†ã§ã™ã€‚ AMP ãƒšãƒ¼ã‚¸ã«ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã—ãŸå ´åˆã€1ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚ãŸã‚Šã®æ»žåœ¨æ™‚é–“ãŒ 50% å¢— AMP ãƒšãƒ¼ã‚¸ã‹ã‚‰æ¬¡ã®ãƒšãƒ¼ã‚¸ã¸ã®ã‚¯ãƒªãƒƒã‚¯çŽ‡ãŒ 3.6 å€ ãƒ›ãƒ¼ãƒ ç”»é¢ã‚¢ã‚¤ã‚³ãƒ³è¿½åŠ ãƒ›ãƒ¼ãƒ ç”»é¢ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¿½åŠ ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯è¨ªå•æ•°ãŒ 1.7 å€ ãƒ›ãƒ¼ãƒ ç”»é¢ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¿½åŠ ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ãƒšãƒ¼ã‚¸ãƒ“ãƒ¥ãƒ¼ãŒ 3.1 å€ ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã§ã€2é€±ç›®ã‹
silossowski 2018/01/05
amp

pwa
ãƒªãƒ³ã‚¯
ãªãœ dev.to ãŒã“ã‚“ãªã«ã‚‚é€Ÿãã€ã“ã‚“ãªã«ã‚‚è‡ªåˆ†ã«ã¨ã£ã¦æ„Ÿå‹•çš„ãªã®ã‹
æœ€åˆã«ã„ã£ã¦ãŠãã€‚ã“ã‚Œã¯è² ã‘æƒœã—ã¿ã ã€‚ SPAã¨PWAã®ç¾çŠ¶ è‡ªåˆ†ã¯æ—¥æœ¬ã§Reactã®å‹æ‰‹ã‚¨ãƒ´ã‚¡ãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆã¿ãŸã„ãªã“ã¨ã‚’ã‚„ã£ã¦ã„ã¦ã€SPAã®é‡ã‚ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚ˆãä½œã£ã¦ã‚‹ã‹ã‚‰ã‹ã€ã€ŒãŠå‰ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ç‰©äº‹ã‚’ã‚„ã‚„ã“ã—ãã—ã¦ã€é‡ã„ãƒšãƒ¼ã‚¸ã‚’é‡ç”£ã—ã¦ã‚¦ã‚§ãƒ–ã‚’åŠ£åŒ–ã•ã›ã¦ã‚‹ã˜ã‚ƒãªã„ã‹ï¼ã€ã¿ãŸã„ãªæ‰¹åˆ¤ã‚’ã€åæŒ‡ã—ã§ã‚ˆãå—ã‘ã‚‹ã€‚ãªã‚“ã§åƒ•ã«ã„ã†ã‹ã‚ã‹ã‚‰ãªã„ã‘ã©ã€React = SPA ã¿ãŸã„ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã‚¹ã‚±ãƒ¼ãƒ—ã‚´ãƒ¼ãƒˆã«ã•ã‚Œã¦ã‚‹ã‚“ã ã‚ã†ã€‚ãã‚Œã¯ã¾ã‚ã„ã„ã€‚ è‡ªåˆ†ã®ä»•äº‹ã§SPAæŠ€è¡“ã‚’ä½¿ã†ã¨ã“ã‚ã¯ã€ã¡ã‚ƒã‚“ã¨å¿…è¦æ€§ã‚‚ã‚ã‚‹ã—ç†ç”±ã‚‚èª¬æ˜Žã§ãã‚‹ã€‚ãŸã ã€ã‚„ã¯ã‚Šè¿‘å¹´ã®è¤‡é›‘åŒ–/é‡é‡åŒ–ã«ã¤ã„ã¦æ€ã†ã¨ã“ã‚ã¯ã‚ã‚‹ã®ã§ã€é€†ã«æŒ¯ã£ã¦ AMP/PWA ã¨ã„ã†é¸æŠžè‚¢ã‚’æŒã£ã¦ãŠããŸãã¦ã€æ£ç›´è¨€ã†ã¨ä¾é ¼ã•ã‚ŒãŸR&Dã®ä»•äº‹ã§ã‚‚ã‚ã£ãŸã‚“ã ã‘ã©ã€ä¸€é€šã‚Šè¦šãˆãŸã€‚ãªã‚“ã ã‘ã©ã€ä»Šã®ã¨ã“ã‚ä»•äº‹ã§ä½¿ã†ã‚¿ã‚¤ãƒŸãƒ³ã‚°ãŒãªã„ã€‚ PWAæŠ€è¡“ã‚’ä»•äº‹ã§ä½¿ãˆãªã‹ã£ãŸç†ç”±ã¨ã—ã¦
silossowski 2017/11/16
amp

pwa

performance

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
ãƒªã‚¢ãƒ«ã‚¬ãƒã«ãƒ¤ãƒã„AMP Start - Qiita
AMP(Accelerated Mobile Pages)ãŒGoogleæ¤œç´¢ã®ä»•æ§˜ã«åŠ ã‚ã£ã¦ã‹ã‚‰ã²ã•ã—ããªã‚Šã¾ã™ãŒã€ã•ã‚‰ãªã‚‹åºƒãŒã‚Šã®äºˆæ„Ÿã‚’AMP ProjectãŒã¿ã›ã¦ãŠã‚Šã¾ã™ã€‚ ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãŒåŽæŸã®æ–¹å‘ã«å‘ã‹ã£ã¦ã„ã‚‹ Bootstrapã‚„Material designã€Reactãªã©ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå˜ä½ã§ã‚¦ã‚§ãƒ–ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ã¤ãã£ã¦ã„ã“ã†ã¨ã„ã†å‹•ããŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯å½“ãŸã‚Šå‰ã§ã™ã€‚ãŸã¨ãˆã€ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã‚ã†ã¨ã—ã¦ã‚‚ã€ãƒ‘ãƒ¼ãƒ„ã®å†åˆ©ç”¨æ€§ãªã©ã‚’è€ƒãˆã‚‹ã“ã¨ã¯åŠ¹çŽ‡ã‚„ãƒ–ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã®è¦³ç‚¹ã‹ã‚‰ã‚‚æ£ã—ãã€ã¿ã‚“ãªãã†ã—ã¦ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ããŸã¨æ€ã„ã¾ã™ã€‚ 2017å¹´ç¾åœ¨ã®ç¾çŠ¶ã‚’ä¿¯çž°çš„ã«ã¿ã¦ã¿ã‚‹ã¨ã€ä»•çµ„ã¿ãŒå‡ºæ¥ã¦ããŸã¨ã„ã†ãƒ•ã‚§ãƒ¼ã‚ºã«å…¥ã£ã¦ããŸã®ã ã¨æ€ã„ã¾ã™ã€‚ ãã‚Œã«ã‚ˆã£ã¦ã€èµ·ã“ã‚‹ç¾è±¡ã¯ãŠãã‚‰ãï¼’ã¤ã€‚ 1.ã€€ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ï¼’æ¥µåŒ–ãŒèµ·ã“ã‚‹ ã“ã‚Œã¯å®‰æ˜“ã«æƒ³åƒãŒã¤ãã¾ã™ãã€‚ä¸€ã¤ã®æµã‚Œã¨ã—ã¦ã¯ã€
silossowski 2017/03/29
amp

google

design

css

cssè¨è¨ˆ
ãƒªãƒ³ã‚¯
1