[B! next.js] griefworkerã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

griefworker id:griefworker

next.jsã«é–¢ã™ã‚‹griefworkerã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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}}

ç©èªãŒå´©ã›ãªã„ã®ã§èªæ›¸è¨˜éŒ²ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã¤ãã£ãŸ
èƒŒæ™¯ã¨å‹•æ©Ÿ æœ¬ã‚’ã‚ˆãè²·ã„ã¾ã™ã€‚ æ°—ã«ãªã£ãŸæŠ€è¡“æ›¸ã‚„å°èª¬ã€æ¼«ç”»ãªã©ã€ç¤¾ä¼šäººã«ãªã£ã¦ã‹ã‚‰ã¯ç‰¹ã«è²·ã†é »åº¦ãŒå¢—ãˆãŸã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ã€èªã‚€æ™‚é–“ãŒãªã‹ãªã‹å–ã‚Œãªã‹ã£ãŸã‚Šã€æœŸé–“ãŒé–‹ã„ã¦ã©ã®æœ¬ã‚’èªã‚“ã§ã„ãŸã®ã‹å¿˜ã‚Œã¦ã—ã¾ã£ãŸã‚Šã—ã¦ã€æ°—ä»˜ã„ãŸã‚‰ç©èªãŒç©ã¿ä¸ŠãŒã‚Šã€Œã‚ï½žã‚„ã¹â€¦ã€ã¨æ„Ÿã˜ã‚‹ã“ã¨ãŒå¤šããªã£ã¦ã„ã¾ã—ãŸã€‚ ã€Œä»Šèªã‚“ã§ã‚‹æœ¬ã€ã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«ç®¡ç†ã§ãã‚‹ä½•ã‹ãŒã‚ã‚Œã°ã€ã“ã®çŠ¶æ³ã‚’æ‰“ç ´ã§ãã‚‹ã®ã§ã¯â€¦ï¼ã¨æ€ã£ãŸã®ã§ã€èªæ›¸è¨˜éŒ²ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã¤ãã£ã¦ã¿ã¾ã—ãŸã€‚ ã¤ãã£ãŸã‚‚ã® yondako ã¨ã„ã†èªæ›¸è¨˜éŒ²ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã¤ãã‚Šã¾ã—ãŸã€‚ GitHub ã‹ Google ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã§ç™»éŒ²ã§ãã¾ã™ã€‚ ãƒ‡ãƒ¢å‹•ç”»ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ã€Œã‚ˆã¿ãŸã„ã€ã€Œã‚ˆã‚“ã§ã‚‹ã€ã€Œã‚ˆã‚“ã ã€ã®3çŠ¶æ…‹ã§èªæ›¸çŠ¶æ³ã‚’è¨˜éŒ²ã§ãã¾ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã‚‚ã—ã¦ã„ã¦ã€ã‚¹ãƒžãƒ›ã‹ã‚‰ã‚‚åˆ©ç”¨ã§ãã¾ã™ã€‚ SNSçš„ãªè¦ç´ ã‚„æ„Ÿæƒ³ã®è¨˜éŒ²ãªã©ã‚’ã‚ãˆã¦æŽ’é™¤ã—ã¦ã€èªæ›¸çŠ¶æ³ã®è¨˜éŒ²ã«ç‰¹åŒ–ã—ã¦ã„ã‚‹ã®ãŒç‰¹å¾´
griefworker 2024/10/25
react

cloudflare

next.js
ãƒªãƒ³ã‚¯
ã‚¸ãƒ£ãƒ³ãƒ—TOON Next.js App Router ã®æ´»ç”¨ã€œå¾—ã‚‰ã‚ŒãŸæ©æµã¨èª²é¡Œã€œ | CyberAgent Developers Blog
ç›®æ¬¡ ã¯ã˜ã‚ã« Colocation ã‚’æ„è˜ã—ãŸè¨è¨ˆæ–¹é‡ Parallel Routes ã¨ Intercepting Routes ã‚’ç”¨ã„ãŸè¨è¨ˆãƒ‘ã‚¿ãƒ¼ãƒ³ ã‚µãƒ¼ãƒãƒ¼å´ã«å‡¦ç†ã‚’å¯„ã›ãŸã“ã¨ã«ã‚ˆã‚‹æ©æµã¨èª²é¡Œ Next.js ãŒæŠ±ãˆã‚‹èª²é¡Œ ãŠã‚ã‚Šã« å‚è€ƒæ–‡çŒ® ã¯ã˜ã‚ã« ã‚¸ãƒ£ãƒ³ãƒ—TOONÂ ã®Webç‰ˆï¼ˆä»¥é™ã€ã‚¸ãƒ£ãƒ³ãƒ—TOON Webï¼‰ã®é–‹ç™ºã‚’æ‹…å½“ã—ã¦ã„ã‚‹æµ…åŽŸæ˜Œå¤§ï¼ˆ@assa1605ï¼‰ã§ã™ã€‚ 5 æœˆã«ã‚µãƒ¼ãƒ“ã‚¹ã‚’é–‹å§‹ã—ãŸã€Œã‚¸ãƒ£ãƒ³ãƒ—TOONã€ã¯ã€ã‚ªãƒªã‚¸ãƒŠãƒ«ç¸¦èªã¿ãƒžãƒ³ã‚¬ä½œå“ã‚„äººæ°—ä½œå“ã®ã‚¿ãƒ†ã‚«ãƒ©ãƒ¼ç‰ˆã‚’é€£è¼‰ã™ã‚‹ã€ã‚¸ãƒ£ãƒ³ãƒ—ã‚°ãƒ«ãƒ¼ãƒ—ç™ºã®æ–°ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ ã‚¸ãƒ£ãƒ³ãƒ—TOON ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ã¯ã€Next.js ã‚’æŽ¡ç”¨ã—é–‹ç™ºã‚’ã—ã¦ã„ã¾ã™ã€‚ æœ¬è¨˜äº‹ã§ã¯ã€Next.js ã®æœ€æ–°æ©Ÿèƒ½ã‚„è¨è¨ˆãƒ‘ã‚¿ãƒ¼ãƒ³ã€Next.js ã‚’æŽ¡ç”¨ã—ãŸæ©æµã¨ç¾åœ¨ã®èª²é¡Œã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ Colocation ã‚’æ„è˜ã—ãŸè¨è¨ˆæ–¹é‡ Parallel Rou
griefworker 2024/08/19
next.js

react

graphql
ãƒªãƒ³ã‚¯
ã‚¸ãƒ£ãƒ³ãƒ—TOON Web ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å…¨ä½“åƒã€œæŽ¡ç”¨æŠ€è¡“ã¨é–‹ç™ºæ–¹é‡ã€œ | CyberAgent Developers Blog
ç›®æ¬¡ ã¯ã˜ã‚ã« Next.js Ã— GraphQL ã®ã‚µãƒ¼ãƒãƒ¼é–“é€šä¿¡ Fastly ã§ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é…ä¿¡ã¨ã‚ãƒ£ãƒƒã‚·ãƒ¥æ–¹é‡ vanilla-extract ã®æŽ¡ç”¨ã¨ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã‚·ã‚¹ãƒ†ãƒ Chromatic ã«ã‚ˆã‚‹ UI ãƒ†ã‚¹ãƒˆ / UI ãƒ¬ãƒ“ãƒ¥ãƒ¼ Datadog ã§ã®ã‚µãƒ¼ãƒ“ã‚¹ãƒ¢ãƒ‹ã‚¿ãƒªãƒ³ã‚° ã‚¸ãƒ£ãƒ³ãƒ—TOON ã® CI/CD ãƒªãƒªãƒ¼ã‚¹æˆ¦ç•¥ã¨ãƒ–ãƒ©ãƒ³ãƒé‹ç”¨ã®å·¥å¤« ãŠã‚ã‚Šã« ã¯ã˜ã‚ã« ã‚¸ãƒ£ãƒ³ãƒ—TOONÂ ã® Web ç‰ˆï¼ˆä»¥é™ã€ã‚¸ãƒ£ãƒ³ãƒ—TOON Webï¼‰ã®é–‹ç™ºã‚’æ‹…å½“ã—ã¦ã„ã‚‹2024å¹´åº¦æ–°å’å…¥ç¤¾ã®é‘æœ¨ ä¿Šæ¨¹ï¼ˆã‹ã¶ã‚‰ã ã¨ã—ãï¼‰ @tosssssy_ ã§ã™ã€‚ 5 æœˆã«ã‚µãƒ¼ãƒ“ã‚¹ã‚’é–‹å§‹ã—ãŸã€Œã‚¸ãƒ£ãƒ³ãƒ—TOONã€ã¯ã€ã‚ªãƒªã‚¸ãƒŠãƒ«ç¸¦èªã¿ãƒžãƒ³ã‚¬ä½œå“ã‚„äººæ°—ä½œå“ã®ã‚¿ãƒ†ã‚«ãƒ©ãƒ¼ç‰ˆã‚’é€£è¼‰ã™ã‚‹ã€ã‚¸ãƒ£ãƒ³ãƒ—ã‚°ãƒ«ãƒ¼ãƒ—ç™ºã®æ–°ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ ã‚¸ãƒ£ãƒ³ãƒ—TOON Web ã§ã¯ Next.js App Router ï¼ˆv14.2ï¼‰ã‚’æŽ¡ç”¨ã—ã¦é–‹ç™ºã‚’ã—ã¦ãŠ
griefworker 2024/08/16
next.js

react

graphql
ãƒªãƒ³ã‚¯
You Don't Need Next.js | ãƒ‰ã‚¯ã‚»ãƒ«
[beta] Next.jsã‚¯ã‚¤ã‚º2 â€¢ <p>ã«ã¯ãªã«ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã§ã—ã‚‡ã†ã‹ï¼Ÿ /app/page.tsx "use client"; import { useCallback, useEffect, useState } from "react"; export default function Home() { const [date, setDate] = useState(); const fetchDate = useCallback(async () => { const response = await fetch("/api"); const data = await response.json(); setDate(data.date); }, []); useEffect(() => { fetchDate(); }, [fetchDate]); return ( <
griefworker 2024/02/27
javascript

next.js
ãƒªãƒ³ã‚¯
ã€æ–°æ©Ÿèƒ½ã€‘Vercel Postgres + Next.js + Prismaã§ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã¿ãŸ
ã¯ã˜ã‚ã« GWã«å…¥ã‚Šã€5æ—¥é€£ç¶šã®Vercelã«ã‚ˆã‚‹æ–°æ©Ÿèƒ½ã®ç™ºè¡¨ãŒå§‹ã¾ã‚Šã¾ã—ãŸã€‚æ—©é€Ÿåˆæ—¥(2023 5/1)ã‹ã‚‰ã™ã•ã¾ã˜ã„æ©Ÿèƒ½ã®ç™ºè¡¨ãŒã‚ã‚Šã¾ã—ãŸã€‚ åˆæ—¥ã«ç™ºè¡¨ã•ã‚ŒãŸã®ã¯ã€ä»¥ä¸‹ã®ä¸‰ã¤ã®Storageã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ Vercel Postgres Vercel KV Vercel Blob ä»Šå›žã¯ã“ã®ä¸ã®Vercel Postgresã‚’å®Ÿéš›ã«ä½¿ã„ãªãŒã‚‰ã€Clientã‹ã‚‰Serverã¾ã§ç¶²ç¾…ã—ãŸã‚ã£ã¡ã‚ƒç°¡æ˜“çš„ãªãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã€å®Ÿç”¨æ€§ã®å´é¢ã‚‚åŠ å‘³ã—ã¦Prisma + Next.jsã§ä½œã£ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚
griefworker 2023/05/08
next.js

vercel
ãƒªãƒ³ã‚¯
ã ã‚Œã§ã‚‚AIãƒ¡ãƒ¼ã‚«ãƒ¼ã®æŠ€è¡“ã‚¹ã‚¿ãƒƒã‚¯ã¨ã‹
ä¸»ãªä½¿ç”¨ã‚µãƒ¼ãƒ“ã‚¹/ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ä»¥ä¸‹ã§ã™ã€‚ Next.js â€¦ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ Vercel â€¦ãƒ‡ãƒ—ãƒã‚¤å…ˆ PlanetScale â€¦ã‚µãƒ¼ãƒãƒ¼ãƒ¬ã‚¹DB(MySQL)ã€‚ORMã«ã¯Prismaã‚’ä½¿ç”¨ Upstash â€¦ã‚µãƒ¼ãƒãƒ¼ãƒ¬ã‚¹ã§Redisã‚’ä½¿ãˆã‚‹ã‚„ã¤ Cloudflare R2 â€¦ç”»åƒã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å…ˆ Open AI API ã“ã“ã«è½ã¡ç€ãã¾ã§ã«ç´†ä½™æ›²æŠ˜ã‚ã£ãŸã®ã§ã€å°‘ã—è©³ã—ãèª¬æ˜Žã—ã¦ãŠãã¾ã™ã€‚ Next.js on Vercel åˆ©ç”¨ã—ã¦ã„ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯Next.jsã§ã™ã€‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‹ã‚‰ã®ãƒ‡ãƒ¼ã‚¿ã®å–å¾—ãƒ»æ›´æ–°ãƒªã‚¯ã‚¨ã‚¹ãƒˆã¯API Routesã‹ã‚‰å—ã‘ä»˜ã‘ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ãƒ—ãƒã‚¤å…ˆã¯Vercelã«ã—ã¾ã—ãŸã€‚æœ€åˆã¯Next.js on Cloudflare Workersã‚’ã‚„ã‚ã†ã¨ã—ãŸã®ã§ã™ãŒã€è¾›ã„éƒ¨åˆ†ãŒå¤šãã¦æ–å¿µã—ã¾ã—ãŸã€‚ ä½™è«‡ï¼‰ãªãœNext.jsã‚’C
griefworker 2023/05/06
next.js
ãƒªãƒ³ã‚¯
æ–°ã—ã„Next.jsã®å…¥é–€ â”€ App Directoryã«ã‚ˆã‚‹Webé–‹ç™ºã‚’ãƒãƒ³ã‚ºã‚ªãƒ³ã§ç†è§£ã—ã‚ˆã†ï½œãƒã‚¤ã‚¯ãƒ©ã‚¹è»¢è·ãƒ»æ±‚äººæƒ…å ±ã‚µã‚¤ãƒˆ AMBIï¼ˆã‚¢ãƒ³ãƒ“ï¼‰
ä½¿ç”¨ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒª ã“ã®ã‚¢ãƒ—ãƒªã§ã€Next.jsä»¥å¤–ã«ä½¿ç”¨ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ä»¥ä¸‹ã®4ã¤ã§ã™ã€‚ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ç‰ã¯å¿…è¦ãªç®‡æ‰€ã§èª¬æ˜Žã—ã¾ã™ã€‚ Prisma TypeScriptã®ORãƒžãƒƒãƒ‘ãƒ¼ã§ã™ã€‚ã‚¢ãƒ—ãƒªã§ã®ãƒŽãƒ¼ãƒˆã®ä¿å˜ç‰ã«ä½¿ç”¨ã—ã¾ã™ã€‚ â–¶ Prisma | Next-generation ORM for Node.js & TypeScript Tailwind CSS CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ã‚¢ãƒ—ãƒªã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ç”¨ã—ã¾ã™ã€‚ â–¶ Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Zod ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚APIãƒ¬ã‚¹ãƒãƒ³ã‚¹ã®åž‹å®šç¾©ã¨ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ä½¿ç”¨ã—ã¾ã™ã€‚ â–¶ Zod | Documentation SWR ãƒ‡ãƒ¼ã‚¿ãƒ•ã‚§ãƒƒãƒç”¨ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ãƒŽãƒ¼ãƒˆä¸€è¦§ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§
griefworker 2023/04/19
next.js

react
ãƒªãƒ³ã‚¯
1