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
Hydrogenで 2022年〜を感じる
Search
Ryusou
December 15, 2021
Programming
0
540
Hydrogenで 2022年〜を感じる
PWA Night vol.34 ~2021年最後はLT会!〜
https://pwanight.connpass.com/event/231422/
Ryusou
December 15, 2021
Tweet
Share
More Decks by Ryusou
See All by Ryusou
Astro 3.0入門
nozaki
0
420
再実装 React Testing Library
nozaki
0
160
microCMSでimgixに入門する
nozaki
0
960
Jamstack Conf 2021を見てブログ構成を見直した話
nozaki
1
1.2k
ユーザーが編集中の状態管理について考えよう
nozaki
3
6.5k
はじめてのUniversal JavaScript
nozaki
1
2.1k
Other Decks in Programming
See All in Programming
状態管理ライブラリZustandの導入から運用まで
k1tikurisu
3
470
Some more adventure of Happy Eyeballs
coe401_
2
190
Crafting Cross-Platform Adventures: Building a Game Engine with Kotlin Multiplatform
dwursteisen
0
230
Android開発以外のAndroid開発経験の活かしどころ
konifar
2
1.1k
The Shape of a Service Object
inem
0
540
GraphQLとGigaViewer for Apps
numeroanddev
2
190
エンジニア1年目で複雑なコードの改善に取り組んだ話
mtnmr
3
2k
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
4
90k
o1モデルのプロンプトエンジニアリングって?
ktc_wada
0
310
Scala アプリケーションのビルドを改善してデプロイ時間を 1/4 にした話 | How I improved the build of my Scala application and reduced deployment time by 4x
nomadblacky
1
180
Lessons by WebAssembly app in production on CDN Edge Computing Service
tetsuharuohzeki
0
220
Go1.23で入った errorsパッケージの小さなアプデ
kuro_kurorrr
2
400
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
YesSQL, Process and Tooling at Scale
rocio
167
14k
Done Done
chrislema
180
16k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
45
4.8k
In The Pink: A Labor of Love
frogandcode
139
22k
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
Web Components: a chance to create the future
zenorocha
309
42k
The Pragmatic Product Professional
lauravandoore
31
6.2k
[RailsConf 2023] Rails as a piece of cake
palkan
48
4.6k
Learning to Love Humans: Emotional Interface Design
aarron
270
40k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
3k
Agile that works and the tools we love
rasmusluckow
327
20k
Transcript
Hydrogenで 2022年〜を感じる @ryusou
Hydrogenとは? Shopifyが開発している React basedのフレームワーク https://hydrogen.shopify.dev/ ※現在開発者プレビュー段階のものになり ます。
Hydrogenの注目ポイント ①React Server Componentsをいち早く試せる React は正式リリースされていない(α) Hydrogenは独自にラップすることで実現している → DEMO
Hydrogenの注目ポイント ①React Server Componentsをいち早く試せる useQuery(useShopQuery) Hooksがサーバー側で動く....!!
Hydrogenの注目ポイント ②「ヘッドレス」コマース + UIの提供 コマンド一つでECサイトの雛形が作れる TailwindCSS/Headless UIを利用 Next.js/Gatsby側にUIを組み込むこともできるらしい ヘッドレス 良い =独自にUIを組み立てられる 微妙 =作るの大変(表裏一体ではあるが..)
Hydrogenの注目ポイント ③ ViteでPWA(試したわけではないので....) vite-plugin-pwa: https://www.npmjs.com/package/vite-plugin-pwa
まとめ Hydrogenには2022〜がつまっていた ヘッドレスコマース..etc + ヘッドレスUI は 流行りそう 外部APIは部分的に部分的に採用するのが 良さそう
りゅーそう 株式会社 microCMS エンジニア Twitter @ryusou_mtkh イベントやっているので、ぜひ!
良いお年を! @ryusou ありがとうございました