1.
突如現れたコードネーム Calypso と、
その概念についてのお話
第48回 WordBench 大阪 「運用とチームと構成の理想論 ＆ 突如現れたコード
ネーム Calypso & WordBench大坂座談会」
2015.12.5

2.
自己紹介
• かみやん (Twitter@kamiyam)
http://nantokaworks.com
Engineer

3.
Calypso

4.
その前に……

5.
なぜ
私がここで話しているのか…

6.
かみやんを支える技術

7.
JavaScript界隈から来ました

8.
AGENDA
• Calypso概要
• WordPress.com
• Calypsoが我々にもたらすもの

9.
Calypso
改めて..

10.
https://developer.wordpress.com/calypso/

11.
https://en.blog.wordpress.com/2015/11/23/the-new-wordpress-dot-com/

12.
（観測範囲内の）
JS界隈の人たちがざわつく

13.
https://nodejs.org/

14.
https://facebook.github.io/react/

15.
WordPressがPHPからNode.jsに…?

16.
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

17.
WordPress.com REST APIを使った
Front End の Dashboard

18.
フロントエンド？

19.
Dashboard
WordPress Jetpack 有効
WordPress.com 連携サイト
WordPress.com
Management sites

20.
https://developer.wordpress.com/docs/api/console/

21.
すべてAPIを使ってRESTfulにすれば…

22.
Node.js の Blogging Platform
Ghost の場合

23.
https://ghost.org/download/

24.
フロント部分は
サーバサイドレンダリング

25.
APIによる Angular.js + SPA
レンダリングを実装しているのは
管理画面のみ

26.
なぜか…?

27.
SPAによる検索エンジン
インデックス問題

28.
今のところ管理画面に利用される

29.
https://github.com/Automattic/wp-calypso

30.
wp-admin が wp-calypso となる
可能性はある？

31.
更にJavaScriptの動的レンダリングに
対するクロールも評価され
フロントエンドもSPAになる
可能性はある？

32.
http://v2.wp-api.org/

33.
Calypsoは突如現れたものではない

34.
https://developer.wordpress.com/2015/11/23/the-story-behind-the-new-wordpress-com/

35.
Calypsoが我々にもたらすもの

36.
device、platformを問わないCMS管理

37.
https://apps.wordpress.org/

38.
https://desktop.wordpress.com/

39.
http://electron.atom.io/

40.
比較DEMO

41.
参考
• 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
Native
https://deliciousbrains.com/creating-mobile-app-wp-api-react-native/
• Ionic and WordPress
http://blog.ionic.io/ionic-and-wordpress/

42.
ご清聴ありがとうございました