話題になっていて、その中でプレビューをどうしようか?という話が出ていた。側には表示するための仕組みがないからどうにもならない。試してみた感じでは、タイトルのみでの確認ではあるけど確認できた。headlessModeなので、CMSのテンプレート(twig)とかは使えない。あるファイルを指定して、未公開のエントリをライブプレビューの中で表示の確認、変更の反映を確認できた。表示できて1人感動してたけど。後の細かいところはみんなにお願いしよう。いう話もできたらいいかも。滅多に揃わないメンバーだし。_)m以下いくつか試してみたり、調べたこととか。選択できるようになっていて、それがどういう挙動になるのかをまず確認してみた。ドキュメントにあるように、セクションの設定などでURIの設定部分がなくなる。テンプレートのルート設定も非表示になる。フロントエンドの処理もいくつかスキップされたり、JSONのレスポンスが返ってくることになる。おいても表示できなかった。セクションの設定周りが変わっている。この状態でまずはVue.jsでエントリ取得して表示できるようにする。別のURL(例:front.example.com)にする。置いた上で、プレビューターゲットに設定する。管理画面でライブプレビューを開いて、プレビューを確認すると指定したHTMLの内容が表示されるのを確認できる。エントリを取得して表示、詳細ページの表示を確認する。一覧ページの表示は前回同様そこまで問題なくいけた。詳細ページの表示にもちょっと手間取りつつも前回同様に一覧から遷移して表示するところまで。一覧ページのライブプレビューで未公開エントリも確認するクエリのレスポンス次第なところはありそうだけど、未公開のエントリもライブプレビュー経由での一覧ページだと表示できた。(記憶がちょっと曖昧で、Endpoint周りの設定をした後だったかどうか?というのがある。)あとは認証が必要なスキーマしかつかえないとうまいこと動かない様子。渡しちゃうと公開側でもなんでもできちゃうのでそれはなし。ついていないと公開済みのデータしか見れないし、アクセス元も制御はできるのでそこまで問題にはならないかもしれない。つけて投げると閲覧できるらしい。CMShttps://nystudio107.com/blog/h...にあるような感じで設定する。さんのプレビューができるようになるための図が非常にわかりやすかった。URL(hogehoge.heroku.com)に指定する。セクションの設定としてはこのような感じで、エントリのプレビューとして一覧と詳細ページを確認するという感じの設定になっている。プレビューのページ(heroku)からのURLにパラメータがついてるかどうかをみて(CORSの設定とか色々あるけど)、レスポンスを返してくれるという流れの様子。一覧ページのプレビューはいいのだけど、詳細ページの方が最初どうしてもうまく行かなかった。記事が公開済みの場合は公開前のリビジョン(ドラフト)があったり、未公開だとそもそもエントリIDは振られているがドラフトであり、そのドラフトにも複数のリビジョンがあったりする。みてるとライブプレビューの方はドラフトIDがついたURLでリクエストを送っている様子。側でうまいこといかない。エントリID(例えば6とか)に変更すると問題なく取れるということがわかった。エントリの情報を取得すること自体はまだできない様子。ベータ版にあげたけど結局変わらずだった。リリースまでに何かしら変わるかも、、、しれないのだけど。使ってみたら解決した。ベースになるので特定のエントリを取り出すことができる。ベースに変更しておく。}`これでとりあえずライブプレビューを開いたときに別サイト(example.heroku.com)のHTML/JSが読み込まれて内容が表示された。タイトルのみの確認ではあるけど変更も反映されて確認できる、というところまではできた。なくても表示できるようになる。叩いて表示するような場合は公開用においてあるコードをそのまま使うことができそう。問題なさそうな、という気がする。使った方が早そうな気もする。RestAPIの方が触っていない気もする。テンプレートで実装しちゃった方が良さそうな気はするけれど、とりあえずできそうなことがなんとなくわかってよかった。https://hogehoge.com/test/{id})書かないとNGだった。設定が3.3の時と同じなのに表示用のページを探せずエラーになったりした。