[B! zenn][mizchi] stibbarã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

stibbar id:stibbar

zennã¨mizchiã«é–¢ã™ã‚‹stibbarã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Cloudflare D1 ã§ ORM ã‚’ä½¿ã† (drizzle-orm)
tl;dr ç”Ÿç”£æ€§ã‚’ä¸Šã’ã‚‹ & SQL ã‚¤ãƒ³ã‚¸ã‚§ã‚¯ã‚·ãƒ§ãƒ³ã‚’é˜²ããŸã‚ã« ORM ã‚’ä½¿ã†ã®ãŒã‚ˆã„ã¨ã•ã‚Œã¦ã„ã‚‹(è«¸èª¬ã‚ã‚Šã¾ã™) cloudflare workers + d1 ã¯ã‚¦ã‚§ãƒ–ã®ç ´å£Šçš„ã‚¤ãƒŽãƒ™ãƒ¼ã‚·ãƒ§ãƒ³(è«¸èª¬ã‚ã‚Šã¾ã™) ãƒ¢ãƒ€ãƒ³ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§å¤§åˆ‡ãªã®ã¯ TypeScript ã¨ã®è¦ªå’Œæ€§ã¨è¨€ã‚ã‚Œã¦ã„ã‚‹(è«¸èª¬æ¸›ã£ã¦ããŸ) æœ¬å½“ã¯ç†æƒ³ã® ORM ã‚’è‡ªä½œã—ãŸã„ã®ã‘ã©ã€drizzle ãŒç¾çŠ¶ä¸€ç•ªè‡ªåˆ†ã®ã‚´ãƒ¼ãƒ«ã«è¿‘ã„ã®ã§ã€è©¦ã—ãŸã‚‰è‰¯ã•ãã†ã ã£ãŸ æ—¢å˜ã®å•é¡Œã¨ drizzle-orm ä»Šã¾ã§ã®ã‚ã‚‰ã™ã˜ ã¨ã„ã†ã‚ã‘ã§ d1 ã«å…¨æŒ¯ã‚Šã™ã‚‹ã®ãŒä»Šå¾Œã®ç”Ÿå˜æˆ¦ç•¥ã¨ã—ã¦æœ‰åŠ¹ã ã¨æ€ã£ã¦ã„ã‚‹ã‚“ã§ã™ãŒã€d1 client ã¯å°‚ç”¨ã®APIã‹ã‚‰ã‚¯ã‚¨ãƒªæ–‡å—åˆ—ã‚’é€ã‚Šè¾¼ã‚€å½¢å¼ãªã®ã§ã€native driver ã‚’ä½¿ã£ã¦ã‚‹ prisma ã‚„ typeorm ç‰ãŒä½¿ãˆã¾ã›ã‚“ã€‚ è‡ªåˆ†ãŒ Mongo db + ãŸã¾ã« Rails ActiveR
stibbar 2023/05/25
https://zenn.dev/chimame/articles/60e2824a42fec0

cloudflare

prisma

kysely

mizchi

zenn
ãƒªãƒ³ã‚¯
blitz-js ãŒã©ã†ã‚„ã£ã¦ã‚µãƒ¼ãƒãƒ¼ä¸Šã®é–¢æ•°ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã®å‘¼ã³å‡ºã—ã‚’å®Ÿç¾ã—ã¦ã„ã‚‹ã®ã‹ã€èª¿æŸ»ã—ãŸ
bl itz-js prisma rails å€’ã—æ–¹ ã‚’æ›¸ã„ãŸæ™‚ã€ã“ã†ã„ã†ç–‘å•ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã“ã® db ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã‚‚ã‚µãƒ¼ãƒãƒ¼ã§ã‚‚å‘¼ã¹ã‚‹ã‚ˆã†ã«ã¿ãˆã‚‹ã€‚ã“ã“ãŒ bl itz ã®ã‚ãƒ¢ã§ã€ã‚µãƒ¼ãƒãƒ¼ã§ã¯ãã®ã¾ã¾ prisma ã¨ã—ã¦å®Ÿè¡Œã•ã‚Œã‚‹ãŒã€å†…éƒ¨å®Ÿè£…ã‚’èªã‚“ã§ã„ãªã„ã®ã§æƒ³åƒã ãŒã€ ã“ã® db ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã¯åŒã˜ API ã® RPC ã«å¤‰æ›ã•ã‚Œã¦ã„ã‚‹ï¼Ÿ (ã“ã“ã«ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®ä¸å®‰ã¯ã‚ã‚‹ã€‚ã™ã¹ã¦ã‚’ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‹ã‚‰å‘¼ã¹ã¦ã—ã¾ã†æã‚Œã¯ãªã„ã®ã‹ï¼Ÿ ã‚ã¨ã§ bl itz ã®ã‚³ãƒ¼ãƒ‰ã‚’å‘¼ã‚“ã§ã€ã©ã†ã‚„ã£ã¦å®Ÿç¾ã—ã¦ã„ã‚‹ã‹ç¢ºèªã™ã‚‹) ã“ã®ä»¶ã«ã¤ã„ã¦ã®èª¿æŸ»ã‚’ã—ã¾ã—ãŸã€‚ Isomorphism: ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ»ã‚µãƒ¼ãƒãƒ¼åŒåž‹ bl itz ã§ã¯ã€æ¬¡ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã‚’ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã‚‚ã‚µãƒ¼ãƒãƒ¼ã§ã‚‚å‘¼ã¶ã“ã¨ãŒã§ãã¾ã™ã€‚ // app/auth/mutations/login.ts import { Ctx } from "bl
stibbar 2023/05/19
https://zenn.dev/mizchi/articles/cbe81299e145491676f8

zenn

mizchi

blitz

prisma
ãƒªãƒ³ã‚¯
Next.js ã‹ã‚‰ Prisma ORM ã‚’åˆ©ç”¨ã™ã‚‹
Next.js ã« Prisma ORM ã‚’å°Žå…¥ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ Next.js ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®é››å½¢ã‚’ä½œæˆ $ mkdir hello-next-app && cd hello-next-app $ npm init -y $ npm install next react react-dom --save $ npm install typescript @types/node @types/react --save-dev $ code src/index.tsx
stibbar 2023/05/16
zenn

mizchi

nextjs

prisma
ãƒªãƒ³ã‚¯
2021å¹´ ã¯ Fullstack Next.js å…ƒå¹´ãªã®ã§ã€æœ‰æœ›ãª Next.js ç³»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’å…¨éƒ¨è©¦ã—ãŸ
ã“ã®è¨˜äº‹ã¯ã€Next.js Advent Calendar 2020 ã®6æ—¥ç›®ã€‚ çªç„¶ã ãŒã€2021å¹´ ã¯ Fullstack Next.js å…ƒå¹´ã«ãªã‚‹ã€‚ ãã®ç†ç”±ã¨ã—ã¦è‡ªåˆ†ã¯ä»¥ä¸‹ã®ã‚‚ã®ãŒã‚ã‚‹ã¨æ€ã£ã¦ã„ã‚‹ã€‚ ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã¨ã—ã¦ã® TypeScript ã®ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆåŒ– Next.js ã® Dynamic Routes ã«ã‚ˆã‚‹å‹•çš„ãƒ‘ã‚¹ã€ getStaticProps/getServerSideProps ã«ã‚ˆã‚‹ä½¿ã„å‹æ‰‹ã®å‘ä¸Š Vercel ã«ã‚ˆã‚‹ISRã®ç™ºæ˜Ž prisma ã®æˆç†Ÿ Vercel / Serverless / Cloudflare Workers / Cloudrun ç‰ã«ã‚ˆã‚‹ Node.js ã‚µãƒ¼ãƒãƒ¼ã®é‹ç”¨ã‚³ã‚¹ãƒˆæ¸› å‚è€ƒ: Frontend Study #1: åŸºèª¿è¬›æ¼” - Frontend é ˜åŸŸã‚’å†å®šç¾©ã™ã‚‹ Blog - Next.js 9.3 | Next.js R
stibbar 2023/05/12
zenn

mizchi

nextjs
ãƒªãƒ³ã‚¯
1