Skip to content

PWA Night vol.11 ~PWA × CMS~

   

今回はCMS回です。Webサイトの基本ともいえるCMS(コンテンツ・マネジメント・システム)におけるPWA活用法を学びましょう!

https://pwanight.connpass.com/event/156622/

19:00 開場

19:20 挨拶&PWA Nightについて

  • 2/1 PWA Night Confernce
    • タイムテーブル公開しました
    • LT応募これから
    • まだチケット買えるよ

19:30 自己紹介(全員)

  • 本当に全員やった(持ち時間10秒)

19:40 microCMSとPWAで創るウェブ開発の未来

ウォンタ株式会社 松田承一(@shoma2da)さん

  • https://speakerdeck.com/shoma2da/microcmstopwatechuang-ruuehukai-fa-falsewei-lai
  • https://microcms.io/
  • ヘッドレスCMS
    • 管理画面とDBを持って、出力はAPIを用意する
    • 全体ではなく、画面の1部のみCMS化できる
    • サイネージで使ったり
  • 日本ではWPが強い(非ヘッドレス)
  • 管理画面はReact/Reduxで使ったSPA
  • インフラはAWS Amplify
  • デモ
    • フォームの項目は管理画面で定義する
    • 「コンテンツ参照」が特徴的
    • 管理画面でAPIプレビュー(JSON表示)ができる
    • HTMLのtemplateタグ初めて見た
  • 5Gでネイティブアプリのインストールが容易になったとき、PWAの立ち位置はどうなるか

20:00 WordPress と SSG で作る、情報発信サイト の JAMstack な PWA

lulzneko (ラルズネコ)さん

  • WPは世界の30$のウェブページで使われている
    • WPで色々やろうとするとPHPの知識なりスキルが必要になってくる
  • SSG(Static Site Generator)
    • ServerSideRenderingの対義
  • JAMstack
    • JavaScript + API + Markup
    • パフォーマンス、コスト、スケーリング
    • セキュリティ
    • データとHTMLの分離
  • こういう使い方をするならば、WPもヘッドレスと言える
  • コンテンツ管理システムとしてのWPの強みを活かす
  • WPの運用どうする問題
    • マネージドWPを使う

20:20 休憩

20:25 Firebase、Flamelink、Nuxt、Netlify、PWAを使ってJAMstackなブログを作る(仮)

みやおかさん

20:45 LT-1

hissyさん(5分)

LT-2

mercyさん(5分)

21:05 懇親会

21:55 片付け

22:00 終了