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

Slide 1

Slide 1 text

Gatsby と Netlify で Gatsby と Netlify で JAMstack なメディア開発 JAMstack なメディア開発 Netlify Meetup #003 / Futoshi Iwashita

Slide 2

Slide 2 text

自己紹介自己紹介岩下太 @jaxx2104 Front-end engineer Recruit Lifestyle Co.

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

課題課題

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

そんな課題に！そんな課題に！

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

こんな構成こんな構成

Slide 16

Slide 16 text

工夫工夫

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

GraphQL と Firebase の活用 GraphQL と Firebase の活用サービスとメディア間のAPIの抽象化サービスとメディア間のAPIの抽象化どんな仕様変更でも妥協しない変化に強い設計

Slide 19

Slide 19 text

もちろんインフラは Netlify もちろんインフラは Netlify リリース前でもインテグレーションで PR単位でプレビュー出来てレビュー快適

Slide 20

Slide 20 text

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