AMP Fest を振り返る
.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
SXG（Signed HTTP Exchanges）始ã‚ã¾ã—ãŸ
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEヤフー Tech Blog サイトオペレーション本部ã§CDNã®ä»•äº‹ã‚’ã—ã¦ã„る大津ã¨ç”³ã—ã¾ã™ã€‚ä»–ã«ã‚‚社内セã‚ュリティガイドラインã®ä½œæˆã‚„ã€Node.jsã®ã‚µãƒãƒ¼ãƒˆã‚‚ã—ã¦ã„ã¾ã™ã€‚ 今週ã€4月17・18æ—¥ã«æ±äº¬ã§é–‹å‚¬ã™ã‚‹AMP Conf 2019 ã«ãŠã„ã¦ã€ã€ŒMaximize Yahoo! JAPAN 's UX with AMP and Signed HTTP Exchangesã€ï¼ˆAMPã¨Signed HTTP Exchangesを使ã£ã¦Yahoo! JAPANã®UXを最大化ã™ã‚‹ï¼‰ã¨ã„ã†ç™ºè¡¨ã‚’è¡Œã„ã¾ã™ã€‚プレゼンã§ã¯ã€æœ€åˆã«é§’ç”°ãŒYahoo! JAPAN全体ã¨Yahoo!トラベルã®å–り組ã¿ã«ã¤ã„ã¦ã€æ¬¡ã«ç§ãŒSXGシステムã®æŠ€è¡“解説ã€æœ€å¾Œã«å®—åƒãŒYahoo!検索ã®
滞在時間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週目ã‹
AMPã«ã¤ã„ã¦ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„消費者ã¨ã—ã¦ã®æ„Ÿæƒ³ãƒ¡ãƒ¢ - $shibayu36->blog;
昨日ã€ã€ŒAMPãŒå°Žå…¥ã•ã‚ŒãŸçµæžœã€ç¾æ™‚点ã§ã¯ãƒ¢ãƒã‚¤ãƒ«ã®ãƒ–ラウズ体験ãŒå¤§ããæãªã‚ã‚Œã¦ã‚‹ã®ã§ã™ãŒã€ãã†æ„Ÿã˜ã‚‹ã®ã¯åƒ•ã ã‘ã§ã—ょã†ã‹ã€ã¨Twitterã§ã¤ã¶ã‚„ã„ãŸã‚‰ã€ã„ã‚ã„ã‚åå¿œãŒã‚ã‚Šã€ã„ã‚ã‚“ãªè¦³ç‚¹ã‚’知るã“ã¨ãŒå‡ºæ¥ãŸã®ã§ãƒ¡ãƒ¢ã—ã¦ãŠã。ãªãŠã€è‡ªåˆ†è‡ªèº«ã¯ã¾ã AMPã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を実装ã—ãŸã‚ã‘ã§ã¯ãªã®ã§ã€é–‹ç™ºè€…ã®çŸ¥è˜ã¯ãªãã€ãŸã ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„消費者ã¨ã—ã¦ã®çŸ¥è˜ã—ã‹ãªã„。開発ã—ã¦ã„る人ã‹ã‚‰è¦‹ã‚‹ã¨ã¾ãŸé•ã£ãŸè¦‹ãˆæ–¹ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„。 コンテンツ消費者å´ã®ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã¨ã„ã†è¦³ç‚¹ AMPã«ã‚ˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„消費者å´ã®ãƒ¡ãƒªãƒƒãƒˆã¯é€Ÿåº¦é¢ã ãŒã€ãƒ¢ãƒã‚¤ãƒ«ã‚’利用ã—ã¦ã„ãŸæ™‚ã«ç¾æ™‚点ã§ã¯é€Ÿåº¦ã«å›°ã£ã¦ã„ãªã‹ã£ãŸã®ã§ã€è‡ªåˆ†ã¯ãƒ¡ãƒªãƒƒãƒˆã‚’享å—ã§ãã¦ã„ãªã„ ç¾æ™‚点ã§ã¯ã€ã„ã‚ã‚“ãªç†ç”±ã«ã‚ˆã‚Šãƒ¦ãƒ¼ã‚¶ä½“験ãŒæãªã‚ã‚Œã¦ã„る部分ãŒã‚ã‚‹ ユーザ体験ãŒæãªã‚ã‚Œã¦ã„る例ã¨ã—ã¦ã¯ã€ãƒ—ラットフォームã®å•é¡Œã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„制作å´ã®å•é¡Œã®ä¸¡æ–¹ãŒã‚ã‚‹ プラットフォー
AMP 㨠React+Redux を使ã†
.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
ã¯ã¦ãªãƒ–ãƒã‚°ã®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ã§ãƒ™ã‚¹ãƒˆ
＜amp-ad＞ - 広告を表示ã™ã‚‹
AMPã®amp-adã¯ã€åºƒå‘Šã‚’表示ã™ã‚‹ãŸã‚ã®è¦ç´ ã§ã™ã€‚Google Adsenseã‚„MicroAdã€Criteoã€Nendãªã©ã€æ—¥æœ¬ã§åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ã„ãã¤ã‹ã®åºƒå‘Šã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ 概è¦åå‰amp-adå¯ç”¨æ€§Stable (安定)サãƒãƒ¼ãƒˆã™ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆfill,fixed,fixed-height,flex-item,nodisplay,responsiveå¿…è¦ãªã‚¹ã‚¯ãƒªãƒ—ト<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>検証https://github.com/ampproject/amphtml/blob/master/extensions/amp-ad/0.1/validator-amp-ad.protoasciiドã‚ュメントhttps://
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}