WP REST API と React で始める リモートワークでの有料Webメディア開発

大手出版社のメディアサイトに副業エンジニアとして参画し、リモートで開発を続けるポイントを、WP REST API + React の事例や、リモート開発に使用しているツール・運用改善などを紹介しながらお話します。

Transcript

2. WP REST API と React で始める リモートワークでの有料Webメディア開発 株式会社講談社／株式会社リブセンス 島田 俊介
3. 医療・福祉業界のバックオフィスを10年ほど経て、 30歳を迎えてからWebデザイナーとしてこの業界へ転職。 現在は、株式会社リブセンスにてWebエンジニアとして、 転職ドラフトやデザイナードラフトの開発に従事する傍ら、 講談社でWebメディアの開発のお手伝いをしています。 WordPressちゃんと触り始めて1年目。 島田 俊介 株式会社講談社／株式会社リブセンス SHIMADA Shunsuke @shsh0310 shsh0310
4. クーリエ・ジャポン 300万 PV/月,115万 UU/月
5. 「海外における日本に関連したニュース」や、 「世界が報じる世界のニュース」など、 外国メディアのニュースを日本人に紹介する、 月額会員制のWebメディア。
6. powered by
7. Amazon CloudFront Elastic Load Balancer EC2 RDS DB S3
8. 編集者、ライター 10名以上 システムベンダー 2,3名 デザイナー 1,2名 エンジニア（副業） 1名 講談社 開発体制
9. こんなお話をします WP REST API React.js 副業 & リモートワーク × ×
10. 1. WP REST APIを選択した理由 2. React.jsを選択した理由 3. 副業＆リモートワークでの工夫 アジェンダ
11. WP REST APIを 選択した理由
12. WP REST APIを選択した理由
13. WP REST APIを選択した理由 クーリエ・ジャポンの 新規メディア開発がスタート
14. WP REST APIを選択した理由 EXPAT by クーリエ・ジャポン
15. WP REST APIを選択した理由 EXPAT by クーリエ・ジャポン https://courrier.jp/expat/ 海外で働く日本人が、 「住んでいる人の目線」で、街情報をお届けする、 無料のブログプラットフォーム。 ※執筆者してくれる方を募集中です。
16. WP REST APIを選択した理由 powered by
17. WP REST APIを選択した理由 WordPress2台構成
18. WP REST APIを選択した理由 https://courrier.jp https://？？？？？
19. WP REST APIを選択した理由 新規サービスではあるが、SEO要件もあり、 URLはサブディレクトリで対応する。
20. WP REST APIを選択した理由 https://courrier.jp https://courrier.jp/expat/
21. WP REST APIを選択した理由 データの受け渡し
22. WP REST APIを選択した理由 https://courrier.jp https://courrier.jp/expat/
23. WP REST APIを選択した理由 システムベンダー しまだ WordPressって、 APIとかサクッと 出来ないんですかね…
24. WP REST APIを選択した理由 システムベンダー しまだ WP REST API というのが標準で 使えます！
25. WP REST APIを選択した理由 WP REST API
26. おさらい とある有料Webメディアサービスの 新規開発が、WordPress2台構成にして、 データの受け渡しをすることになったから、WP REST APIを選択した。
27. React.jsを 選択した理由
28. React.jsを選択した理由 WP REST API
29. テンプレートエンジンについて
30. React.jsを選択した理由 Angular.js React.js Vue.js
31. React.jsを選択した理由
32. React.jsを選択した理由 エンジニア採用
33. React.jsを選択した理由 もっと人を採用したい！
34. React.jsを選択した理由 転職サイトの掲載求人数
35. React.jsを選択した理由 求人数多い ＝ 広く使われている
36. React.jsを選択した理由 エンジニア採用に強そう
37. おさらい WP REST APIと連携するために、 テンプレートエンジンとして採用。 加えて、人気があって採用に強そうであることを考 慮して、 React.jsを選択した。
38. 副業＆ リモートワークで の工夫
39. 副業 & リモートワークでの工夫 リモートワークでよくある問題
40. 副業 & リモートワークでの工夫 孤独を感じる 家で仕事がやりにくい 情報共有がされない 気軽に声をかけられない 雑談がない 働きすぎる 本業とのバランス 何をしているのか分からない 寂しい 仕事してくれてるのか 返事が遅い
41. 副業 & リモートワークでの工夫 孤独を感じる 家で仕事がやりにくい 情報共有がされない 気軽に声をかけられない 雑談がない 働きすぎる 本業とのバランス 何をしているのか分からない 寂しい 仕事してくれてるのか 返事が遅い 不安
42. 副業 & リモートワークでの工夫 姿が見えない不安
43. 副業 & リモートワークでの工夫 何をしているかを、 「自然に」「リアルタイムに」 知らせることを心がける
44. 副業 & リモートワークでの工夫 Slack Incoming Webhooks
45. 副業 & リモートワークでの工夫 タスク管理 デザインデータ共有＋レビュー デザインデータバージョン管理 チーム内Wiki Trello Zeplin Plant Kibela
46. 副業 & リモートワークでの工夫
47. 副業 & リモートワークでの工夫
48. 副業 & リモートワークでの工夫 何をしているのか全くわからないより ずっといい
49. 副業 & リモートワークでの工夫 顔の見えない環境では、 しつこいくらいに共有する。
50. 今回のまとめ
51. まとめ 1. WP REST APIを選択したのは、 　　　2台のWordPressのデータ受け渡しのため 2. React.jsを選択したのは、人気と採用のため 3. リモートワークでは共有が第一
52. エンジニア、デザイナーを募集中です！ @shsh0310 shsh0310
53. ご清聴ありがとうございました。 @shsh0310 shsh0310