Page 1
突如現れたコードネーム Calypso と、その概念についてのお話
第48回 WordBench 大阪 「運用とチームと構成の理想論 & 突如現れたコードネーム Calypso & WordBench大坂座談会」
2015.12.5
Page 2
自己紹介
• かみやん (Twitter@kamiyam)
http://nantokaworks.com
Engineer
Page 7
JavaScript界隈から来ました
Page 8
AGENDA
• Calypso概要
• WordPress.com
• Calypsoが我々にもたらすもの
Page 10
https://developer.wordpress.com/calypso/
Page 11
https://en.blog.wordpress.com/2015/11/23/the-new-wordpress-dot-com/
Page 13
(観測範囲内の)JS界隈の人たちがざわつく
Page 15
https://nodejs.org/
Page 16
https://facebook.github.io/react/
Page 17
WordPressがPHPからNode.jsに…?
Page 18
Calypso is the new WordPress.com front-end – a beautiful redesign of the WordPress dashboard using a single-page web application, powered by the WordPress.com REST API. Calypso is built for reading, writing, and managing all of your WordPress sites in one place.
Calypso
Page 19
WordPress.com REST APIを使ったFront End の Dashboard
Page 21
Dashboard
WordPress Jetpack 有効 WordPress.com 連携サイト
WordPress.comManagement sites
Page 22
https://developer.wordpress.com/docs/api/console/
Page 23
すべてAPIを使ってRESTfulにすれば…
Page 24
Node.js の Blogging PlatformGhost の場合
Page 26
https://ghost.org/download/
Page 27
フロント部分はサーバサイドレンダリング
Page 28
APIによる Angular.js + SPAレンダリングを実装しているのは
管理画面のみ
Page 30
SPAによる検索エンジンインデックス問題
Page 32
https://github.com/Automattic/wp-calypso
Page 33
wp-admin が wp-calypso となる可能性はある?
Page 34
更にJavaScriptの動的レンダリングに対するクロールも評価されフロントエンドもSPAになる
可能性はある?
Page 35
http://v2.wp-api.org/
Page 36
Calypsoは突如現れたものではない
Page 38
https://developer.wordpress.com/2015/11/23/the-story-behind-the-new-wordpress-com/
Page 39
Calypsoが我々にもたらすもの
Page 40
device、platformを問わないCMS管理
Page 41
https://apps.wordpress.org/
Page 42
https://desktop.wordpress.com/
Page 43
http://electron.atom.io/
Page 45
参考• WP REST APIを利用したNodeJSのWebアプリを死ぬ思いで作る
http://takahashifumiki.com/web/programing/3683/(Calypsoについての勉強会発表日に公開されて私が死ぬ思いをした)
• WP REST API Part 1: Creating a Mobile App with WP-API and React Nativehttps://deliciousbrains.com/creating-mobile-app-wp-api-react-native/
• Ionic and WordPresshttp://blog.ionic.io/ionic-and-wordpress/