今回はCMS回です。Webサイトの基本ともいえるCMS(コンテンツ・マネジメント・システム)におけるPWA活用法を学びましょう!
https://pwanight.connpass.com/event/156622/
きました pic.twitter.com/Fb0SO391qZ
— umemak (@umemak8) December 18, 2019
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なブログを作る(仮)
みやおかさん
- https://slides.com/masayakazama/pwa-night-cms#/
- https://flamelink.io/
- ヘッドレスCMSはプレビューがないのが課題
- CSR with Prerendering
- 1年運用した感想
- 開発者側は楽
- 編集者側はいまいち
- 管理画面使いづらい
- CMSのデモ
- https://studio.design/ja
- なんかすごい
- 開発中
20:45 LT-1
hissyさん(5分)
- https://speakerdeck.com/hissy/introducing-concrete5-pwa-add-on-japanese
- concrete5 CMSのPWAアドオン
- 100ドルで試せる