search

vuejs-jp / vuefes-2019

29 stars 5 forks source link

Headless CMS を導入する #3

Closed inouetakuya closed 5 years ago

inouetakuya commented 5 years ago

@ryamakuchi

Copy from: Headless CMS を導入する · Issue #365 · kazupon/vuefes

解決したい問題

Vue Fes Japan 2018 の際、スポンサー情報の追加、変更のたびにソースコードを変更する必要が発生して面倒だった

問題を解決するために

この Issue の完了条件

どのような Headless CMS があるか調査されていること

Headless CMS が選定されていること

Headless CMS を利用して 2019年のスポンサー情報を更新できる状態になっていること

inouetakuya commented 5 years ago

スケジュールの目安

@ryamakuchi CC: @treby @positiveflat

このタスクにおいて、スケジュールの目安としては、

Headless CMS を利用して 2019年のスポンサー情報を更新できる状態になっていること

が 5月末 で完了するようアクションしてもらえると有り難いです :pray:

メモ:

@ryamakuchi へお願い

調査や選定など、いくつかの関連するタスクについて、どんな感じのスケジュールで進めていくか、決めて共有していただけると有り難いです :pray:

@448jp @hisako135 へお願い

スポンサー情報を、サイトにどのように掲載するか、デザイン作成・共有をお願いしたいですー :pray:

448jp commented 5 years ago

@inouetakuya 了解ですー、私の方でデザイン起こします！

treby commented 5 years ago

@inouetakuya 昨年の知見ありがとうございます。

スポンサー情報の追加、変更のたびにソースコードを変更する必要が発生して面倒

昨年このようなことがあったのですね、、、共有ありがとうございます。

Headless CMS を利用して 2019年のスポンサー情報を更新できる状態になっていること が 5月末

こちら把握しました、よろしくお願いします

ryamakuchi commented 5 years ago

@inouetakuya 承知しました！対応が遅くなってしまいすみません。 🙇‍♀

こちらのスケジュールで動いていきたいと思います。 よろしくお願いします！

inouetakuya commented 5 years ago

@ryamakuchi

スケジュールありがとうございます！結構、短期集中でガッとやっちゃう感じですね。了解しました。張り切って行きましょう！！:dash:

ryamakuchi commented 5 years ago

HeadlessCMS の調査

該当条件

追加の条件

ホスト型の HeadlessCMS であること

などインストール型の HeadlessCMS があることが分かった。 しかし今回の要件から考えるとホスト型の HeadlessCMS が適切と考える。

参考 URL

https://headlesscms.org/ https://app.milanote.com/1H6AuB1sewUWaR

手順

該当する HeadlessCMS 一覧

Oh... 結構ありますね...

HeadlessCMS の選定

上記の 7つの HeadlessCMS を実際に触ってみる予定です。

を行い、5/16（木） までに選定完了させますので、よろしくお願いします！ 🙇‍♀

ryamakuchi commented 5 years ago

@inouetakuya @treby @positiveflat

レビュー依頼が遅くなってしまいすみません 🙇‍♀ 💦

今のところ候補が2つ挙がりました。 最終的な決めとしてはもう少し時間がかかりそうなため、一旦今分かっている情報を出したいと思います。

HeadlessCMS の選定

上記の 7つの HeadlessCMS を実際に触ってみました。

選定基準

選定メモ

選定内容のまとめ

ということで、Netlify CMS と Contentful との比較になりました。

@treby @positiveflat

Netlify CMS と Contentful のサンプル管理画面を用意するので、操作感を見てもらいたいと思っています。 こちらは遅くとも 5/17（金） までに用意しますので、できあがり次第レビューしていただけるとうれしいです 🙏 遅くなってすみませんがよろしくお願いします！

kazupon commented 5 years ago

Netlify CMS 、もしかしたら最近 Netlify にジョインした Sarah さんが教えてくれるかもしれない。 。。。と思ったら時間がないか。

ryamakuchi commented 5 years ago

対決

Netlify CMS の仕組み

ということが分かりました。

そもそも GraphQL を使う必要がなさそう（下記参照）

データは GitHub のリポジトリにあるため、GraphQL を使う必要がなさそうと思いました。

試しに Playground リポジトリを作ってみました。

https://github.com/ryamakuchi/netlify-cms-playground

@inouetakuya @treby @kazupon 画面の操作感の参考までに、招待メール送りました ✉️

  1. 招待メールが届いているので Accept the invite してください
  2. ログイン画面から GitHub を使ってログインできます
  3. Sponsor から画像とタイトルを追加することができます
    • コンテンツを追加すると、自動でコミットされ、その変更を Netlify が検知してデプロイされる、という仕組みです

※ 画面側は作っていないため、管理画面側のみの操作感の確認となります