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
790
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.7k
Relative CI が気になっている話
jaxx2104
0
540
デザインファイルにおける継続的インテグレーション
jaxx2104
2
490
漸進的な変更を支えるフロントエンド設計
jaxx2104
5
2.3k
価値あるフロントエンドデザイン領域開拓
jaxx2104
0
450
サイレントヒーローを作らない取り組み
jaxx2104
1
200
開発組織のメンバーからリーダーになって
jaxx2104
0
140
Nikuman
jaxx2104
0
460
レガシーなフロントエンド環境で心理的安全性を確保する / RecoChoku Tech Night #08
jaxx2104
0
370
Other Decks in Technology
See All in Technology
日本語テキストと音楽の対照学習の技術とその応用
lycorptech_jp
PRO
1
410
オープンウェイトのLLMリランカーを契約書で評価する / searchtechjp
sansan_randd
3
630
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
oracle4engineer
PRO
2
14k
Amazon S3 Vectorsを使って資格勉強用AIエージェントを構築してみた
usanchuu
3
420
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
you
PRO
0
250
Meshy Proプラン課金した
henjin0
0
200
Bill One 開発エンジニア 紹介資料
sansan33
PRO
4
17k
AIとともに歩む情報セキュリティ / Information Security with AI
kanny
4
3.2k
MCPでつなぐElasticsearchとLLM - 深夜の障害対応を楽にしたい / Bridging Elasticsearch and LLMs with MCP
sashimimochi
0
130
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
msysh
3
140
小さく始めるBCP ― 多プロダクト環境で始める最初の一歩
kekke_n
1
310
2人で作ったAIダッシュボードが、開発組織の次の一手を照らした話― Cursor × SpecKit × 可視化の実践 ― Qiita AI Summit
noalisaai
1
370
Featured
See All Featured
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
71
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
270
エンジニアに許された特別な時間の終わり
watany
106
230k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
410
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
450
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
9.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.3k
The Curse of the Amulet
leimatthew05
1
8.1k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
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 でデプロイ・レビュー快適
どんどん使っていきましょう どんどん使っていきましょう
ありがとうございました ありがとうございました