[B! AMP] mfhamã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mfham id:mfham

AMPã«é–¢ã™ã‚‹mfhamã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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/PWA ã‚’ã©ã“ã§/ã„ã¤ä½¿ã†ã‹ - Qiita
æŸæ‰€ã§ä½¿ã£ãŸè³‡æ–™ã®å…¬é–‹ç‰ˆ ç”¨èªžæ•´ç† PWA: ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®ã‚ˆã†ãªUXã‚’æä¾›ã™ã‚‹ãŸã‚ã®æ©Ÿèƒ½ç¾¤ SPA: JSã§é·ç§»ã™ã‚‹ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ AMP: å¾Œè¿° PWAMP: AMPã§æµå…¥ã•ã›ã¦PWAã‚’èµ·å‹•ã™ã‚‹å½¢å¼ MFI: ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ ã„ã¾ã•ã‚‰èžã‘ãªã„PWAã¨AMP ã‚¢ãƒ¡ãƒ–ãƒ2017: Isomorphic Web Appã®é€²åŒ–ç·¨ AMP ã¨ã¯ ã‚¤ãƒ‹ã‚·ãƒ£ãƒ«ãƒ“ãƒ¥ãƒ¼ã®ãŸã‚ã®HTMLã®ç‰¹æ®Šãªã‚µãƒ–ã‚»ãƒƒãƒˆ Googleã«ãƒ›ãƒ¯ã‚¤ãƒˆãƒªã‚¹ãƒˆã•ã‚ŒãŸHTMLå±žæ€§ã—ã‹ä½¿ãˆãªã„ Googleã«ãƒ›ãƒ¯ã‚¤ãƒˆãƒªã‚¹ãƒˆã•ã‚ŒãŸJSãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã—ã‹ä½¿ãˆãªã„ CSSã¯HEADã«å…¨éƒ¨æ›¸ã AMPä»•æ§˜ã‚’æº€ãŸã™ã¨ã€GoogleãŒã‚ãƒ£ãƒƒã‚·ãƒ¥ã—ã¦ã€ãƒ¢ãƒã‚¤ãƒ«ã®æ¤œç´¢æµå…¥ã§ã¯ãã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’ä½¿ã† HTTPSå¿…é ˆ å¿…ãšã—ã‚‚å…¨ãƒšãƒ¼ã‚¸ã‚’AMPã«å¯¾å¿œã™ã‚‹å¿…è¦ã¯ãªã„ PWA: ServiceWorker ã®æ©Ÿèƒ½ ãƒªã‚½ãƒ¼ã‚¹ã®å…ˆèªã¿
mfham 2017/07/08
AMP
ãƒªãƒ³ã‚¯
I decided to disable AMP on my site - Tech TLDR;
Table of Contents My Issues with AMP As a Publisher My Issues with AMP as a User Scrolling sucks Sharing links is hard AMP content is usually butchered AMP is not optional for users Why I Enabled AMP on my site in the first place It is spreading Users donâ€™t need AMP Please speak up I have a long history with Googleâ€™s Accelerated Mobile Pages (AMP) project, but yesterday I drew the final straw. I w
mfham 2017/06/27
AMP
ãƒªãƒ³ã‚¯
AMP ã‹ã‚‰ Progressive Web App ã¸
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
mfham 2017/04/26
amp

ProgressiveWebApp
ãƒªãƒ³ã‚¯
ãƒªã‚¢ãƒ«ã‚¬ãƒã«ãƒ¤ãƒã„AMP Start - Qiita
AMP(Accelerated Mobile Pages)ãŒGoogleæ¤œç´¢ã®ä»•æ§˜ã«åŠ ã‚ã£ã¦ã‹ã‚‰ã²ã•ã—ããªã‚Šã¾ã™ãŒã€ã•ã‚‰ãªã‚‹åºƒãŒã‚Šã®äºˆæ„Ÿã‚’AMP ProjectãŒã¿ã›ã¦ãŠã‚Šã¾ã™ã€‚ ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãŒåŽæŸã®æ–¹å‘ã«å‘ã‹ã£ã¦ã„ã‚‹ Bootstrapã‚„Material designã€Reactãªã©ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå˜ä½ã§ã‚¦ã‚§ãƒ–ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ã¤ãã£ã¦ã„ã“ã†ã¨ã„ã†å‹•ããŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯å½“ãŸã‚Šå‰ã§ã™ã€‚ãŸã¨ãˆã€ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã‚ã†ã¨ã—ã¦ã‚‚ã€ãƒ‘ãƒ¼ãƒ„ã®å†åˆ©ç”¨æ€§ãªã©ã‚’è€ƒãˆã‚‹ã“ã¨ã¯åŠ¹çŽ‡ã‚„ãƒ–ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã®è¦³ç‚¹ã‹ã‚‰ã‚‚æ£ã—ãã€ã¿ã‚“ãªãã†ã—ã¦ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ããŸã¨æ€ã„ã¾ã™ã€‚ 2017å¹´ç¾åœ¨ã®ç¾çŠ¶ã‚’ä¿¯çž°çš„ã«ã¿ã¦ã¿ã‚‹ã¨ã€ä»•çµ„ã¿ãŒå‡ºæ¥ã¦ããŸã¨ã„ã†ãƒ•ã‚§ãƒ¼ã‚ºã«å…¥ã£ã¦ããŸã®ã ã¨æ€ã„ã¾ã™ã€‚ ãã‚Œã«ã‚ˆã£ã¦ã€èµ·ã“ã‚‹ç¾è±¡ã¯ãŠãã‚‰ãï¼’ã¤ã€‚ 1.ã€€ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ï¼’æ¥µåŒ–ãŒèµ·ã“ã‚‹ ã“ã‚Œã¯å®‰æ˜“ã«æƒ³åƒãŒã¤ãã¾ã™ãã€‚ä¸€ã¤ã®æµã‚Œã¨ã—ã¦ã¯ã€
mfham 2017/03/25
AMP
ãƒªãƒ³ã‚¯
AMP Conf 2017ã¸è¡Œã£ã¦ãã¾ã—ãŸ #AMPConf | ãƒ¡ãƒ«ã‚«ãƒªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°
ã“ã‚“ã«ã¡ã¯ã€Software Engineerã® @yui_tang ã§ã™ã€‚ 3æœˆ7-8æ—¥ã«ãƒ‹ãƒ¥ãƒ¼ãƒ¨ãƒ¼ã‚¯ã«ã¦é–‹å‚¬ã•ã‚ŒãŸAMP Conf 2017ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã®ã§ã€ãã®ãƒ¬ãƒãƒ¼ãƒˆã‚’æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ¡ãƒ«ã‚«ãƒªã§ã®AMPã®å–ã‚Šçµ„ã¿ ã¾ãšã¯ã€ç¾åœ¨ã¾ã§ã®ãƒ¡ãƒ«ã‚«ãƒªã«ãŠã‘ã‚‹AMP(Accelerated Mobile Pages)ã®å–ã‚Šçµ„ã¿ã«ã¤ã„ã¦ç°¡å˜ã«ãŠè©±ã—ã¾ã™ã€‚ 2016å¹´7æœˆã«ãƒ¡ãƒ«ã‚«ãƒªã®Webã‚µã‚¤ãƒˆã®ä¸€éƒ¨ã«å°Žå…¥ã‚’é–‹å§‹ã—ã€ç¾åœ¨AMPãƒšãƒ¼ã‚¸ã«ã¯æ•°ä¸‡PV/æ—¥ã®ã‚¢ã‚¯ã‚»ã‚¹ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ¡ãƒ«ã‚«ãƒªå†…ã®å•†å“æ¯Žã®ãƒšãƒ¼ã‚¸ãŒå…¨ã¦AMPå¯¾å¿œã—ã¦ã„ã‚‹ãŸã‚ã€ãã®ãƒšãƒ¼ã‚¸æ•°ã¯ç›¸å½“æ•°ã«ä¸Šã‚Šã¾ã™ã€‚ æµå…¥çµŒè·¯ã§ã™ãŒã€ç¾åœ¨å…ƒãƒšãƒ¼ã‚¸ã«link rel="amphtml"ã‚’è¨å®šã—ã¦ã„ã‚‹ã®ã¿ã§ã€ãƒ¡ãƒ«ã‚«ãƒªã®ã‚µãƒ¼ãƒ“ã‚¹å†…ã«AMPãƒšãƒ¼ã‚¸ã¸ã®ãƒªãƒ³ã‚¯ã¯éœ²å‡ºã—ã¦ã„ã¾ã›ã‚“ã€‚ ã‚ˆã£ã¦å…¨ã¦ãŒæ¤œç´¢æµå…¥ã¨ãªã£ã¦ãŠã‚Šã€äº‹å®Ÿä¸Šãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ç”¨ã®ãƒšãƒ¼ã‚¸ã¨ã—ã¦æ©Ÿèƒ½ã—ã¦
mfham 2017/03/16
AMP
ãƒªãƒ³ã‚¯
ã¯ã¦ãªãƒ–ãƒã‚°ã®AMPå¯¾å¿œã§å¦ã¶ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã®AMPå¯¾å¿œ - hitode909ã®æ—¥è¨˜
ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ¢ãƒ¼ãƒ‰ å†ç”Ÿ â† / â†’ã§ç§»å‹• fã§ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ escã§ãŠã‚ã‚‹ ã“ã‚“ã«ã¡ã¯ï¼Œid:hitode909ã§ã™ï¼Žã“ã®ã‚ã¨14æ™‚ã‹ã‚‰å“å·ã®ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆæ§˜ã®ã‚ªãƒ•ã‚£ã‚¹ã§ãŠã“ãªã‚ã‚Œã¦ã„ã‚‹ï¼ŒYAP(Pã¯ãƒ‘ãƒãƒ¢ãƒ³ã®P)Cã§ç™ºè¡¨ã—ã¾ã™ï¼Ž ã“ã®è¨˜äº‹ã§ã¯ï¼Œç™ºè¡¨è³‡æ–™ã‚’å…¬é–‹ã„ãŸã—ã¾ã™ï¼Žç¾åœ°ã®æ–¹ã¯ä»Šã™ãCãƒ«ãƒ¼ãƒ ã«æ¥ã¦ãã ã•ã„ï¼Žãã†ã§ãªã„ã‹ãŸã¯æ‡‡è¦ªä¼šã§ãŠä¼šã„ã—ã¾ã—ã‚‡ã†ï¼Ž ã¯ã¦ãªãƒ–ãƒã‚°ã®ãƒˆãƒ”ãƒƒã‚¯ã‚‚ã‚ã‚‹ã‚ˆã†ã§ã™ï¼Ž ãƒˆãƒ”ãƒƒã‚¯ã€ŒYAPCã€ #yapc8ojic ã®ãƒ„ã‚¤ãƒ¼ãƒˆ ã¯ã¦ãªãƒ–ãƒã‚°ã®AMPå¯¾å¿œã§å¦ã¶ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã®AMPå¯¾å¿œ 2016/07/03 YAP(achimon)C::Asia Hachioji 2016 mid in Shinagawa hitode909 è‡ªå·±ç´¹ä»‹ id:hitode909 @hitode909 äº¬éƒ½ã‹ã‚‰æ¥ã¾ã—ãŸ ã¯ã¦ãªã§ã¯ã¦ãªãƒ–ãƒã‚°ã‚’ä½œã£ã¦ã„ã‚‹ è‡ªå·±ç´¹ä»‹ YAPC 2015ã§ãƒ™ã‚¹ãƒˆ
mfham 2016/07/04
AMP
ãƒªãƒ³ã‚¯
sitemap.xmlã‚’ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚µã‚¤ãƒˆå†…ã®å…¨ãƒšãƒ¼ã‚¸ã®AMPã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã—ã¦ãã‚Œã‚‹ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’ä½œã£ãŸ - hitode909ã®æ—¥è¨˜
ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã®AMPå¯¾å¿œã™ã‚‹ã¨ãã«å½¹ç«‹ã¤ï¼Œsit emap.xmlã‚’ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚µã‚¤ãƒˆå†…ã®å…¨ãƒšãƒ¼ã‚¸ã®AMPã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã—ã¦ãã‚Œã‚‹ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’ä½œã£ãŸï¼Ž GitHubã«ã‚‚ç½®ã„ã¦ã‚ã‚‹ã®ã§ã”ç´¹ä»‹ã—ã¾ã™ï¼Ž ã¯ã˜ã‚ã«ï¼šAMPã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦ AMPï¼ˆAccelerated Mobile Pagesï¼‰ã¯HTMLã®ã‚µãƒ–ã‚»ãƒƒãƒˆãªã®ã ã‘ã©ï¼Œãµã¤ã†ã®HTMLã¨ã¡ãŒã£ã¦ï¼Œãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«é€šã‚‰ãªã„ã¨AMPã®ãƒšãƒ¼ã‚¸ã¨ã¯èªã‚ã¦ã‚‚ã‚‰ãˆãšï¼Œã‚¨ãƒ©ãƒ¼ãŒå‡ºã¦ã‚‹ã¨æ¤œç´¢çµæžœãªã©ã«å‡ºã—ã¦ã‚‚ã‚‰ãˆãªã„ã®ã§ï¼ŒãŒã‚“ã°ã£ã¦ç›´ã™å¿…è¦ãŒã‚ã‚‹ï¼Ž ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä¸»ãªã‚„ã‚Šæ–¹ã«ã¯ï¼Œ ã‚¯ãƒãƒ¼ãƒ«ã•ã‚Œã‚‹ã®ã‚’å¾…ã£ã¦Search Consoleã§è¦‹ã‚‹ AMPãƒãƒªãƒ‡ãƒ¼ã‚¿ã‚’ä½¿ã† ã®2ã¤ãŒã‚ã‚‹ï¼Žé †ç•ªã«èª¬æ˜Žã—ã¾ã™ï¼Ž ã‚¯ãƒãƒ¼ãƒ«ã•ã‚Œã‚‹ã®ã‚’å¾…ã£ã¦Search Consoleã§è¦‹ã‚‹ Search Consoleã‹ã‚‰AMPã®ã‚¯ãƒãƒ¼ãƒ«çŠ¶æ³ã‚’è¦‹ã‚Œã¦ï¼Œã‚¨ãƒ©ãƒ¼ãŒå‡ºã¦
mfham 2016/06/23
AMP
ãƒªãƒ³ã‚¯
http://www.neco-web.com/website-design/real-estate-amp
mfham 2016/05/20
ä¸å‹•ç”£

AMP
ãƒªãƒ³ã‚¯
1