WordBench Osaka #48 About Calypso

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

Transcript of WordBench Osaka #48 About Calypso

突如現れたコードネーム Calypso と、その概念についてのお話

第48回 WordBench 大阪 「運用とチームと構成の理想論 & 突如現れたコードネーム Calypso & WordBench大坂座談会」

2015.12.5

自己紹介

• かみやん (Twitter@kamiyam)

http://nantokaworks.com

Engineer

Calypso

その前に……

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

かみやんを支える技術

JavaScript界隈から来ました

AGENDA

• Calypso概要

• WordPress.com

• Calypsoが我々にもたらすもの

Calypso改めて..

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

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

(観測範囲内の)JS界隈の人たちがざわつく

https://nodejs.org/

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

WordPressがPHPからNode.jsに…?

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

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

フロントエンド?

Dashboard

WordPress Jetpack 有効 WordPress.com 連携サイト

WordPress.comManagement sites

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

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

Node.js の Blogging PlatformGhost の場合

https://ghost.org/download/

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

APIによる Angular.js + SPAレンダリングを実装しているのは

管理画面のみ

なぜか…?

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

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

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

wp-admin が wp-calypso となる可能性はある?

更にJavaScriptの動的レンダリングに対するクロールも評価されフロントエンドもSPAになる

可能性はある?

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

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

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

Calypsoが我々にもたらすもの

device、platformを問わないCMS管理

https://apps.wordpress.org/

https://desktop.wordpress.com/

http://electron.atom.io/

比較DEMO

参考• 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/

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