WordPress の人が Riot.js を使うべき理由

Transcript

1. WordPress の人が Riot.js を使うべき理由 Riot.js 勉強会 @Tokyo #1 森山真祐子

2. 自己紹介

3. 森山真祐子です！ • フリーランスのフロントエンドエンジニア • WordPress のコミュニティ活動 • Riot.js を勉強中！

4. Riot.js を使い始めた きっかけ

5. オープンソースCafe きてね

6. Riot.js を使って WordPress サイトをカ スタマイズしてみた Riot.js 勉強会 @Tokyo #1 森山真祐子

7. Riot.js を使って WordPress サイトをカ スタマイズしてみた Riot.js 勉強会 @Tokyo #1 森山真祐子

   すいません......

8. WordPress と API WordPress の人が Riot.js を使うべき理由 アジェンダ

9. WordPress とは

10. ブログ! CMS! 利用サイト数世界一! PHPでできている!

11. アプリケーション プラットフォーム!

12. WordPress の人たちも JavaScript が 必須科目に なってきたよ！ https://wptavern.com/state-of-the-word-2015- javascript-and-api-driven-interfaces-are-the- future-of-wordpress

13. WordPress から API をだす方法 WordPress.com の API (有名サイトの記事が引っ張れる！) WP REST

    API (コアにマージされる予定だが、開発中) 独自開発のAPI (日本の企業が作っているサイトに多い) 詳しく知りたい人は話しかけてください :)

14. API の使いどころ ※ライブラリ不問

15. 「続きを読む」ボタン https://www.webprofessional.jp/ WPJ

16. https://github. com/mayukojpn/Posts-by- Author 共著ブログから 自分の記事を とってくる （会員制サイトのため非公開） 大原ケイの版権輸出コンサルティングサービス

17. 管理画面 Happytables という、日本でいう「ぐるなび」 ものすごい数のサイトをホストしている http://www.happytables. com/news/happytables-3-beta/ happytables

18. スマホから音声を 投稿するアプリ スマホでインタビューしてすぐアップ https://storycorps.me StoryCorps

19. 小説投稿サイト「破滅派」の 登録ユーザーが、本の表紙をつくれる ログイン認証して ユーザーデータを使う http://hametuha.pics/ はめぴくっ！

20. Calypso ( WordPress.com ) Node.js で動く WordPress エディタ オープンソース！ https://github.com/automattic/wp-calypso

21. WordPress を使っている人が Riot.js を使うべき理由!

22. そのいち！

23. とっても簡単だから!

24. Riot.js 以外 使ったことないですが。。。。

25. そのに！

26. 私が使って いるから

27. WordBench東京 JavaScript 部 はじめます ８月某日 〜 年末まで毎月 Riot 勢かもん!

28. https://github.com/potato4d/riot-wp-api Riot.js でウェブアプリをつくるハンズオン（終了）

29. Thank you! Twitter: @mayukojpn