プロダクトマネージャーpixivでプロダクトマネージャーをしているmu-koです。Storiesを作成し、2019年末にリリースしました。Storiesの概要をご紹介します。開発者向けの記事は別途公開予定です。pixivとはpixivはクリエイターがイラスト・マンガ・小説を投稿し、声援をもらうことができるサービスです。2019年9月時点で登録ユーザーは4,000万ユーザーを超え、投稿作品数は8,500万作品あります。最近は日本以外の国からの登録が増え、今では約70%を占めています。Pages)とはAMPとは、Googleが中心となって作られた、ウェブサイトを高速に表示するためのフレームワークです。AMPコンテンツのメリットを1つご紹介します。AMPキャッシュからページが取得されるため、ページが高速に読み込まれやすくなります。Storiesとはユーザーが全画面で閲覧を楽しめるストーリー形式のコンテンツです。ユーザーはStories内でタップすることでページ内容を高速に切り替えられます。Storiesのフォーマットはどなたでも利用できるように無料で公開され、どのサイトでも導入できます。Storiesの詳細が紹介されています。Storiesについてpixivには様々な作品が投稿され、これらの作品にはハッシュタグが付けられています。Storiesを作成しました。Storiesは以下のURLから確認できます。Stories上でしっかりと伝わることを考えて作成しました。Storiesの担当デザイナーの発表資料もありますので、ご興味のある方はぜひご覧ください。Storiesに興味を持ったことで、今回の結果が出たと考えています。StoriesがGoogle検索上に表示されます。Storiesを用意することで、米国などでpixivのコンテンツが表示されることを期待しています。今後は日本にも横展開される可能性が高いと考えられます。そのため、pixivユーザーの作品をより多くの方に届けるチャンスが増えることを期待できます。Stories導入のメリットについて説明されています。ストーリー開発のフォーマットが整っていることストーリー形式のコンテンツをサービスに導入するために自社で1から開発する必要がありません。Storiesのフォーマットや開発ドキュメントが用意されているため、どなたでもストーリー形式のコンテンツを作成しやすい環境が整っています。AMPには1,000人を超えるコントリビューターがいて、フォーマットがアップデートされていくメリットがあります。Adsというものが用意されていて、ストーリーの途中で全画面広告を設置できます。以下のページで全画面広告入りのストーリーの例を見れます。開発アナリティクスや構造化データの設定リリース注意点としては以下の2つがあります。Storiesのチュートリアル記事をおすすめします。Storiesがどういうものかをざっくり把握することができます。チュートリアルはすでに日本語翻訳されていますので、日本語で記事を読むこともできます。amp.devベストプラクティステキストや画像・動画の表示方法、アニメーションの使い方の良い例と悪い例が紹介されています。Storiesを作る前にこの記事を読むことをおすすめします。Storiesを公開した後、どのように閲覧されているかを確認し、次の改善案を考えるためにアナリティクスを設定する必要があります。Storiesではページビューとイベントを使い分け、閲覧情報を記録します。Blogはいつイベントを飛ばすかの参考になりました。図解もされていて非常に分かりやすい記事になっています。同じ内容でAMPページと非AMPページが存在する場合はcanonicalやamphtmlを設定します。Storiesでも検索エンジン向けに構造化データを設定できます。構造化データは構造化データテストツールから確認できます。Storiesの構造化データはこちらから見れますので、ぜひ確認してみてください。プレビューボタンをクリックすることで、Google検索上でどのように表示されるかを確認できます。開発者向けになりますが、各コンポーネントの詳細は以下のドキュメントから確認できます。Storiesはモバイルユーザーに最適化された表示形式でページを高速に切り替えることもでき、さらに多くのサイトで利用される可能性があると思います。Storiesを作って体験してみてください。何かご質問がありましたら、以下のサービスからご連絡お願いします。»common.min.js.html。