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

fujis_a id:fujis_a

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

${{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ã‚’çµ‚äº†ã—ã¾ã™ã€
ã‚¢ãƒ¡ãƒ¼ãƒã‚¹ã‚¿ãƒƒãƒ•ãƒ–ãƒã‚°ã§ã‚‚è¨˜è¼‰ã•ã›ã¦ã„ãŸã ã„ãŸé€šã‚Šã€11/15ã‚ˆã‚Šé †æ¬¡ã‚¢ãƒ¡ãƒ–ãƒã®AMPå¯¾å¿œã‚’çµ‚äº†ã•ã›ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ ãªãœAMPã‚’ã‚„ã‚ã‚‹ã®ã‹ï¼Ÿ2016å¹´ã®3æœˆã«ã‚¢ãƒ¡ãƒ–ãƒã¯AMPå¯¾å¿œã‚’ã‚¹ã‚¿ãƒ¼ãƒˆã•ã›ã¦ã„ã¾ã—ãŸã€‚ ï¼ˆå½“æ™‚ã®ãƒ–ãƒã‚°è¨˜äº‹ã¯ã“ã¡ã‚‰ï¼‰ ãã“ã‹ã‚‰5å¹´ä»¥ä¸ŠAMPã‚’æŽ¡ç”¨ã—ã€ãƒ¢ãƒã‚¤ãƒ«ã®æ¤œç´¢çµæžœã‹ã‚‰ã¯AMPã‚ãƒ£ãƒƒã‚·ãƒ¥ã«é£›ã¶ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ Googleã®æ¤œç´¢çµæžœã‹ã‚‰ã¯Googleã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ã«ç§»å‹•ã™ã‚‹ã‚ã‘ã§ã€å½“ç„¶ä½“æ„Ÿé€Ÿåº¦ã¨ã—ã¦ã¯è‰¯å¥½ãªã‚‚ã®ã§ã‚ã£ãŸã¨æ€ã„ã¾ã™ã€‚ ã€Œãã‚Œãªã®ã«ãªãœã‚„ã‚ã‚‹ã®ã‹ï¼Ÿã€ ã§ã™ãŒã€åŸºæœ¬çš„ã«ã¯ãƒ“ã‚¸ãƒã‚¹çš„ãªå•é¡Œã¨ãªã‚Šã¾ã™ã€‚ ã‚¦ã‚§ãƒ–ç•Œã®çŠ¶æ³ã€ç¤¾ä¼šçŠ¶æ³ç‰ã€…ã«ã‚ˆã£ã¦ã®ç·åˆçš„ãªåˆ¤æ–ã¨ã„ã†ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ æ¤œç´¢çµæžœãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚ŒãŸéš›ã«Googleã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã¨ã„ã†ç‚¹ã§ã¯ã€CDNã®ã‚³ã‚¹ãƒˆå‰Šæ¸›ç‰ã¯ã‚ã‚‹ã®ã§ã™ãŒã€ãã‚Œã§ã‚‚ã‚„ã¯ã‚Šãƒˆãƒ¼ã‚¿ãƒ«ã§è€ƒãˆãŸã¨ãã«ä»Šå›žã¯AMPã‚’çµ‚äº†ã•ã›ã‚‹ã¨ã„ã†
fujis_a 2021/11/15
amp

SEO
ãƒªãƒ³ã‚¯
æœ¬ã‚µã‚¤ãƒˆã® AMP æä¾›ã®åœæ¢ã¨ã“ã“ã¾ã§ã®æŒ¯ã‚Šè¿”ã‚Š | blog.jxck.io
Intro å‰å›žã®è¨˜äº‹ã§ã€å¥‡é‡ã«ã‚‚æœ¬ã‚µã‚¤ãƒˆã® AMP å¯¾å¿œã‚’è½ã¨ã™ã“ã¨ã«ãªã£ãŸã€‚ã—ã‹ã—ã€ãã†ã§ãªãã¦ã‚‚ AMP ã‚’ã©ã“ã‹ã§ã‚„ã‚ã‚‹ã“ã¨ã¯è€ƒãˆã¦ã„ãŸãŸã‚ã€ãã£ã‹ã‘ã®ä¸€ã¤ãŒ SXG å¯¾å¿œã«ãªã£ãŸã®ã¯ã€é †å½“ãªæµã‚Œã ã¨ç†è€…ã¯æ„Ÿã˜ã¦ã„ã‚‹ã€‚ ã“ã‚Œã¯ AMP ãŒãªãœå§‹ã¾ã‚Šã€ãªãœãƒˆãƒ¼ãƒ³ãƒ€ã‚¦ãƒ³ã—ã¤ã¤ã‚ã‚‹ã®ã‹ã€ãã—ã¦ã“ã‚Œã‹ã‚‰ã©ã†ãªã£ã¦ã„ãã®ã‹ã€ã¨ã„ã†æµã‚Œã‚’ã¾ã¨ã‚ã‚‹ã„ã„æ©Ÿä¼šã§ã‚‚ã‚ã‚‹ã€‚ ãã®éŽç¨‹ã§ç”Ÿã¿å‡ºã•ã‚Œã€æœ¬ã‚µã‚¤ãƒˆã§ã‚‚æ¤œè¨¼ã‚’ç¶šã‘ã¦ããŸ Performance Timing API, Core Web Vitals, Signed HTTP Exchange ã€ãã—ã¦ä»Šæ§‹æƒ³ã•ã‚Œã¦ã„ã‚‹ Bento AMP ãªã©ã‚’è¸ã¾ãˆã€ä¸€é€£ã®æµã‚Œã‚’è¦šãˆã¦ã„ã‚‹ç¯„å›²ã§è¨˜éŒ²ã¨ã—ã¦ã¾ã¨ã‚ã¦ãŠãã€‚ ã‚½ãƒ¼ã‚¹ã¯ç†è€…ã®ä¸»è¦³ã§ã‚ã‚Šã€çœºã‚ã¦ããŸä½“æ„Ÿã‚’ mozaic.fm ã® Monthly Web ãªã©ã§è©±ã—ã¦ããŸã‚‚ã®ãŒãƒ™ãƒ¼ã‚¹ãªã®ã§ã€ä¿¡é ¼æ€§ã‚„æ£ç¢ºæ€§ã¯æœŸ
fujis_a 2021/06/26
amp

google
ãƒªãƒ³ã‚¯
GitHub - ampproject/amphtml: The AMP web component framework.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
fujis_a 2019/07/12
AMP
ãƒªãƒ³ã‚¯
Example: Hello World
Introduction An AMP HTML tutorial - learn the different building blocks of an AMP HTML file. AMP HTML is entirely built on existing web techno logies. It achieves reliable performance by restricting some parts of HTML, CSS and JavaScript. To make up for those limitations AMP HTML defines a set of custom elements for rich content beyond basic HTML. This samples shows what's necessary to create a val
fujis_a 2019/07/12
amp
ãƒªãƒ³ã‚¯
AMPå¯¾å¿œã®ãŸã‚ã®npmãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ä½œã£ãŸ - soy-curd's blog
www.npmjs.com ampã¯å…¨ã¦ã®cssã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã§ã¯ãªãhtmlã«åŸ‹ã‚è¾¼ã¾ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã§ã€ç›´æ›¸ãã—ãŸããªã„å ´åˆã¯ã€ ãªã‚“ã‚‰ã‹ã®æ‰‹æ®µã§htmlã«cssã‚’æŒã£ã¦ãã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ github.com ãŒè‰¯ã•ãã†ã ã£ãŸãŒã€ampã‚¿ã‚°ã«ã¯å¯¾å¿œã—ã¦ã„ãªã‹ã£ãŸã®ã§ã€PRã‚’å‡ºã—ãŸã€‚ã ãŒã€ã‚ˆãè¦‹ã‚‹ã¨ã“ã®ãƒªãƒã‚¸ãƒˆãƒªã¯PRæ”¾ç½®ã•ã‚Œã‚‹ã‹ã‚“ã˜ã®ã‚„ã¤ã ã£ãŸã®ã§ã€ ampå¯¾å¿œã—ãŸã‚„ã¤ã‚’åˆ¥ã«å…¬é–‹ã—ã¦ãŠã„ãŸã€‚ ä½¿ã„æ–¹ ä¾‹ãˆã°ä»¥ä¸‹ã®ã‚ˆã†ã«, index-amp.html <html> <head> <style amp-custom href="./yo-amp.css"></style> <body> <h1 class="hey"> Hey! </h1> </body> </html> yo-amp.css body { background-color: cyan; } .hey { color:
fujis_a 2019/07/12
amp
ãƒªãƒ³ã‚¯
ã€AMPã€‘GoogleãŒæŽ¨é€²ã™ã‚‹AMPã¨ã¯ï¼Ÿæ¦‚è¦ã¨å¯¾å¿œæ–¹æ³•ã¾ã¨ã‚
HOMESEOAMPã€AMPã€‘GoogleãŒæŽ¨é€²ã™ã‚‹AMPã¨ã¯ï¼Ÿæ¦‚è¦ã¨å¯¾å¿œæ–¹æ³•ã¾ã¨ã‚ ã€AMPã€‘GoogleãŒæŽ¨é€²ã™ã‚‹AMPã¨ã¯ï¼Ÿæ¦‚è¦ã¨å¯¾å¿œæ–¹æ³•ã¾ã¨ã‚ çªç„¶ã§ã™ãŒã€æœ€è¿‘ã‚¹ãƒžãƒ›ã§æ¤œç´¢ã‚’ã—ãŸæ™‚ã«ãŸã¾ã«ã‚«ãƒŸãƒŠãƒªâš¡ãƒžãƒ¼ã‚¯ãŒä»˜ã„ãŸãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã‚’ã”å˜çŸ¥ã§ã—ã‚‡ã†ã‹ï¼Ÿ èµ¤ã„æž ã§å›²ã£ã¦ã„ã‚‹ãƒªãƒ³ã‚¯ã«ã¯ã‚«ãƒŸãƒŠãƒªã®ãƒžãƒ¼ã‚¯ãŒã¤ã„ã¦ã„ã¾ã™ã€‚ã“ã®ã‚ˆã†ãªãƒªãƒ³ã‚¯ã¯AMP HTMLã§æ§‹ç¯‰ã•ã‚ŒãŸWebãƒšãƒ¼ã‚¸ã«é·ç§»ã—ã¾ã™ã€‚ ãƒªãƒ³ã‚¯ã‚’ã‚¿ãƒƒãƒ—ã—ã¦è¦‹ã¦ã¿ã‚‹ã¨ã€éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ãªè¦‹ãŸç›®ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã“ã‚Œã‚‰ã¯ã€ŒAMP(Accelerated Mobile Pages)ã€ã¨ã„ã†ã€GoogleãŒæŽ¨é€²ã—ã¦ã„ã‚‹ãƒ¢ãƒã‚¤ãƒ«ãƒšãƒ¼ã‚¸ã‚’é«˜é€Ÿã«è¡¨ç¤ºã•ã›ã‚‹ãŸã‚ã®æ‰‹æ³•ã«ã‚ˆã£ã¦ä½œæˆã•ã‚Œã¦ã„ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã™ã€‚ ã€Œæœ€è¿‘ã‚ˆãèžãã‘ã©ã€AMPã£ã¦ãªã‚“ãªã®ï¼Ÿã€ã¨ç–‘å•ã‚’ãŠæŒã¡ã®æ–¹ã‚‚å¤šã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ SEOç•Œéšˆã§ä½•ã‹ã¨è©±é¡Œã®AMPã«ã¤ã„ã¦ã€æ¦‚è¦
fujis_a 2019/07/08
AMP

SEO
ãƒªãƒ³ã‚¯
AMP stories ãŒç™ºè¡¨ã•ã‚ŒãŸã®ã§æ—©é€Ÿç°¡å˜ãªã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’ä½œã£ã¦ã¿ãŸä»¶
Accelerated Mobile Pages ï¼ˆAMPï¼‰ã®æ–°ã—ã„æ‹¡å¼µã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã—ã¦ã€ã€ŒAMP storiesã€ ãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ã“ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ã€ã‚¿ãƒƒãƒ—æ“ä½œã«ã‚ˆã£ã¦è»½å¿«ã«é–²è¦§å¯èƒ½ãªãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æä¾›å¯èƒ½ã«ã—ã¾ã™ã€‚ AMP stories ãŒ v0.1 ã‹ã‚‰ v1.0 ã¸ã¨ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã•ã‚Œã€2019å¹´ 3æœˆ 19æ—¥ã‚’ã‚‚ã£ã¦ã€v0.1 ã¯å»ƒæ¢ã•ã‚Œã‚‹äºˆå®šã§ã™ã€‚ã“ã‚Œã«ä¼´ã„ã€ä¸‹è¨˜ã§ç´¹ä»‹ã—ã¦ã„ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã¯å°‘ã—å¤ããªã£ã¦ã„ã¾ã™ã®ã§ã€è£œè¶³è¨˜äº‹ã‚’åˆ¥é€”æ›¸ã„ã¦ã„ã¾ã™ã€‚è©³ã—ãã¯ ã€ŒRe: AMP stories ãŒç™ºè¡¨ã•ã‚ŒãŸã®ã§æ—©é€Ÿç°¡å˜ãªã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’ä½œã£ã¦ã¿ãŸä»¶ ï¼ˆv1.0 å¯¾å¿œç‰ˆï¼‰ã€ ã‚’ã”è¦§ãã ã•ã„ã€‚ Accelerated Mobile Pages ï¼ˆAMPï¼‰ ã«ã¤ã„ã¦ã¯éŽåŽ»ã€ã“ã® Blog ã§ã‚‚ä½•åº¦ã‹è§¦ã‚Œã¦ã„ã¾ã™ãŒ ï¼ˆæ–‡æœ«ã€ã€Œé–¢é€£ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ ã‚’å‚ç…§ï¼‰ã€å…ˆæ—¥ã€æ–°ãŸã« ã€Œ
fujis_a 2018/02/19
amp
ãƒªãƒ³ã‚¯
2018å¹´ã®AMPã¯ã©ã†é€²åŒ–ã™ã‚‹ã®ã‹ï¼Ÿ #AMPConf 2018åŸºèª¿è¬›æ¼”ãƒ¬ãƒãƒ¼ãƒˆ
[ãƒ¬ãƒ™ãƒ«: ä¸Šç´š] ã‚ªãƒ©ãƒ³ãƒ€ã®ã‚¢ãƒ ã‚¹ãƒ†ãƒ«ãƒ€ãƒ ã§2æœˆ13ã€œ14æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸ AMP Conf 2018 ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€åŸºèª¿è¬›æ¼”ã®ãƒã‚¤ãƒ©ã‚¤ãƒˆã‚’ãƒ¬ãƒãƒ¼ãƒˆã—ã¾ã™ã€‚ AMP ã®ç¾çŠ¶ 3,100 ä¸‡ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ãŒ AMP ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’ç™ºè¡Œ æ¤œç´¢ã«å‡ºã¦ãã‚‹ AMP ãƒšãƒ¼ã‚¸ã®ã‚¯ãƒªãƒƒã‚¯ã® 60% ä»¥ä¸ŠãŒã€ãƒ‹ãƒ¥ãƒ¼ã‚¹ä»¥å¤–ã®ã‚µã‚¤ãƒˆ AMP ãƒšãƒ¼ã‚¸ã®æ»žåœ¨æ™‚é–“ã¯2å€ AMP ã§ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒ2å€ AMP ãŒç›®æŒ‡ã™ã®ã¯ã€ã„ã¾ã ã‹ã¤ã¦ãªã„ã»ã©ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ãŸå¼·åŠ›ãªã€é–‹ã‹ã‚ŒãŸã‚¦ã‚§ãƒ–ã‚’å®Ÿç¾ã™ã‚‹ã“ã¨ã€‚ ãã—ã¦ã€èª°ã§ã‚‚ä½¿ãˆã‚‹ä¸€èˆ¬çš„ãªã‚‚ã®ã«ã™ã‚‹ã“ã¨ã€‚ AMP Stories ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„æ¶ˆè²»ã®ä»•æ–¹ãŒå¤‰ã‚ã£ã¦ããŸã€‚ãƒ¢ãƒã‚¤ãƒ«ã§ã¯é•·ã„è¨˜äº‹ã‚’èªã¿ãšã‚‰ãã€1ã€œ2åˆ†ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯èªã‚€ã€‚ ãã“ã§ã€AMP Storiesï¼ˆAMP ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ï¼‰ã‚’å°Žå…¥ã—ãŸã€‚ AMP Stories ã¯æ¬¡ã®ã‚ˆã†ãªæ©Ÿèƒ½ã‚’æŒã¤ã€‚
fujis_a 2018/02/19
amp
ãƒªãƒ³ã‚¯
1