Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

3163582dea3e2c8164e2d690b36a8501?s=47 jaxx2104
December 13, 2018
Technology
0
440

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

Netlify Meetup #003
https://jamstack-tokyo.connpass.com/event/110639/

3163582dea3e2c8164e2d690b36a8501?s=128

jaxx2104

December 13, 2018
Tweet

More Decks by jaxx2104

See All by jaxx2104
Relative CI が気になっている話
3163582dea3e2c8164e2d690b36a8501?s=48 jaxx2104
0
430
デザインファイルにおける継続的インテグレーション
3163582dea3e2c8164e2d690b36a8501?s=48 jaxx2104
2
320
漸進的な変更を支えるフロントエンド設計
3163582dea3e2c8164e2d690b36a8501?s=48 jaxx2104
5
1.9k
価値あるフロントエンドデザイン領域開拓
3163582dea3e2c8164e2d690b36a8501?s=48 jaxx2104
0
180
サイレントヒーローを作らない取り組み
3163582dea3e2c8164e2d690b36a8501?s=48 jaxx2104
1
61
開発組織のメンバーからリーダーになって
3163582dea3e2c8164e2d690b36a8501?s=48 jaxx2104
0
45
Nikuman
3163582dea3e2c8164e2d690b36a8501?s=48 jaxx2104
0
210
レガシーなフロントエンド環境で心理的安全性を確保する / RecoChoku Tech Night #08
3163582dea3e2c8164e2d690b36a8501?s=48 jaxx2104
0
260
Vue.jsとLambdaの導入
3163582dea3e2c8164e2d690b36a8501?s=48 jaxx2104
0
280

Other Decks in Technology

See All in Technology
Backlog × RPAでいろいろ捗った話
87470304247051028bed32895e4816cd?s=48 z_tetsu
0
390
MySQL v5.7 勉強会/study-mysql-ver-5-7
8847086af047cbf895ab3277b59529fe?s=48 andpad
0
2.1k
Step-by-Step MLOps and Microsoft Products
0fa6038e477031fcca028bab0efe07e3?s=48 shisyu_gaku
2
590
金融スタートアップの上場準備で大事にしたマインドセット / 2022-08-04-the-mindset-in-preparing-for-ipo
0251532f4fb413ea1a026efe6eb16b87?s=48 stajima
0
320
Trusted Web プロトタイプ
525442fc70ca92f82ae503f826956137?s=48 finengine
0
330
年700万円損するサーバレスの 認可システムをご紹介します！！
Fb0a40e5e7a9dc85520f1646fd41eb44?s=48 higuuu
3
340
Microsoft Data Analytics trends : ”Lakehouse” , ”Data Mesh"
0d7a3b61c5c1f64a50136cf4bb5702b7?s=48 ryomaru0825
2
140
合同IT企業説明会から学ぶエンジニア向けの広報戦略
Ac0a1eb49d6f0f2f1ce3644941050acb?s=48 nagutabby
1
250
You're M̶u̶t̶e̶d̶ Rooted
Cc23340e1d811f083fb8d2dd1213c42b?s=48 patrickwardle
1
6.7k
DevRel組織についての考察
57c9c4b846c73c911cbf795d211904f3?s=48 taijihagino
PRO
0
140
テクニカルライティングの検定を受けてみた話 / "My Story About Taking the Technical Writing Exam
A3966f193f4bef226a0d3e3c1f728d7f?s=48 line_developers
PRO
1
220
GCCP Creator @ COSCUP 2022
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
PRO
0
1.4k

Featured

See All Featured
How GitHub Uses GitHub to Build GitHub
78b475797a14c84799063c7cd073962f?s=48 holman
465
280k
Building Your Own Lightsaber
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
95
4.7k
The Illustrated Children's Guide to Kubernetes
0438ae60cde4c7add6f9da48f28c15cc?s=48 chrisshort
18
40k
GitHub's CSS Performance
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
420k
A designer walks into a library…
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
196
16k
The Success of Rails: Ensuring Growth for the Next 100 Years
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
15
3.8k
Statistics for Hackers
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
782
210k
XXLCSS - How to scale CSS and keep your sanity
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
236
1.1M
JavaScript: Past, Present, and Future - NDC Porto 2020
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
21
1.4k
In The Pink: A Labor of Love
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
131
21k
Docker and Python
Ecdea9b9714877b86cee08458f085481?s=48 trallard
27
1.6k

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. ありがとうございました ありがとうございました