PWA Night ã§ç™ºè¡¨ã—㟠Next.js x AMP ã®è©±ã§ã™ã€‚
nextjs_x_AMP.pdf
PWA Night ã§ç™ºè¡¨ã—㟠Next.js x AMP ã®è©±ã§ã™ã€‚
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ã¯ã€å†åˆ©ç”¨å¯èƒ½ã§ã‚«ãƒ—セル化ã•ã‚ŒãŸ
blog.katsuma.tv
å‰å›žã“ã®ãƒ–ãƒã‚°ã‚’HTTP2対応ã•ã›ãŸè©±ã‚’ã—ã¾ã—ãŸãŒã€ãã®éš›ã«MovableTypeã‹ã‚‰middleman-blogã«ç§»è¡Œã—ã¦ã„ã¾ã™ã€‚ 移行ãã®ã‚‚ã®ã®è©±ã‚‚書ããŸã„ã®ã§ã™ãŒã€ä»Šå›žã¯middleman-blogã®ã‚¨ãƒ³ãƒˆãƒªã‚’AMP対応ã•ã›ãŸã®ã§ãã®è©±ã‚’書ãã¾ã™ã€‚ AMP対応ã®ç´°ã‹ãªãƒ•ãƒãƒ¼ã¯å…¬å¼ã‚µã‚¤ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’見れã°ç†è§£ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚è¦ã¯ã€ AMP用ã®JavaScriptã‚’èªã¿è¾¼ã‚€ 自å‰ã®JavaScriptã¯ãƒãƒ¼ãƒ‰ã€å®Ÿè¡Œã§ããªã„ 外部スタイルシートã¯ãƒãƒ¼ãƒ‰ã§ããªã„ 自作スタイルシートã¯headè¦ç´ 内ã«å·®ã—込む imgã‚¿ã‚°ã¯amp-imgã‚¿ã‚°ãªã©ç‹¬è‡ªã®ã‚¿ã‚°ã«ç½®ãæ›ãˆã‚‹ ã‚ãŸã‚ŠãŒãƒã‚¤ãƒ³ãƒˆã«ãªã‚Šã¾ã™ã€‚ã“ã®å¯¾å¿œã‚’middleman-blogã®ã‚¨ãƒ³ãƒˆãƒªã«å¯¾ã—ã¦é©ç”¨ã•ã›ã¾ã™ã€‚ AMP対応ãŒå®Œäº†ã™ã‚‹ã¨ValidationãŒé€šã‚Šã€ã“ã®ã‚ˆã†ãªçµæžœã«ãªã‚Šã¾ã™ã€‚ https://validator.ampp
ã¯ã¦ãªãƒ–ãƒã‚°ã®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ã§ãƒ™ã‚¹ãƒˆ
Googleã®æ¤œç´¢çµæžœã§ä¸Šä½è¡¨ç¤ºã•ã‚Œã‚‹Accelerated Mobile Pagesã«ã€ã¯ã¦ãƒ–ã‚„LINEも対応表明
Googleã®æ¤œç´¢çµæžœã§ä¸Šä½è¡¨ç¤ºã•ã‚Œã‚‹Accelerated Mobile Pagesã«ã€ã¯ã¦ãƒ–ã‚„LINEも対応表明：AMPã¨ã¯ ã¯ã¦ãªã¯ã€åŒç¤¾ã®Androidアプリ「ã¯ã¦ãªãƒ–ックマークã€ã«ã€ã€ŒAccelerated Mobile Pages（AMP）ã€ã«å¯¾å¿œã™ã‚‹æ–°æ©Ÿèƒ½ã‚’実装ã—ãŸã€‚ã¾ãŸLINEも対応を発表ã—ã¦ã„る。AMPã¨ã¯ä½•ã‹ã€‚ã©ã†ã™ã‚Œã°å¯¾å¿œã§ãã‚‹ã®ã‹ã€‚ ã¯ã¦ãªã¯2016å¹´4月7æ—¥ã€åŒç¤¾ã®Androidアプリ「ã¯ã¦ãªãƒ–ックマークã€ã«ã€ã€ŒAccelerated Mobile Pages（AMP）ã€ã«å¯¾å¿œã™ã‚‹æ–°æ©Ÿèƒ½ã‚’実装ã—ãŸã¨ç™ºè¡¨ã—ãŸã€‚ã¯ã¦ãªãƒ–ックマーク ãƒãƒ¼ã‚¸ãƒ§ãƒ³2.12ã§åˆ©ç”¨ã§ãる。 ã¾ãŸLINEã‚‚åŒæ—¥ã€ãã®ä»–ã®ã‚¢ãƒƒãƒ—デートã¨ä½µã›ã¦ã€AMPã«ã‚ˆã‚‹é«˜é€Ÿè¡¨ç¤ºã¸ã®å¯¾å¿œã‚’発表ã—ãŸã€‚ Accelerated Mobile Pages（AMP）ã¨ã¯ AMPã¯ã€2015å¹´10月ã«Googleã‚„Twit
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
進化ã™ã‚‹AMPã¨ã¯ã¦ãªãƒ–ãƒã‚° / AMP and HatenaBlog Evolve
AMP（Accelerated Mobile Pages）対応ã«ãŠã‘るサイト作æˆã¨åºƒå‘Šè¡¨ç¤ºãªã©ãªã©
{{#tags}}- {{label}}
{{/tags}}