Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Gatsby と Netlify で JAMstack なメディア開発
Search
jaxx2104
December 13, 2018
Technology
0
780
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
freeeにおけるファンクションを超えた一気通貫でのAI活用
jaxx2104
3
1.6k
Relative CI が気になっている話
jaxx2104
0
530
デザインファイルにおける継続的インテグレーション
jaxx2104
2
480
漸進的な変更を支えるフロントエンド設計
jaxx2104
5
2.3k
価値あるフロントエンドデザイン領域開拓
jaxx2104
0
440
サイレントヒーローを作らない取り組み
jaxx2104
1
190
開発組織のメンバーからリーダーになって
jaxx2104
0
140
Nikuman
jaxx2104
0
450
レガシーなフロントエンド環境で心理的安全性を確保する / RecoChoku Tech Night #08
jaxx2104
0
360
Other Decks in Technology
See All in Technology
SREが取り組むデプロイ高速化 ─ Docker Buildを最適化した話
capytan
0
150
松尾研LLM講座2025 応用編Day3「軽量化」 講義資料
aratako
6
3.7k
Agent Skillsがハーネスの垣根を超える日
gotalab555
6
4.4k
MySQLのSpatial(GIS)機能をもっと充実させたい ~ MyNA望年会2025LT
sakaik
0
120
Oracle Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
1
770
半年で、AIゼロ知識から AI中心開発組織の変革担当に至るまで
rfdnxbro
0
140
マイクロサービスへの5年間 ぶっちゃけ何をしてどうなったか
joker1007
21
8.1k
まだ間に合う! Agentic AI on AWSの現在地をやさしく一挙おさらい
minorun365
17
2.8k
AWSインフルエンサーへの道 / load of AWS Influencer
whisaiyo
0
220
ソフトウェアエンジニアとAIエンジニアの役割分担についてのある事例
kworkdev
PRO
0
260
AWS運用を効率化する!AWS Organizationsを軸にした一元管理の実践/nikkei-tech-talk-202512
nikkei_engineer_recruiting
0
170
AIエージェント開発と活用を加速するワークフロー自動生成への挑戦
shibuiwilliam
5
860
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
234
18k
Automating Front-end Workflow
addyosmani
1371
200k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
0
22
RailsConf 2023
tenderlove
30
1.3k
How to build a perfect <img>
jonoalderson
0
4.7k
Making Projects Easy
brettharned
120
6.5k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
69
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
410
How Software Deployment tools have changed in the past 20 years
geshan
0
30k
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
400
The Mindset for Success: Future Career Progression
greggifford
PRO
0
200
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.6k
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 でデプロイ・レビュー快適
どんどん使っていきましょう どんどん使っていきましょう
ありがとうございました ありがとうございました