Gatsby と Netlify で JAMstack なメディア開発

3163582dea3e2c8164e2d690b36a8501?s=47 jaxx2104
December 13, 2018

Gatsby と Netlify で JAMstack なメディア開発

3163582dea3e2c8164e2d690b36a8501?s=128

jaxx2104

December 13, 2018
Tweet

Transcript

  1. Gatsby と Netlify で Gatsby と Netlify で JAMstack なメディア開発

    JAMstack なメディア開発 Netlify Meetup #003 / Futoshi Iwashita
  2. 自己紹介 自己紹介 岩下 太 @jaxx2104 Front-end engineer Recruit Lifestyle Co.

  3. 2年前 Gatsby と Netlify の記事を書いた

  4. 現在 現在 クソアプリも Netlify で作れるいい時代 参考: https://qiita.com/sadnessOjisan/items/51bb949466fdd065a5a6

  5. 静的サイトジェネレーターとの違い 静的サイトジェネレーターとの違い

  6. 個人的に重要だと思う要素 個人的に重要だと思う要素

  7. JAMstack なメディア開発 JAMstack なメディア開発 をやっているので共有します をやっているので共有します

  8. スタートアップにおけるメディア開発 スタートアップにおけるメディア開発 スケールしやすく 少人数で 初動を早く

  9. 課題 課題

  10. サービスを分割しすぎると サービスを分割しすぎると 見る場所が多い... 見る場所が多い...

  11. でもモノリシックは でもモノリシックは 避けれるなら避けたい... 避けれるなら避けたい...

  12. None
  13. そんな課題に! そんな課題に!

  14. JAMstack 構成 JAMstack 構成 スタートアップのメディア開発に 最適ですよという話

  15. こんな構成 こんな構成

  16. 工夫 工夫

  17. UIコンポーネントをパッケージ化 UIコンポーネントをパッケージ化 両サイトから共通利用 両サイトから共通利用

  18. GraphQL と Firebase の活用 GraphQL と Firebase の活用 サービスとメディア間のAPIの抽象化 サービスとメディア間のAPIの抽象化

    どんな仕様変更でも妥協しない変化に強い設計
  19. もちろんインフラは Netlify もちろんインフラは Netlify リリース前でもインテグレーションで PR単位でプレビュー出来てレビュー快適

  20. 少人数でスケールしやすい設計 少人数でスケールしやすい設計 コンポーネントのパッケージで共通化 APIの抽象化と再利用 Netlify でデプロイ・レビュー快適

  21. どんどん使っていきましょう どんどん使っていきましょう

  22. ありがとうございました ありがとうございました