at #ワインã¨é‹js ãªãœãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã« Edge Worker ãŒå¿…è¦ãªã®ã‹ã€Cloudflare Workers ã‚’ã©ã†ä½¿ã£ã¦ã„ãã‹ã¿ãŸã„ãªè©±ã‚’ã—ã¾ã—ãŸ
Edge Side Frontend ã¨ã„ã†æ–°é ˜åŸŸ
at #ワインã¨é‹js ãªãœãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã« Edge Worker ãŒå¿…è¦ãªã®ã‹ã€Cloudflare Workers ã‚’ã©ã†ä½¿ã£ã¦ã„ãã‹ã¿ãŸã„ãªè©±ã‚’ã—ã¾ã—ãŸ
The State of Frontend 2024
This edition is our most comprehensive survey yet, with 6,288 responses from developers, engineers, and tech enthusiasts across 139 countries. Our community spans the globe, with the largest number of responses coming from countries like the USA, Poland, Germany, and France. We’re also thrilled to have heard from individuals in places as diverse as Andorra, the Maldives, Mauritius, Senegal, and Gu
Remix ã¨ã„ㆠ考ãˆæ–¹
ã“ã‚“ã«ã¡ã¯ã€@kaa_a_zu ã§ã™ã€‚今日(11/23)ã®æ—¥æœ¬æ™‚é–“æ—©æœã« React Router ã®åˆ¶ä½œè€…ã§ã‚ã‚‹ @Ryanæ° ã¨ @Michael ãŒç€æƒ³ã—㟠Remix V1.0 ãŒæ£å¼ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸðŸŽ‰ RemixãŒWebã®ä¸–ç•Œã«åŠã¼ã™å½±éŸ¿ã¯å¤§ãã„ã¨æ€ã£ã¦ãŠã‚Šã€å®Ÿéš›ã®ã‚³ãƒ¼ãƒ‰ã‚„ドã‚ュメントを見ãªãŒã‚‰æ—¢å˜ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ä½•ãŒç•°ãªã£ã¦ã„ã‚‹ã®ã‹ã‚’ä¸å¿ƒã«æ›¸ã„ãŸç´¹ä»‹è¨˜äº‹ã§ã™ã€‚(æ£ç›´ã€é‚ãŒéœ‡ãˆã¦ã„ã¾ã™) より具体的ãªä½¿ã„æ–¹ã¯ãƒ‰ã‚ュメントを見ã¦ã€æ‰‹ã‚’å‹•ã‹ã—ã¦ã„ãŸã ãã®ãŒè‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ã¾ãŸã€æ—¢ã«å›½å†…ã§ã‚‚使ã£ã¦ã¿ãŸç³»ã®è¨˜äº‹ãŒã„ãã¤ã‹ã‚るよã†ã§ã™ã€‚ Remixã®æ©Ÿèƒ½ã«ã¯æ§˜ã€…ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ãŒã€å½“記事ã§ã¯ç†è€…ãŒã‚ˆã‚Šæ³¨ç›®ã—ã¦ã„ã‚‹ã‚‚ã®ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ãã¾ã™ã€‚Remixã«èˆˆå‘³ãŒã‚ã‚‹ã‘ã©ã€ã‚ã¾ã‚Šè¿½ãˆã¦ã„ãªã„ã¨ã„ã†æ–¹ã«èªã‚“ã§ã„ãŸã ã‘ã‚‹ã¨å¬‰ã—ã„ã§ã™ã€‚ ※ã“ã®è¨˜äº‹ã¯Gatsbyã‚„Next.jsよりもRemix
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰åˆ·æ–°ã®ãŸã‚ã« DevTools を作ã£ã¦é–‹ç™ºã‚’æ—らã›ã‚‹ - Cybozu Inside Out | サイボウズエンジニアã®ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ã‚スパートãƒãƒ¼ãƒ ã®éº¦å³¶(@mugi_uno)ã§ã™ï¼ 2021å¹´5月ã«æ–°ã—ãメンãƒãƒ¼ã¨ã—ã¦åŠ ã‚ã‚Šã€å¯Œå±±ã‹ã‚‰ãƒ•ãƒ«ãƒªãƒ¢ãƒ¼ãƒˆã§åƒã„ã¦ã„ã¾ã™ã€‚ 最近ã¯ãƒãƒ¼ãƒ メンãƒãƒ¼ã«èª•ç”Ÿæ—¥ã‚’ç¥ã£ã¦ã‚‚らã£ã¦å¬‰ã—ã‹ã£ãŸã§ã™ðŸŽ‰ ã•ã¦ã€ä»¥å‰ã« "kintoneã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰åˆ·æ–°ã«å‘ã‘ãŸå–り組ã¿"*1 ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªã§ã‚‚ã”紹介ã—ã¾ã—ãŸãŒã€ç¾åœ¨ã‚µã‚¤ãƒœã‚¦ã‚ºç¤¾å†…ã§ã¯ kintone ã§åˆ©ç”¨ã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æŠ€è¡“スタックを刷新ã™ã‚‹å–り組ã¿ã‚’進ã‚ã¦ã„ã¾ã™ã€‚ ãã®ä¸€ç’°ã¨ã—ã¦ã€ "Closure Tools DevTools" ã¨ã„ㆠGoogle Chrome å‘ã‘拡張機能を作æˆã—ã¾ã—ãŸã€‚ 作æˆã—㟠DevTools 㯠kintone ã«é™ã‚‰ãšåˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ãŸã‚ã€Chrome ウェブストアã§å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ chrome.google.com ソースコードも次ã®ãƒªãƒã‚¸ãƒˆãƒªã§ã”確èªã„ãŸã ã‘ã¾ã™ã€‚
Introduction · Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ パフォーマンス改善ãƒãƒ³ãƒ‰ãƒ–ック
Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ パフォーマンス改善ãƒãƒ³ãƒ‰ãƒ–ック ã“ã®ãƒ‘フォーマンス改善ãƒãƒ³ãƒ‰ãƒ–ックã§ã¯ã€ã‚¦ã‚§ãƒ–アプリケーションã«ãŠã‘るフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‘フォーマンス改善ã«ã¤ã„ã¦æ‰±ã£ã¦ã„ã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ç‰ˆ 埋ã‚è¾¼ã¿å‹•ç”»ã‚’å†ç”Ÿã§ããªã„ãªã©ä¸€éƒ¨åˆ¶é™ãŒã‚ã‚Šã¾ã™ãŒã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ç‰ˆã‚’é…布ã—ã¦ã„ã¾ã™ã€‚ PDF版 EPUB版 MOBI版 目的 ã“ã®ãƒãƒ³ãƒ‰ãƒ–ックã§ã¯éŽåŽ»ã«è¡Œã£ãŸæ”¹å–„ã®äº‹ä¾‹ã‚’ä¸å¿ƒã«ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ ãã®ãŸã‚ã€ç¾åœ¨ã®æœ€é©ãªè§£æ±ºæ–¹æ³•ã‚’æ案ã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 ã¾ãŸã€ã‚¢ãƒ—リケーションã«ã‚ˆã£ã¦ã‚‚最é©ãªè§£æ±ºæ–¹æ³•ã¯ç•°ãªã‚Šã¾ã™ã€‚ 今回ã®äº‹ä¾‹ã§ã¯Viewライブラリã«Reactを使ã„æ˜ åƒå†ç”Ÿãƒ—レイヤーãªã©ã‚る程度複雑ãªæ©Ÿèƒ½ã‚’æŒã£ãŸã‚¦ã‚§ãƒ–アプリケーションã®ãƒ•ãƒãƒ³ãƒˆã‚’扱ã„ã¾ã™ã€‚ 具体的ã«ã¯ãƒ‹ã‚³ãƒ‹ã‚³ç”Ÿæ”¾é€ï¼ˆä»¥ä¸‹ã€Œç”Ÿæ”¾é€ã€ï¼‰ã§è¡Œã£ãŸäº‹ä¾‹ã‚’ä¸å¿ƒã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ 開発ã¨å¹³è¡Œã—ã¦è¡Œã‚ã‚Œã¦ã„ãŸãŸã‚ã€React 15ã‹ã‚‰16ã®é–“
Real-world CSS vs. CSS-in-JS performance comparison
CSS-in-JS has taken a solid place in front-end tooling, and it seems this trend will continue in the near future. Especially in the React world. For example, out of 11492 people who participate in State of CSS survey in 2020 only 14.3% didn’t hear of Styled Components (a dominant CSS-in-JS library). And more than 40% of participants have used the library. I wanted to see an in-depth performance co
Cookpad Online Spring Internship 2021
概è¦ãƒ—レスルーム著作権ãŠå•ã„åˆã‚ã›ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼å‘ã‘広告掲載開発者å‘ã‘利用è¦ç´„プライãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼ã¨ã‚»ã‚ュリティYouTube ã®ä»•çµ„ã¿æ–°æ©Ÿèƒ½ã‚’試ã—ã¦ã¿ã‚‹Â© 2025 Google LLC
2020年代ã€ä½¿ã†æŠ€è¡“ã¯ã©ã†é¸ã¶ï¼Ÿ
Front-End Study #5 ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚ https://forkwell.connpass.com/event/205227/ フィードãƒãƒƒã‚¯ã¯ã“ã¡ã‚‰ï¼š https://koibu.me/events/14/talks/wQQs0pbvMZHcnZ8TawAi
Next.js + NestJS + GraphQLã§å¤‰åŒ–ã«è¿½å¾“ã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¸ 〜 ショッピングクーãƒãƒ³ã®äº‹ä¾‹ç´¹ä»‹
今回ã¯ã€fragmentを活用ã™ã‚‹ãŸã‚ã«ãƒ‘ターンCを採用ã—ã¦ãŠã‚Šã€åŽ³å¯†ã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ã«æ–¹é‡ã‚’定ã‚ã¦ã„ã¾ã™ã€‚ SSR時ã®ã‚¯ã‚¨ãƒªç™ºè¡Œ: ページコンãƒãƒ¼ãƒãƒ³ãƒˆå˜ä½ CSR時ã®ã‚¯ã‚¨ãƒªç™ºè¡Œ: CSRãŒå¿…è¦ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå˜ä½ ã“ã®éš›ã€å–å¾—ã—ãŸqueryã®çµæžœã‚’ã©ã®ã‚ˆã†ã«fragmentã¸å¤‰æ›ã™ã‚‹ã‹ã¨ã„ã†ã®ãŒãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ ãã“ã§ã€graphql-anywhereã® filter メソッドを用ã„ã‚‹ã“ã¨ã§ã€ã‚¯ã‚¨ãƒªçµæžœã‚’fragmentã¸å¤‰æ›ã—ã¾ã™ã€‚ 以下ã¯ã€ç°¡ç•¥åŒ–ã•ã‚ŒãŸã‚¯ãƒ¼ãƒãƒ³ãƒšãƒ¼ã‚¸ã®å®Ÿè£…例ã§ã™ã€‚ type DetailPageProps = { // GraphQLクエリã®çµæžœ data: Query } const DetailPage: FunctionComponent<DetailPageProps> = ({ data }) => { // couponã¯GraphQLã®Couponスã‚ー
1
ランã‚ング
障害
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}