Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Plone is SPA
Search
Manabu TERADA
March 06, 2021
Technology
1
130
Plone is SPA
シングルページアプリケーション
オープンソース
SPA CMS
Manabu TERADA
March 06, 2021
Tweet
Share
More Decks by Manabu TERADA
See All by Manabu TERADA
PythonエンジニアになるためのテクニカルハイライトとPython実践試験学習方法
terapyon
0
42
Pythonデータ分析実践試験 出題傾向や学習のポイントとテクニカルハイライト
terapyon
1
560
近年の PyCon 情勢から見た PyCon APAC のまとめ
terapyon
0
410
Desktop Apps Made Easy: Python Web UI Frameworks with Streamlit and Stlite
terapyon
1
92
Python実践試験、 Pythonデータ分析実践試験に 合格できるひとのレベル紹介と学習法
terapyon
0
2.8k
各種大学向けにSSO対応サイト(SP)構築の事例紹介
terapyon
0
68
コンテンツタイプとUMLで考えるPlone開発(1)
terapyon
0
140
Python Web UIフレームワークのススメ
terapyon
0
1.5k
LLMを用いたPloneベクター検索 アドオンの開発の説明
terapyon
0
120
Other Decks in Technology
See All in Technology
SoccerNet GSRの紹介と技術応用:選手視点映像を提供するサッカー作戦盤ツール
mixi_engineers
PRO
1
170
Trust as Infrastructure
bcantrill
0
330
生成AI_その前_に_マルチクラウド時代の信頼できるデータを支えるSnowflakeメタデータ活用術.pdf
cm_mikami
0
110
"複雑なデータ処理 × 静的サイト" を両立させる、楽をするRails運用 / A low-effort Rails workflow that combines “Complex Data Processing × Static Sites”
hogelog
3
1.9k
o11yで育てる、強い内製開発組織
_awache
3
120
Where will it converge?
ibknadedeji
0
180
職種別ミートアップで社内から盛り上げる アウトプット文化の醸成と関係強化/ #DevRelKaigi
nishiuma
2
130
[2025-09-30] Databricks Genie を利用した分析基盤とデータモデリングの IVRy の現在地
wxyzzz
0
470
GA technologiesでのAI-Readyの取り組み@DataOps Night
yuto16
0
270
Optuna DashboardにおけるPLaMo2連携機能の紹介 / PFN LLM セミナー
pfn
PRO
1
880
KAGのLT会 #8 - 東京リージョンでGAしたAmazon Q in QuickSightを使って、報告用の資料を作ってみた
0air
0
200
SREとソフトウェア開発者の合同チームはどのようにS3のコストを削減したか?
muziyoshiz
1
100
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
32
2.2k
How to train your dragon (web standard)
notwaldorf
96
6.3k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
960
How STYLIGHT went responsive
nonsquared
100
5.8k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
BBQ
matthewcrist
89
9.8k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Practical Orchestrator
shlominoach
190
11k
Bash Introduction
62gerente
615
210k
Transcript
CC BY 4.0 Plone 6 is SPA (シングルページアプリケーション) ─OSS フルSPA
CMS─ Plone Users Group Japan 寺田 学 「オープンソースカンファレンス2021 Online/Spring 」 2021年3月6日
CC BY 4.0 セッション中の諸注意 • スライドは公開済み • 写真撮影可能、録音・録画可能 • Twitterなどでのつぶやき
歓迎
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月)【最後にプレゼントあります】
CC BY 4.0 本日のトークと関連組織 Plone Users Group Japan として、トークします。 •
一般社団法人PyCon JP Association代表理事 • 株式会社 CMSコミュニケーションズ 代表取締役 • 一般社団法人Pythonエンジニア育成推進協会顧問理事 • Plone Foundation Ambassador • PSF Fellow member 2019Q3 & Contributing member
CC BY 4.0 Plone Foundation Plone Foundationは、グローバルに導入されているCMSフレームワーク「Plone」の普及・ 開発を支援することを目的に2004年に設立された非営利組織です。主な活動内容は、 Ploneソフトウェアの知財管理と、カンファレンスや開発スプリントの開催を通じたコミュニ ティへの支援です。
• Plone ・・CMSツール • Guillotina ・・次世代ヘッドレス非同期サーバフレームワーク • Pyramid ・・汎用Webフレームワーク • Zope ・・Webアプリケーション基盤 • Volto ・・SPAツールキット
CC BY 4.0 本日のトーク内容 Ploneの次期メジャーバージョンアップ 「Plone 6 がどのような進化をしようとしている」か 「ヘッドレスCMSとしてPloneを用いReactで作る」 ことについて説明します。
CC BY 4.0 Ploneの現状
CC BY 4.0 Plone(プローン)は、約20年の歴史 オープンソースCMS エンタープライズ対応の高度な機能を備えており、多くの人と組織が 関わるウェブサイトの管理に力を発揮します。 規模に関わらず、社内情報の共有・蓄積も得意分野です。 Ploneとは
CC BY 4.0 Ploneのスナップショット
CC BY 4.0 Ploneが提供する主な機能 • エンタープライズ環境との統合 • 柔軟なワークフロー・強固なセキュリティ • すぐれた拡張性
• 高いスケーラビリティ • 多言語対応 • アクセシビリティ対応 • 認証とシングルサインオン
CC BY 4.0 Ploneが提供する主な機能詳細 詳細 を知りたい方は OSC2019 東京秋 老舗CMS PloneとReactの融合
https://speakerdeck.com/terapyon/lao-pu-cms-plonetoreactfalserong-he?slide=17
CC BY 4.0 Ploneの最新バージョン Plone 5.2.3 2020年11月リリース https://plone.org/download/releases/5.2.3
CC BY 4.0 Plone 5.2 のリリース • Plone 5.2 は2019年11月
• Python 3対応 • UI/機能は既存を踏襲
CC BY 4.0 Plone 5.0 のリリース • Plone 5.0 は2015年9月
• 現在のUIを採用 • 内部も大きく変化した
CC BY 4.0 Plone 5.0 の過去資料 詳細 を知りたい方は OSC2015 東京秋
Plone 5 & アクセシビリティ https://www.slideshare.net/terapyon/plone-5-at-osc-2015-tokyo-fall
CC BY 4.0 Plone 6のコンセプト
CC BY 4.0 Plone 6 • 次期メジャーバージョンアップ • リリース時期は未定 •
2つのUI
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
CC BY 4.0 Plone 6 core • クラシックとも呼ばれている • 既存のUIをベース
• いままで通りの使い方を想定
CC BY 4.0 Plone 6 Volto • 現在別パッケージととして提供されているVolto • ReactベースのSPAツールキット
• Ploneの新UIとして採用が決まった • 大きな変化がある
CC BY 4.0 SPAツールキットVoltoとは ─ 1 • Plone専用のフロントエンドアプリとして開発がスタート • 当初は、plone.reactと言われていた
• ReactベースのCMS用のフロントエンド実装 • MITライセンス • Ploneやguillotina CMSに対応しているSPAを作る為のもの
CC BY 4.0 SPAツールキットVoltoとは ─ 2 • 編集画面等のCMS管理もすべてVoltoで行う想定 • Blockでページを構成する
• Semantic UI ベース https://semantic-ui.com/ • カスタマイズを行うことで見た目や機能拡張が可能な仕組みを 提供
CC BY 4.0 Volto編集画面
CC BY 4.0 Volto表示画面
CC BY 4.0 SPAツールキットの良さ • Webページが、アプリ化 • 編集画面の変容 ◦ TinyMCEなどのWYSIWYGで書いて良いの?
◦ WordPressやMediumなどの編集画面 • Webサイトは、スマホやタブレットからの閲覧がますます多くな り、スマホアプリとの差を減らす
CC BY 4.0 Plone 6 を一言で Plone 6は SPA CMS
Volto (Reactベース) と Ploneを完全融合
CC BY 4.0 Voltoの現状
CC BY 4.0 Voltoの最新バージョン Volto 12.2.0 2021年3月リリース https://github.com/plone/volto/releases
CC BY 4.0 Volto のリリース • 積極的にバージョンアップ・機能アップを実装中 • 数ヶ月でメジャーバージョンアップしている •
ヨーロッパ中心で開発が進んでいる
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
CC BY 4.0 Volto のリリース • 積極的にバージョンアップ・機能アップを実装中 • 毎月のようにメジャーバージョンアップしている •
ヨーロッパ中心で開発が進んでいる
CC BY 4.0 Voltoの事例紹介
CC BY 4.0
CC BY 4.0
CC BY 4.0
CC BY 4.0
CC BY 4.0
CC BY 4.0
CC BY 4.0
CC BY 4.0
CC BY 4.0
CC BY 4.0
CC BY 4.0
CC BY 4.0 Volto事例一覧 事例がドキュメント内にある https://github.com/plone/volto#demo
CC BY 4.0 デモ
CC BY 4.0 書籍プレゼント
CC BY 4.0 https://bit.ly/OSC2021Spring_Form OSCアンケート&プレゼント
CC BY 4.0 ご清聴 ありがとうございました。
CC BY 4.0 Q&A