AMP ã‚ャッシュを超ãˆã‚‹ã‚·ã‚¹ãƒ†ãƒ を自社ドメインã§å®Ÿç¾ã™ã‚‹æ–¹æ³•â€¨â€¨ / How to implement a system that goes beyond amp-caching on your domainAMP ã‚ャッシュを超ãˆã‚‹ã‚·ã‚¹ãƒ†ãƒ を自社ドメインã§å®Ÿç¾ã™ã‚‹æ–¹æ³•â€¨â€¨ / How to implement a system that goes beyond amp-caching on your domain
『アメブãƒã®AMPを終了ã—ã¾ã™ã€
アメーãƒã‚¹ã‚¿ãƒƒãƒ•ãƒ–ãƒã‚°ã§ã‚‚記載ã•ã›ã¦ã„ãŸã ã„ãŸé€šã‚Šã€11/15ã‚ˆã‚Šé †æ¬¡ã‚¢ãƒ¡ãƒ–ãƒã®AMP対応を終了ã•ã›ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ ãªãœAMPã‚’ã‚„ã‚ã‚‹ã®ã‹ï¼Ÿ2016å¹´ã®3月ã«ã‚¢ãƒ¡ãƒ–ãƒã¯AMP対応をスタートã•ã›ã¦ã„ã¾ã—ãŸã€‚ （当時ã®ãƒ–ãƒã‚°è¨˜äº‹ã¯ã“ã¡ã‚‰ï¼‰ ãã“ã‹ã‚‰5年以上AMPを採用ã—ã€ãƒ¢ãƒã‚¤ãƒ«ã®æ¤œç´¢çµæžœã‹ã‚‰ã¯AMPã‚ャッシュã«é£›ã¶ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ Googleã®æ¤œç´¢çµæžœã‹ã‚‰ã¯Googleã®ã‚ャッシュã«ç§»å‹•ã™ã‚‹ã‚ã‘ã§ã€å½“然体感速度ã¨ã—ã¦ã¯è‰¯å¥½ãªã‚‚ã®ã§ã‚ã£ãŸã¨æ€ã„ã¾ã™ã€‚ 「ãã‚Œãªã®ã«ãªãœã‚„ã‚ã‚‹ã®ã‹ï¼Ÿã€ ã§ã™ãŒã€åŸºæœ¬çš„ã«ã¯ãƒ“ジãƒã‚¹çš„ãªå•é¡Œã¨ãªã‚Šã¾ã™ã€‚ ウェブ界ã®çŠ¶æ³ã€ç¤¾ä¼šçŠ¶æ³ç‰ã€…ã«ã‚ˆã£ã¦ã®ç·åˆçš„ãªåˆ¤æ–ã¨ã„ã†ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ 検索çµæžœãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚ŒãŸéš›ã«Googleã®ã‚ャッシュãŒè¡¨ç¤ºã•ã‚Œã‚‹ã¨ã„ã†ç‚¹ã§ã¯ã€CDNã®ã‚³ã‚¹ãƒˆå‰Šæ¸›ç‰ã¯ã‚ã‚‹ã®ã§ã™ãŒã€ãã‚Œã§ã‚‚ã‚„ã¯ã‚Šãƒˆãƒ¼ã‚¿ãƒ«ã§è€ƒãˆãŸã¨ãã«ä»Šå›žã¯AMPを終了ã•ã›ã‚‹ã¨ã„ã†
本サイト㮠AMP æä¾›ã®åœæ¢ã¨ã“ã“ã¾ã§ã®æŒ¯ã‚Šè¿”ã‚Š | blog.jxck.io
Intro å‰å›žã®è¨˜äº‹ã§ã€å¥‡é‡ã«ã‚‚本サイト㮠AMP 対応をè½ã¨ã™ã“ã¨ã«ãªã£ãŸã€‚ã—ã‹ã—ã€ãã†ã§ãªãã¦ã‚‚ AMP ã‚’ã©ã“ã‹ã§ã‚„ã‚ã‚‹ã“ã¨ã¯è€ƒãˆã¦ã„ãŸãŸã‚ã€ãã£ã‹ã‘ã®ä¸€ã¤ãŒ SXG 対応ã«ãªã£ãŸã®ã¯ã€é †å½“ãªæµã‚Œã ã¨ç†è€…ã¯æ„Ÿã˜ã¦ã„る。 ã“れ㯠AMP ãŒãªãœå§‹ã¾ã‚Šã€ãªãœãƒˆãƒ¼ãƒ³ãƒ€ã‚¦ãƒ³ã—ã¤ã¤ã‚ã‚‹ã®ã‹ã€ãã—ã¦ã“ã‚Œã‹ã‚‰ã©ã†ãªã£ã¦ã„ãã®ã‹ã€ã¨ã„ã†æµã‚Œã‚’ã¾ã¨ã‚ã‚‹ã„ã„機会ã§ã‚‚ã‚る。 ãã®éŽç¨‹ã§ç”Ÿã¿å‡ºã•ã‚Œã€æœ¬ã‚µã‚¤ãƒˆã§ã‚‚検証を続ã‘ã¦ã㟠Performance Timing API, Core Web Vitals, Signed HTTP Exchange ã€ãã—ã¦ä»Šæ§‹æƒ³ã•ã‚Œã¦ã„ã‚‹ Bento AMP ãªã©ã‚’è¸ã¾ãˆã€ä¸€é€£ã®æµã‚Œã‚’覚ãˆã¦ã„る範囲ã§è¨˜éŒ²ã¨ã—ã¦ã¾ã¨ã‚ã¦ãŠã。 ソースã¯ç†è€…ã®ä¸»è¦³ã§ã‚ã‚Šã€çœºã‚ã¦ããŸä½“æ„Ÿã‚’ mozaic.fm ã® Monthly Web ãªã©ã§è©±ã—ã¦ããŸã‚‚ã®ãŒãƒ™ãƒ¼ã‚¹ãªã®ã§ã€ä¿¡é ¼æ€§ã‚„æ£ç¢ºæ€§ã¯æœŸ
AMP ã«ãŠã‘るパフォーマンス改善 | Recruit Tech Blog
ã¯ã˜ã‚ã¾ã—ã¦ã€ãƒ›ãƒƒãƒˆãƒšãƒƒãƒ‘ービューティーコスメ(以下 HPBC) ã® Web フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦å¦ç”Ÿã‚¢ãƒ«ãƒã‚¤ãƒˆã‚’ã—ã¦ã„る三島ã§ã™ã€‚3 ヶ月間ã®ã‚¢ãƒ«ãƒã‚¤ãƒˆæœŸé–“ã§ã€æ¡ˆä»¶ã«é–¢ã‚る機能開発や SEO æ–½ç–ã®æ¤œè¨Žã¨å®Ÿè£…ã€ãƒ‘フォーマンス改善ãªã©æ§˜ã€…ãªæ¥å‹™ã«å–り組ã¾ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚本記事ã§ã¯ãã®ä¸ã§ã‚‚ã€ç§ãŒå–り組んã HPBC ã«ãŠã‘るパフォーマンス改善ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 目次 1.　ã¯ã˜ã‚ã« 2.　想定èªè€… 3.　AMP ã¨ã¯ 4.　パフォーマンス改善ã®å‰æçŸ¥è˜ 5.　ç¾çŠ¶è¨ˆæ¸¬ 6.　å•é¡Œç‰¹å®š 7.　å•é¡Œè§£æ±º 8.　今後 9.　ã¾ã¨ã‚ ã¯ã˜ã‚ã« HPBC ã®é–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯ã€Web ページを閲覧ã—ã¦ãれるユーザーã«ã¨ã£ã¦ãƒšãƒ¼ã‚¸ãŒå®Œå…¨ã«è¡¨ç¤ºã•ã‚Œã‚‹ã¾ã§ã®ã‚¹ãƒ”ードã€ã¤ã¾ã‚Šã€Œãƒ‘フォーマンスãŒå¤§äº‹ã§ã‚ã‚‹ã€ã¨ã„ã†èªè˜ã‚’ãƒãƒ¼ãƒ 全体ã§å…±æœ‰ã—ã¦ã„ã¾ã™ã€‚Web サービスã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã¯ã€æ©Ÿèƒ½ã®è¿½åŠ ・改
next.js ã§è‡ªåˆ†ã®ãƒ–ãƒã‚°ã‚’作る
next.js ã§è‡ªåˆ†ã®ãƒ–ãƒã‚°ã‚’作る 自分ã®ãƒ–ãƒã‚°ã¨ã—㦠mizchi.dev を作ã£ãŸè©± at éš…ç”°å·.js #1(オンライン) - connpass 何を作ã£ãŸã‹ ã“ã®ãƒ–ãƒã‚°è‡ªèº«(mizchi.dev)。スライドツールもçªè²«ã§è‡ªä½œ ソースコード mizchi/dev Lighthouse Full AMP GA 対応 Git ã‹ã‚‰ç·¨é›†ãƒ’ストリã®ç”Ÿæˆ ã©ã‚“ãªãƒ–ãƒã‚°ãŒã»ã—ã‹ã£ãŸã‹ Lighthouse ã§æº€ç‚¹å‡ºã—ãŸã„ 普通㮠Markdown ã˜ã‚ƒã¤ã¾ã‚“ãªã„ã‹ã‚‰ MDX ã§æ›¸ããŸã„ サーãƒãƒ¼ã®é‹ç”¨ã‚’ã—ãŸããªã„ next.js ã®æœ€é©åŒ–ã«ä¹—ã‚ŠãŸã„ 作ã£ãŸ ã©ã†ã›å‹•ã‹ãªã„ã— CDN 上ã§é™çš„サイト + Full AMP MDX コンパイラを自作 (amdx) netlify + è²·ã£ãŸã¾ã¾å¿˜ã‚Œã¦ãŸã‚«ã‚¹ã‚¿ãƒ ドメイン(mizchi.dev) pages/*.tsx ãŒå…¬é–‹ã•ã‚Œã‚‹ä»•çµ„ã¿ã‚’ã€ãã®ã¾ã¾æŽ¡
nextjs_x_AMP.pdf
PWA Night ã§ç™ºè¡¨ã—㟠Next.js x AMP ã®è©±ã§ã™ã€‚
next.js ã® amp モード㧠tailwind.css ã‚’ purgecss ã¨åˆã‚ã›ã¦ä½¿ã†
ã“ã®ãƒªãƒã‚¸ãƒˆãƒª ã§ã‚„ã£ãŸã“ã¨ã€‚ ã‚„ã‚ã†ã¨ã—ãŸã“㨠tailwind.css 㯠Utility First ã¨éŠ˜æ‰“ã£ãŸ CSS フレームワークã§ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã‚’å‰æã¨ã—ãŸãƒ¢ãƒ€ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ç›¸æ€§ãŒã„ã„ã§ã™ã€‚今回㯠next.js ã® amp-mode 㧠tailwind を使ãŠã†ã¨ã—ã¦ã¿ã¾ã—ãŸã€‚ Tailwind CSS - A Utility-First CSS Framework for Rapidly Building Custom Designs å•é¡Œ å‰æã¨ã—ã¦ã€ amp ã«ã¯ inline css ã®å®¹é‡åˆ¶é™ãŒã‚ã‚Šã€75kb を超ãˆã‚‹ã¨ AMP ã¨èªè˜ã•ã‚Œãªããªã‚Šã¾ã™ã€‚ tailwind ã¯ãƒ“ルドã—ã¦ä½¿ã†ã®ãŒå‰æã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ãŒã€å…¨éƒ¨å…¥ã‚Šã® tailwind.min.css 㯠1.3 M ã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã§ã¯åˆ°åº•ã€75 kb ã«åŽã¾ã‚Šã¾ã›ã‚“。 AMP ã® CSS
How to use tailwindcss with AMP in a Next.js project
Recently, I was refactoring my blog using Next.js by a whim. There are 3 tech stacks I would use: Next.js , a popular React framework with SSG, SSR support naturally Tailwindcss , a low-level CSS framework with the utility-first concept. AMP , an HTML framework developed by Google to make your website fast and loading smoothly. However, There are so many restrictions in AMP for performance issues.
next.js ã® AMP mode を使ã£ã¦é™çš„サイトを作る
ã“ã®è¨˜äº‹ã¯ amdxg を作りãªãŒã‚‰, next.js 㧠AMP ã«å¯¾å¿œã—ãŸã¨ãã«ã‚„ã£ãŸã“ã¨ã§ã™ã€‚ コードã¯ã“ã¡ã‚‰ã§ã™ amdx/packages/ssg at master · mizchi/amdx AMP ã«ã¤ã„㦠Google ã®æŽ¨å¥¨ã™ã‚‹ HTML ã®ã‚µãƒ–セット仕様ã§ã™ã€‚制約付ãã®ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ CSS ã®ã¿ + 一切㮠JS ãŒæ›¸ã‘ãšã€ä»£ã‚ã‚Šã«å‹•ããŒã‚ã‚‹ã‚‚ã®ã¯ amp plugin を使ã£ã¦è¨˜è¿°ã—ã¾ã™ã€‚ モãƒã‚¤ãƒ«ã§ã¯ã€Google ã®æ¤œç´¢çµæžœç”»é¢ã‹ã‚‰ã¯ GoogleCDN 上ã®ã‚ャッシュãŒè¿”å´ã•ã‚Œã‚‹ã®ã§ã€éžå¸¸ã«é«˜é€Ÿã«é–‹ãã“ã¨ãŒã§ãã¾ã™ã€‚ (âš¡ マーク㌠AMP 対応ã®å°) モãƒã‚¤ãƒ«ã«é™ã‚‰ãšã€ã‚る種ã®ãƒ™ã‚¹ãƒˆãƒ—ラクティスã®å¼·åˆ¶ãªã®ã§ã€PC ã§ã‚‚ AMP 対応ã™ã‚‹ã“ã¨ã«æ„味ã¯ã‚ã‚Šã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€å®Ÿéš›ã«ã“ã®ãƒ–ãƒã‚°ã®ãŸã‚ã® SSG を作るéŽç¨‹ã§ã€ã©ã®ã‚ˆã†ã« next.js 上㧠AMP
æ–°ãŸãªSEOã®åˆ°æ¥ã‹ï¼Ÿ AMPストーリーãŒå°‚用ブãƒãƒƒã‚¯ã§Google検索ã«è¡¨ç¤ºã•ã‚Œã‚‹ #AMPConf
[レベル: 上級] AMP ストーリー専用ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ãŒæ¤œç´¢çµæžœã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ æ±äº¬ã®å…本木㧠4 月 17 〜 18 æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸ AMP Conf 2019 ã§ç™ºè¡¨ãŒã‚ã‚Šã¾ã—ãŸã€‚ AMP ストーリーã¯ã€æœ¬ã‚’パラパラã¨ã‚ãるよã†ã«ã—ã¦ç‰©èªžé¢¨ã«ä¸€é€£ã®æƒ…å ±ã‚’é–²è¦§ã§ãã‚‹ AMP ã®æ©Ÿèƒ½ã§ã™ã€‚ æ–‡å—ã§ã¯ãªãã€ç”»åƒã‚„動画をãµã‚“ã ã‚“ã«ä½¿ã£ãŸãƒ“ジュアルã•ã«ç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã¡ã‚‰ã¯ã€AMP Conf ã§ç´¹ä»‹ã•ã‚ŒãŸæ¥½å¤©ãƒ¬ã‚·ãƒ”ã® AMP ストーリーã§ã™ã€‚ å‹•ç”»ã®ã‚ˆã†ã§ã™ãŒã€AMP HTML ã§ä½œæˆã•ã‚Œã¦ã„ã¾ã™ã€‚ 専用アプリã¯ä¸è¦ã§ã€ãƒ—ラットホームをå•ã‚ãšãƒ–ラウザã§è¡¨ç¤ºã§ãã¾ã™ã€‚ Google 検索㮠AMP ストーリー ç¾åœ¨ã¯ã€2 ã¤ã®ã‚¿ã‚¤ãƒ—㧠AMP ストーリー ã¯ãƒ¢ãƒã‚¤ãƒ«æ¤œç´¢çµæžœã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ カルーセル サイト専用 (host-specific) ã®ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã«ãã®ã‚µã‚¤ãƒˆã® AMP
amp-script ã®å®Ÿç”¨æ€§ã«ã¤ã„ã¦è€ƒãˆã‚‹ - mizchi's blog
AMP Conf 全体ã®æ„Ÿæƒ³ã¯å¾Œå›žã—ã«ã—ã¦(書ã‹ãªã„ã‹ã‚‚)〠amp-script ã«ã¤ã„㦠å˜ã«ä½¿ã£ã¦ã¿ãŸã„人㯠AMP ã§ä»»æ„ã® JS を実行ã§ãã‚‹ amp-script を試ã—ã¦ã¿ãŸ - Qiita ã‚„ https://github.com/mizchi-sandbox/amp-script-preact 㧠最åˆã« 僕㮠amp ã«å¯¾ã™ã‚‹ã‚¹ã‚¿ãƒ³ã‚¹ã¯ http://ampletter.org/?lang=ja ã«ç¤ºã•ã‚ŒãŸæ‡¸å¿µã¨ã ã„ãŸã„åŒã˜ã§ã€åŸºæœ¬çš„ã«AMPã¯é‚ªæ‚ªãªã‚‚ã®ã€ç¾ä»£ã®ã‚¦ã‚§ãƒ–ã®äº‹æƒ…を考慮ã™ã‚‹å¿…è¦æ‚ªã¨æ‚ªã®ä¸é–“ãらã„ã ã¨æ€ã£ã¦ãŠã‚Šã€ãã‚Œã¨åŒæ™‚ã«æ¥µç«¯ã«ãƒªã‚½ãƒ¼ã‚¹ãŒåˆ¶ç´„ã•ã‚ŒãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ç’°å¢ƒã¨ã„ã†ã‚‚ã®ãŒå¥½ãã§ã€ãã†ã„ã†ç‚¹ã§ AMP ç”±æ¥ã®æŠ€è¡“を追ã£ã¦ã„ã‚‹ã€ã¨ã„ã†ç«‹å ´ã€‚ amp-script ã«ã¤ã„ã¦çŸ¥ã£ã¦ã„ã‚‹ã“㨠全然ドã‚ュメントãªã„ã®ã§ã€ã‚³ãƒ¼ãƒ‰èªã‚“ã§ã€æ›¸ã„ã¦ã€è§¦ã£ã¦ã€ã‚ã¨ä¸ã®äººé”ã«ç›´
AMP Conf 2019ã«è¡Œã£ã¦ã㟠- hitode909ã®æ—¥è¨˜
AMP Confã¯AMPã®æœ€æ–°æƒ…å ±ã‚’æ•™ãˆã¦ã‚‚らãˆã‚‹äºŒæ—¥é–“ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã€åˆå‰ä¸3セッションåˆå¾Œ8セッションã¿ãŸã„ãªã€è©°ã‚è©°ã‚ã®ä¼šã€‚ å¹´ã«1回世界ã®ã©ã“ã‹ã§é–‹å‚¬ã•ã‚Œã‚‹ä¼šã§ã€ç™ºè¡¨ã»ã¼è‹±èªžã€7:3ãらã„ã§7ãŒæµ·å¤–ã®æ–¹ã§ã€å»Šä¸‹ã§ã‚³ãƒ¼ãƒ’ー飲んã§ã‚‹ã¨ãƒãƒãƒ¼ã‚ãªãŸã®ã‚¸ãƒ§ãƒ–ã¯ãªã‚“ã§ã™ã‹ã¿ãŸã„ãªæ„Ÿã˜ã§è‹±ä¼šè©±ãŒå§‹ã¾ã‚Šã€ã‚¤ãƒ³ãƒ‰ã®æ–¹ã¨ä»²è‰¯ããªã£ã¦instagramã‚„twitterã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆãªã©äº¤æ›ã—ãŸã€‚ å°è±¡ã«æ®‹ã£ãŸã“ã¨ã‚’メモã—ã¦ãŠã。 amp-script AMPã§ã¯JSã®å®Ÿè¡ŒãŒä¸å¯èƒ½ã ã£ãŸã®ãŒã€ã¤ã„ã«å¯èƒ½ã«ãªã£ãŸã€‚Web Workerã§å®Ÿè¡Œã•ã‚Œã‚‹ã€‚ ãªã‚“ã§ã‚‚ã§ãã¦ã—ã¾ã†ã¨HTMLã¨åŒæ§˜å‹•ä½œãŒé‡ããªã£ã¦ã—ã¾ã†ã®ã§ã€ãªã‚“ã§ã‚‚ã§ãã‚‹ã‚ã‘ã§ã¯ãªãã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãã£ã‹ã‘ã§å‹•ãã€ä¸€åº¦ã®å®Ÿè¡Œã¯5秒以内ã€150KBã¾ã§ã€ãªã©ãƒ‘フォーマンスをç¶æŒã™ã‚‹ãŸã‚ã®åˆ¶ç´„ãŒã‚る。 å‡ã£ãŸã“ã¨ã‚‚ã‚„ã‚Œã°ã§ãるよã†ã§ã€ãƒ‡ãƒ¢ã§
スタンドアãƒãƒ³AMPã®ã‚¹ã‚¹ãƒ¡
ã“ã‚“ã«ã¡ã‚ã€@t32kã§ã™ã€‚先日ã€3/18ã«å¤§é˜ªã§é–‹å‚¬ã•ã‚ŒãŸFRONTEND CONFERENCE 2017ã«ç™»å£‡ã—ã¦ãã¾ã—ãŸã€‚ã¾ãŸå¼Šç¤¾ãƒ¡ãƒ«ã‚«ãƒªã¯æ‡‡è¦ªä¼šã‚¹ãƒãƒ³ã‚µãƒ¼ã§ã—ãŸã€‚今回ã¯ã€Žã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ³AMPã®ã‚¹ã‚¹ãƒ¡ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§è¬›æ¼”ã—ãŸå†…容をシェアã—ãŸã„æ€ã„ã¾ã™ã€‚ ç§ãŒæ‰€å±žã—ã¦ã„るソウゾウ社ã§ã¯ãƒ¡ãƒ«ã‚«ãƒªã‚¢ãƒƒãƒ†ã¨ã„ã†ã‚¯ãƒ©ã‚·ãƒ•ã‚¡ã‚¤ãƒ‰ã‚µãƒ¼ãƒ“スを作ã£ã¦ã„ã¾ã™ã€‚メルカリã¯é…é€ã‚·ã‚¹ãƒ†ãƒ を介ã—ã¦å£²è²·ã—ã¾ã™ãŒã€ã“ã¡ã‚‰ã¯ç›´æŽ¥ä¼šã£ã¦æ‰‹æ¸¡ã—ã§ãƒ¢ãƒŽã®å£²ã‚Šè²·ã„ãŒã§ãã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“ã€æ‰‹æ•°æ–™ã‚„é…é€æ–™ã¯ã‹ã‹ã‚Šã¾ã›ã‚“ã®ã§ã€ã‚ˆã‚ã—ã‹ã£ãŸã‚‰ä½¿ã£ã¦ã¿ã¦ãã ã•ã„。ç§ã¯ãã“ã®Web担当ã§ã€æœ¬ã‚µã‚¤ãƒˆã®AMP実装ã«ã¤ã„ã¦è©±ã—ã¾ã™ã€‚ 今日ã®ã‚¢ã‚¸ã‚§ãƒ³ãƒ€ã§ã™ã€‚ AMPã®ãƒ¡ãƒªãƒƒãƒˆ 表ç¾åŠ›ã«ã¤ã„㦠テンプレート分散ã«ã¤ã„ã¦ æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã«ã¤ã„㦠ã¾ã¨ã‚ ã¨ã„ã£ãŸå†…容ã§ã‚„ã£ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ AMPã¨ã¯ï¼Ÿ ã¾ãšã¯AMPã¨ã¯ä½•ã‹èª¬æ˜Žã—ã¾ã™ã€‚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ã§ãƒ™ã‚¹ãƒˆ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Google AMPã«é–¢ã™ã‚‹æ‰‹ç´™
{{#tags}}- {{label}}
{{/tags}}