前の記事次の記事 GatsbyとPrismicで作るJamstackなWebサイト Webサービス第7回 画面プレビュー:詳細画面と一覧画面への実装画面プレビューを、ニュース詳細画面と一覧画面に実装していきます。プラグインを利用することで、一から画面プレビューを実装するよりも実装コストを抑えることができます。2022年09月29日(504号)高津戸 壮テクニカルディレクター 目次 はじめに Step1:詳細画面への画面プレビュー実装 1. GraphQLのクエリに_previewableフィールドを追加している 2. ページのコンポーネントをwithPrismicPreviewで囲んでいる 画面プレビューが表示されるまでの一連の流れ Step2:一覧画面への画面プレビュー実装 Step3:プレビューリクエスト受け画面の実装 Step4:プレビューリクエスト受け画面を設定する ここまでの画面プレビュー実装のまとめ シェア この記事を読むには購読の手続きが必要です購読の手続きへ購読済みの方はログイン月額880円(税込)初めてお申し込みの方は、30日間無料でお使いいただけます
Webフォント/アイコンフォントGoogle Fontsで学ぶWebフォントの基本 最終回2026年03月26日無料公開中 next/font/googleの詳細設定藤田 智朗フロントエンド・エンジニア