Google Developers Japan: AMP の新機能、2018 年第 4 四半期

Local blog for Japanese speaking developers

AMP の新機能、2018 年第 4 四半期

2018年12月5日水曜日

この記事は Google AMP Project プロジェクトマネージャー、Eric Lindley による Accelerated Mobile Pages Project の記事 "What’s new in AMP, Q4 2018" を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。code { background-color: transparent } AMP の新たなオープンガバナンスモデル別のブログ投稿で、AMP Project の新たなガバナンスモデルへの移行方針について説明しています。 AMP Linkerブラウザがサードパーティの Cookie アクセスを制限する場合、AMP Linker が新たな方法でユーザーセッションを同期します。詳細やウェブページでの実装方法については、ブログ投稿によるお知らせをご覧ください。 amp-next-page による「無限スクロール」<amp-next-page>（試験運用版として利用可能）は、いわゆる「無限スクロール」する記事をサポートします。ユーザーが一定量ページをスクロールすると、デベロッパーが指定した最大 3 つの URL を読み込むことができます。各ドキュメントは、インラインでシームレスに読み込まれます。

amp-orientation-observer による傾きと連動したアニメーション<amp-orientation-observer> がリリースされました。この機能を利用すると、ページの背景のわずかな移動、イメージのパン、傾きに応じたアニメーションなど、さまざまな効果を実現できます。シーン上で重なり合った複数のコンポーネントを異なる速度で移動させて、レイヤーに対応した 3D 空間を作成することもできます。

amp-image-slider によるイメージの比較<amp-image-slider> を使うと、2 つのイメージを重ねて比較することができます。これは、「事前と事後」の写真を表示するような場合に特に便利です。このコンポーネントの詳細については、先日のブログ投稿をご覧ください。

Google アドマネージャーによる AMP ストーリーの広告サポート（ベータ版）Google アドマネージャーが、サイト運営者によって生成される AMP ストーリーでの直販広告の提供をサポートしました。詳細については、こちらをご覧ください。

*ストーリーページの 1 つに表示される Google Pixel 2 の広告*

その他の主な新機能

いくつかの新しいコンポーネントをリリースしています。

インラインインタラクティブコンテンツのパンとズームをサポートする <amp-pan-zoom>。これを使うと、商品イメージの詳細を確認する、インタラクティブなシートマップで座席を選択するなど、さまざまなユースケースに対応できます。
フォームに日付や日付の範囲を入力する <amp-date-picker>。以前は試験運用版としてリリースされていましたが、一般公開版となりました。詳細はこちらをご覧ください。
指定された日付や時間まで動的にカウントダウンを行う <amp-date-countdown>。
Word ドキュメント、Excel スプレッドシート、PDF などのドキュメントファイルを AMP ページ内にインライン表示する <amp-google-document-embed>。

既存の <amp-lightbox> コンポーネントを表示または非表示にする場合のトランジションをカスタマイズできるようになりました。

MOAT で、AMP HTML 広告の視認性計測機能と迷惑広告検知機能がベータ版サポートとしてリリースされました。ベータ版に参加したい方は、MOAT にご連絡ください。

こちらの手順によって、メールプロバイダが AMP for Email と統合できるようになりました。

近日中にリリースされる特筆すべき機能

関連記事を読みながら動画の視聴を続けたい、またはレシピの説明を読みながら実際に調理の様子を見たいと思ったことはないでしょうか。近日中に、<amp-video> の “dock” 属性で、ユーザーがページをスクロールしたときに動画をビューポートの隅に最小化する機能がサポートされます。これにより、デベロッパーは動画がドッキングする場所や方法をカスタマイズできるようになります。