Joining Together AI and Introducing CodeSandbox SDK
Joining Together AI and Introducing CodeSandbox SDKWe are starting a new chapter for CodeSandbox, building better tooling for our community. This might be the most important blog post I’ve written since our launch of CodeSandbox back in 2017. Today, I’m excited to announce that CodeSandbox has joined Together AI! But first, let’s address the elephant in the room: CodeSandbox will continue to run a
俺ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ä¾å˜ç®¡ç†ãƒãƒªã‚·ãƒ¼20241120
ãƒãƒªã‚·ãƒ¼: ã“ã®ä¸–ç•Œã§ã¯å¸¸ã«æœ€æ–°ç‰ˆã‚’使ã†ã¨ã„ã†æ°—æŒã¡ã§ç”Ÿãã¦ã„ã Node.js ã¯æž¯ã‚Œã‚‹ã¨ã„ã†æ¦‚念ãŒãªãã€å¸¸ã«å¤ã„ã“ã¨ã¯ãƒªã‚¹ã‚¯ ã¨ã„ã†èªè˜ã€‚LTS ã‚‚çŸã‚(3å¹´) å¤ã„APIã®ãƒ‰ã‚ュメントã¯å¸¸ã«æ¶ˆå¤±ã™ã‚‹ モダンãªãƒ„ールã¯ã€ãƒ¢ãƒ€ãƒ³ãªå‰æã‚’è¦æ±‚ã™ã‚‹ ~2020: CJS/ESM 関連ã§æ–絶ãŒã‚ã‚‹(jestãŒå‹•ã‹ãªããªã‚Šã¤ã¤ã‚ã‚‹) ~2019: パフォーマンスæ„è˜ãŒä½Žã„時代ã®å®Ÿè£…ãŒå¤šã„ ~2015: Node.js ã®ã¿ã§ã—ã‹å‹•ã‹ãªã„ã‚‚ã®ãŒå¤šã„。peerDeps ã®æ„è˜ãŒä½Žã„ ã“ã®è¾ºã§ç›®è¦–ã§ãƒãƒãƒãƒã™ã‚‹ npm: npm-check-updates - npm yarn upgrade-iteractive pnpm upgrade -i サーãƒãƒ¼ãƒ©ãƒ³ã‚¿ã‚¤ãƒ ã«ã¯å®‰å®šã‚’ã€ãƒ„ールãƒã‚§ã‚¤ãƒ³ã«ã¯ãƒ‘フォーマンスを サーãƒãƒ¼ãƒ©ãƒ³ã‚¿ã‚¤ãƒ (Node.js) Node 本体㯠Stable LTS ã‹ã€ä¸€ã¤å‰ã®
Framer Motion is now independent, introducing Motion - Motion Blog
Framer Motion is now independent, introducing Motion First, some personal news: Next week will be my last at Framer. Writing that feels pretty wild. Making Framer Motion has been the best job of my life. To do so for six years within the best product team in the world, both a massive learning experience and a privilege. However, that leads to some news that I'm incredibly excited to share. With Fr
Web features explorer - Home
This website provides information about features of the web platform. The data displayed on this site comes from the web-features repository; a new open-source project that's maintained by the W3C WebDX Community Group, and which aims at providing a common list of features and their definitions to improve understanding of what web developers get and want from the web. In particular, the web-featur
Webã‚»ã‚ュリティã®ã‚ã‚‹ãã‹ãŸ
2024/10/5 YAPC::Hakodate 2024
Chrome“一強â€ã€Webã®é€²åŒ–ã¯åœæ»žã—ãŸï¼Ÿã€Œãƒ–ラウザã®æ¯ã€ãŒèªžã‚‹ã€é–‰å¡žæ„Ÿã‚’æ‰“ç ´ã™ã‚‹éµã€ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã€‘ レãƒãƒ†ãƒƒã‚¯ãƒ©ãƒœï¼ˆãƒ¬ãƒãƒ†ãƒƒã‚¯LAB）
TOPフォーカスChrome“一強â€ã€Webã®é€²åŒ–ã¯åœæ»žã—ãŸï¼Ÿã€Œãƒ–ラウザã®æ¯ã€ãŒèªžã‚‹ã€é–‰å¡žæ„Ÿã‚’æ‰“ç ´ã™ã‚‹éµã€ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã€‘ 一般社団法人 WebDINO Japan 代表ç†äº‹ 瀧田 ä½ç™»å 国内大手ITä¼æ¥ã§UNIX・インターãƒãƒƒãƒˆäº‹æ¥ã«æºã‚ã£ãŸå¾Œã€ç±³ Netscape 社ã§ãƒ–ラウザ製å“ã®å›½éš›åŒ–・日本語化ã«å¾“事。ãã®å¾Œã€ Netscape ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’引ã継ãã‹ãŸã¡ã§èª•ç”Ÿã—ãŸã‚ªãƒ¼ãƒ—ンソースブラウザ Firefox ã®ãƒªãƒªãƒ¼ã‚¹ã‚’æ©Ÿã«ã€ç±³ Mozilla 財団 （ Mozilla Foundation ）ãŒè¨ç«‹ã•ã‚ŒãŸã®ã‚’å—ã‘ã€ãã®æ—¥æœ¬æ”¯éƒ¨ã¨ã—ã¦ã€2004å¹´ã« Mozilla Japan ã‚’è¨ç«‹ã€‚代表ç†äº‹ã¨ã—ã¦ã€ Mozilla ã®è£½å“・技術ã®æ™®åŠã®ã¿ãªã‚‰ãšã€Web標準技術やオープンソースã®æŽ¨é€²ã€Webã®æ–°ãŸãªå¯èƒ½æ€§ã®æŽ¢æ±‚や人æ育æˆãªã©ã«ã‚‚å–り組む。2017å¹´7月よりã€ç¤¾åを一般社団法人 Web
Dialog (Modal) Pattern
How to build accessibility semantics into web patterns and widgets About This Pattern A dialog is a window overlaid on either the primary window or another dialog window. Windows under a modal dialog are inert. That is, users cannot interact with content outside an active dialog window. Inert content outside an active dialog is typically visually obscured or dimmed so it is difficult to discern, a
Dialog 㨠Popover #2 | blog.jxck.io
Intro showModalDialog() ã¯ä»Šã‹ã‚‰è€ƒãˆã‚Œã°ã€ç¢ºã‹ã«ã²ã©ã„ API ã ã£ãŸã€‚ ã—ã‹ã—ã€ä½•ã‹ Modal ã‚’é–‹ãã€ãƒ¦ãƒ¼ã‚¶ã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’ã•ã›ã€é–‰ã˜ãŸã‚‰ãã“ã§å…¥åŠ›ã•ã‚ŒãŸå€¤ã‚„é¸æŠžã•ã‚ŒãŸçµæžœã‚’å–å¾—ã—ã€å‡¦ç†ã‚’進ã‚ãŸã„ユースケース自体ã¯ã€è¦ç´„ã¸ã®åŒæ„å–得や〠Cookie ãƒãƒŠãƒ¼ã€ãƒã‚°ã‚¤ãƒ³ãªã©å¤šã€…ã‚る。 ãã†ã„ã£ãŸå ´é¢ã§ã¯ã€ãƒ©ã‚¤ãƒ–ラリãªã©ã‚’用ã„ã¦å®Ÿè£…ã™ã‚‹å¿…è¦ãŒã‚ã£ãŸãŒã€ Modal を実装ã™ã‚‹ã®ã¯å®Ÿéš›ã«ã¯ãã‚“ãªã«ç°¡å˜ã§ã¯ãªã‹ã£ãŸã€‚ Modal, Dialog, Modal Dialog 最åˆã«ã€ç”¨èªžã‚’å°‘ã—æ•´ç†ã—ã¦ãŠã“ã†ã€‚ Modal Dialog Modal Dialog non-Modal Dialog Dialog ã¨ã¯ã€ãã‚‚ãも「対話ã€ã¨ã„ã†æ„味ã§ã‚り〠UI ã®æ–‡è„ˆã§ã¯å…¥åŠ›ã‚„é¸æŠžã‚’求ã‚る「対話的㪠UIã€ã®ã“ã¨ã‚’指ã™ã€‚ æ—¢ã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ alert(), confir
Chromium policy on JavaScript dialogs  | Blog  | Chrome for Developers
History of JavaScript dialogs JavaScript was introduced in 1995, and in the very first version of JavaScript were methods on the window object named alert(), confirm(), and prompt(). While they fit into the JavaScript of the time, their synchronous API is problematic for modern browsers. Because the JavaScript engine needs to pause until a user response is obtained, the JavaScript dialogs are app-
Dialog 㨠Popover #1 | blog.jxck.io
Intro HTML ã® <dialog> è¦ç´ ã¨ã€ popover 属性ã€ãŠã‚ˆã³é–¢é€£ã™ã‚‹æ§˜ã€…ãªä»•æ§˜ãŒæ¨™æº–化ã•ã‚Œã€å®Ÿè£…ãŒé€²ã‚られã¦ã„る。 Open UI ã‚’ä¸å¿ƒã«é€²ã‚られã¦ã„ã‚‹ã“れらã®æ”¹å–„ã¯ã€å¤šãã®ã‚µã‚¤ãƒˆã§å…±é€šã—ãŸãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ãŒã‚ã‚ŠãªãŒã‚‰ã€é•·ã‚‰ãミッシングピースã¨ãªã£ã¦ã„ãŸé‡è¦ãªæ©Ÿèƒ½ã 。 ã‚‚ã—今ã€åŒç‰ã®ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã‚’自å‰ã§å®Ÿè£…ã—ã¦ã„ã‚‹ã®ã§ã‚ã‚Œã°ã€é©åˆ‡ãªä»•æ§˜ã‚’用ã„ãŸå®Ÿè£…ã«åˆ·æ–°ã™ã‚‹ã“ã¨ã§ã€å¾“æ¥ã¯ã»ã¼ä¸å¯èƒ½ã ã£ãŸ UX ã‚’æä¾›ã§ãるよã†ã«ãªã‚‹ã€‚ 今回ã‹ã‚‰ã€æ•°å›žã®é€£è¼‰å½¢å¼ã§ã€ã“れらã®ä»•æ§˜ãŒã©ã®ã‚ˆã†ã«æ¨™æº–化ã•ã‚Œã€æˆ‘々開発者ã¯ã“れをã©ã®ã‚ˆã†ã«ä½¿ã£ã¦ã„ãã¹ããªã®ã‹ã«ã¤ã„ã¦è§£èª¬ã™ã‚‹ã€‚ showModalDialog Modal ã‚„ Dialog ã¨è¨€ã‚れる UI ã®æ´å²ã¯ Web ã«ãŠã„ã¦ã‚‚å¤ãã€ãƒ–ラウザã§ã¯ IE4 ãらã„ã®ã“ã‚ã«ç‹¬è‡ªå®Ÿè£…ã•ã‚ŒãŸ window.showModalDialog() ãŒæœ€åˆã«
Web Developer Conference 2024 開催後記 #wdc2024 | blog.jxck.io
Intro 2024/9/7 ã«ã€ Web Developer Conference を開催ã—ãŸã€‚ Web Developer Conference 2024 開催告知 #wdc2024 | blog.jxck.io https://blog.jxck.io/entries/2024-06-12/web-dev-conf-2024.html Connpass https://web-study.connpass.com/event/321711/ Togetter https://togetter.com/li/2430964 WDC2024 「Web 開発ã«é–¢ã‚ã‚‹ã“ã¨ãªã‚‰ãªã‚“ã§ã‚‚å¯ã€ã¨ã„ㆠ40 分セッションã¨ã€ã€Œ1 人 1 分 1 枚㧠Web 標準を紹介ã™ã‚‹ã€ã¨ã„ㆠ1 分 LT ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨ã—ã¦é–‹å‚¬ã—ãŸã€‚ ãれ以外ã®ä½™è¨ˆãªã“ã¨ã‚’å…¨ãã—ãªã„ã€ã„ã¤ã‚‚通りã®çœåŠ›é–‹å‚¬ã§è¡Œã£ãŸã€‚ é…ä¿¡
Web エコシステム㮠人文社会å¦çš„解釈 | ドクセル
ドクセルã¯ã‚¹ãƒ©ã‚¤ãƒ‰ã‚„PDFã‚’ã‹ã‚“ãŸã‚“ã«å…±æœ‰ã§ãるサイトã§ã™
URLシェアを支ãˆã‚‹æŠ€è¡“ lz-string
Webアプリã§URLシェアを実装ã™ã‚‹éš›ã«ã€URLã«ã™ã¹ã¦ã®æƒ…å ±ã‚’æŒãŸã›ã¦ã—ã¾ã„ãŸã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ãã®ã¨ãã€æƒ…å ±ã‚’ãã®ã¾ã¾ã‚¯ã‚¨ãƒªæ–‡å—列ã«æ¸¡ã—ã¦ã—ã¾ã†ã¨URLã®æ–‡å—数制é™ã«å¼•ã£ã‹ã‹ã£ã¦ã—ã¾ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“(厳密ã«ã¯URLã«ä¸Šé™ã¯ãªã„よã†ã§ã™ãŒã€ç¾å®Ÿã¯ã„ã¤ã‚‚ブラウザ実装ä¾å˜)。 ãã‚“ãªã¨ãURLセーフãªæ–‡å—列形å¼ã§åœ§ç¸®ã—ã¦ãれるライブラリãŒã‚ã‚Šã¾ã™ã€‚lz-sringã§ã™ã€‚ 変æ›ã®ä¾‹ ライブラリ㧠compressToEncodedURIComponent ã¨ã„ã†APIãŒæä¾›ã•ã‚Œã¦ã„ã‚‹ã®ã§ã“れを使用ã—ã¾ã™ã€‚標準ã®encodeURIComponentã§URLセーフãªæ–‡å—列ã«å¤‰æ›ã—ãŸå ´åˆã¨ã‚µã‚¤ã‚ºæ¯”較をã—ã¦ã¿ã¾ã—ょã†ã€‚ import lzstring from "lz-string"; const rawData = "Lorem ipsum dolor sit amet, consectetur a
WWWã®ç”Ÿã¿ã®è¦ªãƒ†ã‚£ãƒ ・ãƒãƒ¼ãƒŠãƒ¼ã‚ºãƒ»ãƒªãƒ¼æ°ãŒä»Šã€å¾Œæ‚”ã—ã¦ã„ã‚‹ã“ã¨
å°åˆ·ã™ã‚‹ メールã§é€ã‚‹ テã‚スト HTML é›»åæ›¸ç± PDF ダウンãƒãƒ¼ãƒ‰ テã‚スト é›»åæ›¸ç± PDF クリップã—ãŸè¨˜äº‹ã‚’Myページã‹ã‚‰èªã‚€ã“ã¨ãŒã§ãã¾ã™ World Wide Web（WWW）ã®ç”Ÿã¿ã®è¦ªã¨ã—ã¦çŸ¥ã‚‰ã‚Œã‚‹Tim Berners-Leeæ°ã¯New York Timesã®å–æã§ã€ã‚¦ã‚§ãƒ–アドレスを表示ã™ã‚‹éš›ã«ã€Œhttp:ã€ã®å¾Œã«ä»˜ã‘るダブルスラッシュ（//） ã«ã¤ã„ã¦ã€å½“時ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§ã¯ä¸€èˆ¬çš„ã«ç”¨ã„られる手法ã ã£ãŸã¨ã—ãŸã†ãˆã§ã€ä»Šè€ƒãˆã‚‹ã¨ä¸è¦ã ã£ãŸã¨è¿°ã¹ã¦ã„る。åŒæ°ã¯ãã®ä¸ã§ã€ãƒ€ãƒ–ルスラッシュを打ã¡è¾¼ã‚€äººé–“ã®åŠ´åŠ›ã«åŠ ãˆã€ç´™ã«æ‰“ã¡å‡ºã•ã‚ŒãŸéš›ã«ãã®åˆ†ã ã‘木や紙ãŒç„¡é§„ã«ãªã£ã¦ã„ã‚‹ã“ã¨ã‚’嘆ã„ã¦ã„る。åŒæ°ã¯ã¾ãŸWebã‹ã‚‰å¦ã‚“ã ã“ã¨ã¨ã—ã¦ã€æƒ…å ±ã‚„ã‚·ãƒ³ãƒ—ãƒ«ãªã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ールをフリーã§å…¬é–‹ã—ã¦ãŠãã“ã¨ãŒã€ã‚¤ãƒŽãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å·»ãèµ·ã“ã™ã¨è¿°ã¹ã¦ã„る。
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
HDR Test Page
Enter WebSockets
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒˆã‚™ã®ç¾åœ¨åœ°ã¨ã“ã‚Œã‹ã‚‰
疎通2024
https://akifumisato.github.io/slide-of-web-developer-conference-2024/1
「窓ã®æœã€ã®RSSãŒã¡ã‚‡ã£ã¨ã ã‘改善 ～「IFTTTã€ã§è‡ªå‹•åŒ–ã—ã¦ã„ãŸç†è€…ã ã‘ãŒå¤§æ“å–œï¼çš†ã•ã‚“ã«ã‚‚活用ã—ã¦ã»ã—ã„ã€ã‚„ã˜ã†ã¾ã®æœã€‘
{{#tags}}- {{label}}
{{/tags}}