Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Hydrogenで 2022年〜を感じる

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Ryusou Ryusou
December 15, 2021
Programming
0
640

Hydrogenで 2022年〜を感じる

PWA Night vol.34 ～2021年最後はLT会！〜
https://pwanight.connpass.com/event/231422/

Avatar for Ryusou

Ryusou

December 15, 2021
Tweet

More Decks by Ryusou

See All by Ryusou
Astro 3.0入門
Avatar for Ryusou nozaki
0
470
再実装 React Testing Library
Avatar for Ryusou nozaki
0
230
microCMSでimgixに入門する
Avatar for Ryusou nozaki
0
1.2k
Jamstack Conf 2021を見てブログ構成を見直した話
Avatar for Ryusou nozaki
1
1.4k
ユーザーが編集中の状態管理について考えよう
Avatar for Ryusou nozaki
3
7k
はじめてのUniversal JavaScript
Avatar for Ryusou nozaki
1
2.5k

Other Decks in Programming

See All in Programming
大規模Cloud Native環境におけるFalcoの運用
Avatar for Chihiro Hasegawa owlinux1000
0
260
CSC307 Lecture 09
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
810
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
120
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
130
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
0
210
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
120
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
160
AIと一緒にレガシーに向き合ってみた
Avatar for nyafunta9858 nyafunta9858
0
120
KIKI_MBSD Cybersecurity Challenges 2025
Avatar for ikema ikema
0
1.3k
高速開発のためのコード整理術
Avatar for sutetotanuki sutetotanuki
1
370
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
410
AtCoder Conference 2025
Avatar for shindannin shindannin
0
1k

Featured

See All Featured
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.7k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
210
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Design in an AI World
Avatar for tapps tapps
0
140
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
14k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
240
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
36k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
370

Transcript

  1. Hydrogenで 2022年〜を感じる @ryusou

  2. Hydrogenとは？ Shopifyが開発している React basedのフレームワーク https://hydrogen.shopify.dev/ ※現在開発者プレビュー段階のものになり ます。

  3. Hydrogenの注目ポイント ①React Server Componentsをいち早く試せる React は正式リリースされていない(α) Hydrogenは独自にラップすることで実現している → DEMO

  4. Hydrogenの注目ポイント ①React Server Componentsをいち早く試せる useQuery(useShopQuery) Hooksがサーバー側で動く....！！

  5. Hydrogenの注目ポイント ②「ヘッドレス」コマース + UIの提供 コマンド一つでECサイトの雛形が作れる TailwindCSS/Headless UIを利用 Next.js/Gatsby側にUIを組み込むこともできるらしい ヘッドレス　良い　＝独自にUIを組み立てられる 　　　　　　微妙　＝作るの大変(表裏一体ではあるが..)

  6. Hydrogenの注目ポイント ③ ViteでPWA(試したわけではないので....) vite-plugin-pwa： https://www.npmjs.com/package/vite-plugin-pwa

  7. まとめ Hydrogenには2022〜がつまっていた ヘッドレスコマース..etc + ヘッドレスUI は 流行りそう 外部APIは部分的に部分的に採用するのが 良さそう

  8. りゅーそう 株式会社 microCMS エンジニア Twitter @ryusou_mtkh イベントやっているので、ぜひ！

  9. 良いお年を！ @ryusou ありがとうございました