Slide 1

Slide 1 text

CC BY 4.0 Plone 6 is SPA (シングルページアプリケーション) ─OSS フルSPA CMS─ Plone Users Group Japan 寺田 学 「オープンソースカンファレンス2021 Online/Spring 」 2021年3月6日

Slide 2

Slide 2 text

CC BY 4.0 セッション中の諸注意 ● スライドは公開済み ● 写真撮影可能、録音・録画可能 ● Twitterなどでのつぶやき 歓迎

Slide 3

Slide 3 text

CC BY 4.0 自己紹介 寺田 学 (Manabu TERADA) ● Pythonエンジニア ● Podcast 「terapyon channel」(https://podcast.terapyon.net) ● 主な関連書籍(共著・監修・監訳) ○ 機械学習図鑑(翔泳社 : 2019年4月) ○ Pythonによるあたらしいデータ分析の教科書(翔泳社 :2018年9月) ○ スラスラわかるPython(翔泳社:2017年8月) ○ Pythonハッカーガイドブック(マイナビ : 2020年5月)【最後にプレゼントあります】

Slide 4

Slide 4 text

CC BY 4.0 本日のトークと関連組織 Plone Users Group Japan として、トークします。 ● 一般社団法人PyCon JP Association代表理事 ● 株式会社 CMSコミュニケーションズ 代表取締役 ● 一般社団法人Pythonエンジニア育成推進協会顧問理事 ● Plone Foundation Ambassador ● PSF Fellow member 2019Q3 & Contributing member

Slide 5

Slide 5 text

CC BY 4.0 Plone Foundation Plone Foundationは、グローバルに導入されているCMSフレームワーク「Plone」の普及・ 開発を支援することを目的に2004年に設立された非営利組織です。主な活動内容は、 Ploneソフトウェアの知財管理と、カンファレンスや開発スプリントの開催を通じたコミュニ ティへの支援です。 ● Plone ・・CMSツール ● Guillotina ・・次世代ヘッドレス非同期サーバフレームワーク ● Pyramid ・・汎用Webフレームワーク ● Zope ・・Webアプリケーション基盤 ● Volto ・・SPAツールキット

Slide 6

Slide 6 text

CC BY 4.0 本日のトーク内容 Ploneの次期メジャーバージョンアップ 「Plone 6 がどのような進化をしようとしている」か 「ヘッドレスCMSとしてPloneを用いReactで作る」 ことについて説明します。

Slide 7

Slide 7 text

CC BY 4.0 Ploneの現状

Slide 8

Slide 8 text

CC BY 4.0 Plone(プローン)は、約20年の歴史 オープンソースCMS エンタープライズ対応の高度な機能を備えており、多くの人と組織が 関わるウェブサイトの管理に力を発揮します。 規模に関わらず、社内情報の共有・蓄積も得意分野です。 Ploneとは

Slide 9

Slide 9 text

CC BY 4.0 Ploneのスナップショット

Slide 10

Slide 10 text

CC BY 4.0 Ploneが提供する主な機能 ● エンタープライズ環境との統合 ● 柔軟なワークフロー・強固なセキュリティ ● すぐれた拡張性 ● 高いスケーラビリティ ● 多言語対応 ● アクセシビリティ対応 ● 認証とシングルサインオン

Slide 11

Slide 11 text

CC BY 4.0 Ploneが提供する主な機能詳細 詳細 を知りたい方は OSC2019 東京秋 老舗CMS PloneとReactの融合 https://speakerdeck.com/terapyon/lao-pu-cms-plonetoreactfalserong-he?slide=17

Slide 12

Slide 12 text

CC BY 4.0 Ploneの最新バージョン Plone 5.2.3 2020年11月リリース https://plone.org/download/releases/5.2.3

Slide 13

Slide 13 text

CC BY 4.0 Plone 5.2 のリリース ● Plone 5.2 は2019年11月 ● Python 3対応 ● UI/機能は既存を踏襲

Slide 14

Slide 14 text

CC BY 4.0 Plone 5.0 のリリース ● Plone 5.0 は2015年9月 ● 現在のUIを採用 ● 内部も大きく変化した

Slide 15

Slide 15 text

CC BY 4.0 Plone 5.0 の過去資料 詳細 を知りたい方は OSC2015 東京秋 Plone 5 & アクセシビリティ https://www.slideshare.net/terapyon/plone-5-at-osc-2015-tokyo-fall

Slide 16

Slide 16 text

CC BY 4.0 Plone 6のコンセプト

Slide 17

Slide 17 text

CC BY 4.0 Plone 6 ● 次期メジャーバージョンアップ ● リリース時期は未定 ● 2つのUI

Slide 18

Slide 18 text

CC BY 4.0 Plone 6にはUIが2つ Volto: a new ReactJS-based frontend The “core” Barceloneta-based frontend https://plone.org/roadmap/plone-6-roadmap.pdf

Slide 19

Slide 19 text

CC BY 4.0 Plone 6 core ● クラシックとも呼ばれている ● 既存のUIをベース ● いままで通りの使い方を想定

Slide 20

Slide 20 text

CC BY 4.0 Plone 6 Volto ● 現在別パッケージととして提供されているVolto ● ReactベースのSPAツールキット ● Ploneの新UIとして採用が決まった ● 大きな変化がある

Slide 21

Slide 21 text

CC BY 4.0 SPAツールキットVoltoとは ─ 1 ● Plone専用のフロントエンドアプリとして開発がスタート ● 当初は、plone.reactと言われていた ● ReactベースのCMS用のフロントエンド実装 ● MITライセンス ● Ploneやguillotina CMSに対応しているSPAを作る為のもの

Slide 22

Slide 22 text

CC BY 4.0 SPAツールキットVoltoとは ─ 2 ● 編集画面等のCMS管理もすべてVoltoで行う想定 ● Blockでページを構成する ● Semantic UI ベース https://semantic-ui.com/ ● カスタマイズを行うことで見た目や機能拡張が可能な仕組みを 提供

Slide 23

Slide 23 text

CC BY 4.0 Volto編集画面

Slide 24

Slide 24 text

CC BY 4.0 Volto表示画面

Slide 25

Slide 25 text

CC BY 4.0 SPAツールキットの良さ ● Webページが、アプリ化 ● 編集画面の変容 ○ TinyMCEなどのWYSIWYGで書いて良いの? ○ WordPressやMediumなどの編集画面 ● Webサイトは、スマホやタブレットからの閲覧がますます多くな り、スマホアプリとの差を減らす

Slide 26

Slide 26 text

CC BY 4.0 Plone 6 を一言で Plone 6は SPA CMS Volto (Reactベース) と Ploneを完全融合

Slide 27

Slide 27 text

CC BY 4.0 Voltoの現状

Slide 28

Slide 28 text

CC BY 4.0 Voltoの最新バージョン Volto 12.2.0 2021年3月リリース https://github.com/plone/volto/releases

Slide 29

Slide 29 text

CC BY 4.0 Volto のリリース ● 積極的にバージョンアップ・機能アップを実装中 ● 数ヶ月でメジャーバージョンアップしている ● ヨーロッパ中心で開発が進んでいる

Slide 30

Slide 30 text

CC BY 4.0 Volto / SPA なぜ SPA と思った方は OSCオンライン2020 東京春 SPA CMSツールVolto for Ploneの紹介とPWAへの展望 https://speakerdeck.com/terapyon/spa-cmsturuvolto-for-plonefalseshao-jie-topwahefalsezhan-wang

Slide 31

Slide 31 text

CC BY 4.0 Volto のリリース ● 積極的にバージョンアップ・機能アップを実装中 ● 毎月のようにメジャーバージョンアップしている ● ヨーロッパ中心で開発が進んでいる

Slide 32

Slide 32 text

CC BY 4.0 Voltoの事例紹介

Slide 33

Slide 33 text

CC BY 4.0

Slide 34

Slide 34 text

CC BY 4.0

Slide 35

Slide 35 text

CC BY 4.0

Slide 36

Slide 36 text

CC BY 4.0

Slide 37

Slide 37 text

CC BY 4.0

Slide 38

Slide 38 text

CC BY 4.0

Slide 39

Slide 39 text

CC BY 4.0

Slide 40

Slide 40 text

CC BY 4.0

Slide 41

Slide 41 text

CC BY 4.0

Slide 42

Slide 42 text

CC BY 4.0

Slide 43

Slide 43 text

CC BY 4.0

Slide 44

Slide 44 text

CC BY 4.0 Volto事例一覧 事例がドキュメント内にある https://github.com/plone/volto#demo

Slide 45

Slide 45 text

CC BY 4.0 デモ

Slide 46

Slide 46 text

CC BY 4.0 書籍プレゼント

Slide 47

Slide 47 text

CC BY 4.0 https://bit.ly/OSC2021Spring_Form OSCアンケート&プレゼント

Slide 48

Slide 48 text

CC BY 4.0 ご清聴 ありがとうございました。

Slide 49

Slide 49 text

CC BY 4.0 Q&A