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
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
200
開発組織のメンバーからリーダーになって
jaxx2104
0
140
Nikuman
jaxx2104
0
460
レガシーなフロントエンド環境で心理的安全性を確保する / RecoChoku Tech Night #08
jaxx2104
0
360
Other Decks in Technology
See All in Technology
コールドスタンバイ構成でCDは可能か
hiramax
0
130
[PR] はじめてのデジタルアイデンティティという本を書きました
ritou
1
810
SES向け、生成AI時代におけるエンジニアリングとセキュリティ
longbowxxx
0
320
スクラムマスターが スクラムチームに入って取り組む5つのこと - スクラムガイドには書いてないけど入った当初から取り組んでおきたい大切なこと -
scrummasudar
3
2k
AIエージェントを5分で一気におさらい!AIエージェント「構築」元年に備えよう
yakumo
1
150
田舎で20年スクラム(後編):一個人が企業で長期戦アジャイルに挑む意味
chinmo
1
1.5k
Scrum Guide Expansion Pack が示す現代プロダクト開発への補完的視点
sonjin
0
630
RALGO : AIを組織に組み込む方法 -アルゴリズム中心組織設計- #RSGT2026 / RALGO: How to Integrate AI into an Organization – Algorithm-Centric Organizational Design
kyonmm
PRO
3
1.3k
AI Agent Standards and Protocols: a Walkthrough of MCP, A2A, and more...
glaforge
0
270
戰略轉變:從建構 AI 代理人到發展可擴展的技能生態系統
appleboy
0
190
形式手法特論:コンパイラの「正しさ」は証明できるか? #burikaigi / BuriKaigi 2026
ytaka23
16
6k
AI との良い付き合い方を僕らは誰も知らない (WSS 2026 静岡版)
asei
1
310
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.5k
Documentation Writing (for coders)
carmenintech
77
5.2k
The Cult of Friendly URLs
andyhume
79
6.8k
Building the Perfect Custom Keyboard
takai
2
670
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.1k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.4k
Testing 201, or: Great Expectations
jmmastey
46
7.9k
The Language of Interfaces
destraynor
162
26k
How Software Deployment tools have changed in the past 20 years
geshan
0
31k
Balancing Empowerment & Direction
lara
5
840
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
75
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 でデプロイ・レビュー快適
どんどん使っていきましょう どんどん使っていきましょう
ありがとうございました ありがとうございました