タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

pwaとampに関するyahihiのブックマーク (2)

  • AMPの楽しみな新機能2つ――amp-next-page と One-line PWA

    [レベル: 上級] AMP の開発状況を示すロードマップの現状を紹介する記事を AMP プロジェクトの公式ブログが投稿しました。 正式リリースされた機能と開発中の機能、取り組みが始まったばかりの機能が数多く紹介されています。 個人的に気になった機能を2つ、この記事で取り上げます。 amp-next-page は AMP ページで無限スクロールを実装するコンポーネントです。 ページの下までスクロールすると追加のコンテンツが自動で読み込まれます。 EC サイトの商品リストページや、ソーシャルメディアのタイムライン、長いブログ記事などでおなじみの UI ですね。 無限スクロールが AMP ページでも利用できるようになります。 一般的に、AMP ページでは、内部リンクをたどった場合は AMP ページではなく通常のモバイルページに移動します。 amp-next-page を構成すれば、一連のコンテン

    AMPの楽しみな新機能2つ――amp-next-page と One-line PWA
    yahihi
    yahihi 2018/08/08
  • WordPressでAMP + PWA(プログレッシブ ウェブアプリ)を実装する方法を模索しながら、今はこうやっています|今村だけがよくわかるブログ

    WordPressでAMP + PWA(プログレッシブ ウェブアプリ)を実装する方法を模索しながら、今はこうやっています ここ最近、PWA(プログレッシブ ウェブアプリ)という技術について見聞きする機会が増えてきて、AMP(Accelerated Mobile Pages)と組み合わせて実装する方法について、私の周囲では話題になっていました。 「PWAとかAMPってなんですか?」という方は、以下のページをご参考ください。 はじめてのプログレッシブ ウェブアプリ | Web | Google DevelopersAccelerated Mobile Pages Projectというわけで「WordPressでAMP + PWAを実装するにはどうすればいいのか」。ここ最近いろいろと試していましたが「この方法だとどうかな?」と思って試したことや、現在まで得た知識、感想などを以下にまとめました。

    WordPressでAMP + PWA(プログレッシブ ウェブアプリ)を実装する方法を模索しながら、今はこうやっています|今村だけがよくわかるブログ
  • 1