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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
jaxx2104
December 13, 2018
Technology
0
800
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
500
漸進的な変更を支えるフロントエンド設計
jaxx2104
5
2.3k
価値あるフロントエンドデザイン領域開拓
jaxx2104
0
460
サイレントヒーローを作らない取り組み
jaxx2104
1
200
開発組織のメンバーからリーダーになって
jaxx2104
0
140
Nikuman
jaxx2104
0
480
レガシーなフロントエンド環境で心理的安全性を確保する / RecoChoku Tech Night #08
jaxx2104
0
370
Other Decks in Technology
See All in Technology
生成AI素人でも玄人でもない私がセイセイAIチョットワカルために勉強したこと
wkm2
2
310
『誰の責任?』で揉めるのをやめて、エラーバジェットで判断するようにした ~感情論をデータで終わらせる、PMとエンジニアの意思決定プロセス~
coconala_engineer
0
1.7k
AI時代のAPIファースト開発
nagix
1
480
GoとWasmでつくる軽量ブラウザUI
keyl0ve
0
130
技術書を出版するまでの1161時間50分38秒
kakeami
0
160
技術選定 したい人 したくない人
shirayanagiryuji
0
340
AWSが推進するAI駆動開発ライフサイクル入門 〜 AI駆動開発時代に必要な人材とは 〜/ introduction_to_aidlc_and_skills
fatsushi
7
4.6k
AIエージェントで変わる開発プロセス ― レビューボトルネックからの脱却
lycorptech_jp
PRO
2
540
AI活用を"目的"にしたら、データの本質が見えてきた - Snowflake Intelligence実験記 / chasing-ai-finding-data
pei0804
0
400
I tried making an AI manzai comedy act with "boke" and "tsukkomi" using Strands Agents
zzzzico
1
170
バニラVisaギフトカードを棄てるのは結構大変
meow_noisy
0
130
Microsoft Fabric のワークスペースと容量の設計原則
ryomaru0825
2
120
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
Why Our Code Smells
bkeepers
PRO
340
58k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
62
50k
Writing Fast Ruby
sferik
630
62k
YesSQL, Process and Tooling at Scale
rocio
174
15k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.7k
Producing Creativity
orderedlist
PRO
348
40k
We Have a Design System, Now What?
morganepeng
55
8k
Testing 201, or: Great Expectations
jmmastey
46
8.1k
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.3k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
130
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 でデプロイ・レビュー快適
どんどん使っていきましょう どんどん使っていきましょう
ありがとうございました ありがとうございました