Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Gatsby と Netlify で JAMstack なメディア開発
Search
jaxx2104
December 13, 2018
Technology
0
750
Gatsby と Netlify で JAMstack なメディア開発
Netlify Meetup #003
https://jamstack-tokyo.connpass.com/event/110639/
jaxx2104
December 13, 2018
Tweet
Share
More Decks by jaxx2104
See All by jaxx2104
Relative CI が気になっている話
jaxx2104
0
510
デザインファイルにおける継続的インテグレーション
jaxx2104
2
440
漸進的な変更を支えるフロントエンド設計
jaxx2104
5
2.3k
価値あるフロントエンドデザイン領域開拓
jaxx2104
0
400
サイレントヒーローを作らない取り組み
jaxx2104
1
170
開発組織のメンバーからリーダーになって
jaxx2104
0
120
Nikuman
jaxx2104
0
410
レガシーなフロントエンド環境で心理的安全性を確保する / RecoChoku Tech Night #08
jaxx2104
0
340
Vue.jsとLambdaの導入
jaxx2104
0
380
Other Decks in Technology
See All in Technology
オブザーバビリティプラットフォーム開発におけるオブザーバビリティとの向き合い / Hatena Engineer Seminar #34 オブザーバビリティの実現と運用編
arthur1
0
160
メモ整理が苦手な者による頑張らないObsidian活用術
optim
1
160
From Live Coding to Vibe Coding with Firebase Studio
firebasethailand
1
330
Power Automate のパフォーマンス改善レシピ / Power Automate Performance Improvement Recipes
karamem0
0
280
AI時代の経営、Bet AI Vision #BetAIDay
layerx
PRO
0
140
Claude Codeが働くAI中心の業務システム構築の挑戦―AIエージェント中心の働き方を目指して
os1ma
8
940
ユーザー理解の爆速化とPdMの価値
kakehashi
PRO
1
110
AI人生苦節10年で会得したAIがやること_人間がやること.pdf
shibuiwilliam
1
230
興味の胞子を育て 業務と技術に広がる”きのこ力”
fumiyasac0921
0
410
Wasmで社内ツールを作って配布しよう
askua
0
160
2025新卒研修・HTML/CSS #弁護士ドットコム
bengo4com
2
3.1k
帳票構造化タスクにおけるLLMファインチューニングの性能評価
yosukeyoshida
1
190
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Thoughts on Productivity
jonyablonski
69
4.8k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Balancing Empowerment & Direction
lara
1
510
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
It's Worth the Effort
3n
185
28k
Transcript
Gatsby と Netlify で Gatsby と Netlify で JAMstack なメディア開発
JAMstack なメディア開発 Netlify Meetup #003 / Futoshi Iwashita
自己紹介 自己紹介 岩下 太 @jaxx2104 Front-end engineer Recruit Lifestyle Co.
2年前 Gatsby と Netlify の記事を書いた
現在 現在 クソアプリも Netlify で作れるいい時代 参考: https://qiita.com/sadnessOjisan/items/51bb949466fdd065a5a6
静的サイトジェネレーターとの違い 静的サイトジェネレーターとの違い
個人的に重要だと思う要素 個人的に重要だと思う要素
JAMstack なメディア開発 JAMstack なメディア開発 をやっているので共有します をやっているので共有します
スタートアップにおけるメディア開発 スタートアップにおけるメディア開発 スケールしやすく 少人数で 初動を早く
課題 課題
サービスを分割しすぎると サービスを分割しすぎると 見る場所が多い... 見る場所が多い...
でもモノリシックは でもモノリシックは 避けれるなら避けたい... 避けれるなら避けたい...
None
そんな課題に! そんな課題に!
JAMstack 構成 JAMstack 構成 スタートアップのメディア開発に 最適ですよという話
こんな構成 こんな構成
工夫 工夫
UIコンポーネントをパッケージ化 UIコンポーネントをパッケージ化 両サイトから共通利用 両サイトから共通利用
GraphQL と Firebase の活用 GraphQL と Firebase の活用 サービスとメディア間のAPIの抽象化 サービスとメディア間のAPIの抽象化
どんな仕様変更でも妥協しない変化に強い設計
もちろんインフラは Netlify もちろんインフラは Netlify リリース前でもインテグレーションで PR単位でプレビュー出来てレビュー快適
少人数でスケールしやすい設計 少人数でスケールしやすい設計 コンポーネントのパッケージで共通化 APIの抽象化と再利用 Netlify でデプロイ・レビュー快適
どんどん使っていきましょう どんどん使っていきましょう
ありがとうございました ありがとうございました