Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
突如現れたコードネーム 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 appl...
WordPress.com REST APIを使った
Front End の Dashboard
フロントエンド?
Dashboard
WordPress Jetpack 有効
WordPress.com 連携サイト
WordPress.com
Management sites
https://developer.wordpress.com/docs/api/console/
すべてAPIを使ってRESTfulにすれば…
Node.js の Blogging Platform
Ghost の場合
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についての勉強会発表日に公開されて私が死ぬ...
ご清聴ありがとうございました
WordBench Osaka #48 About Calypso
WordBench Osaka #48 About Calypso
WordBench Osaka #48 About Calypso
WordBench Osaka #48 About Calypso
Upcoming SlideShare
Loading in …5
×

WordBench Osaka #48 About Calypso

1,273 views

Published on

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

Published in: Engineering
  • Be the first to comment

WordBench Osaka #48 About Calypso

  1. 1. 突如現れたコードネーム Calypso と、 その概念についてのお話 第48回 WordBench 大阪 「運用とチームと構成の理想論 & 突如現れたコード ネーム Calypso & WordBench大坂座談会」 2015.12.5
  2. 2. 自己紹介 • かみやん (Twitter@kamiyam)
 http://nantokaworks.com
 Engineer
  3. 3. Calypso
  4. 4. その前に……
  5. 5. なぜ 私がここで話しているのか…
  6. 6. かみやんを支える技術
  7. 7. JavaScript界隈から来ました
  8. 8. AGENDA • Calypso概要 • WordPress.com • Calypsoが我々にもたらすもの
  9. 9. Calypso 改めて..
  10. 10. https://developer.wordpress.com/calypso/
  11. 11. https://en.blog.wordpress.com/2015/11/23/the-new-wordpress-dot-com/
  12. 12. (観測範囲内の) JS界隈の人たちがざわつく
  13. 13. https://nodejs.org/
  14. 14. https://facebook.github.io/react/
  15. 15. WordPressがPHPからNode.jsに…?
  16. 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. 17. WordPress.com REST APIを使った Front End の Dashboard
  18. 18. フロントエンド?
  19. 19. Dashboard WordPress Jetpack 有効 WordPress.com 連携サイト WordPress.com Management sites
  20. 20. https://developer.wordpress.com/docs/api/console/
  21. 21. すべてAPIを使ってRESTfulにすれば…
  22. 22. Node.js の Blogging Platform Ghost の場合
  23. 23. https://ghost.org/download/
  24. 24. フロント部分は サーバサイドレンダリング
  25. 25. APIによる Angular.js + SPA レンダリングを実装しているのは 管理画面のみ
  26. 26. なぜか…?
  27. 27. SPAによる検索エンジン インデックス問題
  28. 28. 今のところ管理画面に利用される
  29. 29. https://github.com/Automattic/wp-calypso
  30. 30. wp-admin が wp-calypso となる 可能性はある?
  31. 31. 更にJavaScriptの動的レンダリングに 対するクロールも評価され フロントエンドもSPAになる 可能性はある?
  32. 32. http://v2.wp-api.org/
  33. 33. Calypsoは突如現れたものではない
  34. 34. https://developer.wordpress.com/2015/11/23/the-story-behind-the-new-wordpress-com/
  35. 35. Calypsoが我々にもたらすもの
  36. 36. device、platformを問わないCMS管理
  37. 37. https://apps.wordpress.org/
  38. 38. https://desktop.wordpress.com/
  39. 39. http://electron.atom.io/
  40. 40. 比較DEMO
  41. 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. 42. ご清聴ありがとうございました

×