Deno is Webby (pt. 2)
The Deno team recently shipped Deno by example: Deno by example is a collection of annotated examples for how to use Deno, and the various features it provides. It’s a pretty neat little reference. I browsed through each of the examples and one thing I noticed, which I’ve blogged about before, is how “webby†Deno is. Meaning, its APIs are (as much as possible) the web platform JavaScript APIs. For
URL Pattern API - Web APIs | MDN
The URL Pattern API defines a syntax that is used to create URL pattern matchers. These patterns can be matched against URLs or individual URL components. The URL Pattern API is used by the URLPattern interface. The pattern syntax is based on the syntax from the path-to-regexp library. Patterns can contain: Literal strings which will be matched exactly. Wildcards (/posts/*) that match any characte
Navigation API ã«ã‚ˆã‚‹ã€ŒJS ã§ã®ç”»é¢é·ç§»ã€ã¨ SPA ã®æ”¹å–„ | blog.jxck.io
Intro 従æ¥ã® History API を改善ã™ã‚‹ Navigation API ã®ä»•æ§˜ç–定ã¨å®Ÿè£…ãŒé€²ã‚“ã§ã„る。 ã“ã‚Œã¯ã€ History API ã®ä½¿ã„ã«ãã‹ã£ãŸéƒ¨åˆ†ã‚’補ã†ã ã‘ã§ã¯ãªãã€ã€ŒJS ã§ç”»é¢é·ç§»ã‚’ã™ã‚‹ã€ã¨ã„ã†ç¾çŠ¶ã®ãƒŸãƒƒã‚·ãƒ³ã‚°ãƒ”ースã«å–り組ã¿ã€ SPA ãŒæŠ±ãˆã‚‹å¤šãã®å•é¡Œã ã‘ã§ãªã MPA ã™ã‚‰æ”¹å–„ã™ã‚‹å¯èƒ½æ€§ãŒã‚る。 ã“ã® API ã®ç›®çš„ã¨ä»•æ§˜ã‚’解説ã—ã¤ã¤ã€å®Ÿè£…ã®ãƒ¡ãƒ¢ã‚’残ã™ã€‚ ç”»é¢é·ç§»ã¨ SPA ã®è»Œè·¡ Web 㯠HTML ã®å–å¾—ã¨æ画を繰り返ã™ã€ç”»é¢é·ç§»(Navigation)ã‚’å‰æã¨ã—ãŸã‚¢ãƒ¼ã‚テクãƒãƒ£(ã®ã¡ã« SPA ã‹ã‚‰ã®é€†ç®—㧠MPA ã¨å‘¼ã°ã‚Œã‚‹)ãŒåŸºæœ¬ã§ã‚ã‚Šã€ãƒ–ラウザãªã©ã®å®Ÿè£…ã‚‚ãã‚Œã«æœ€é©åŒ–ã•ã‚Œã¦ã„る。 一方「アプリケーションã€ã®è¨è¨ˆæ‰‹æ³•ã‚’ãã®ã¾ã¾ Web ã«æŒã¡è¾¼ã‚“ã SPA ã¯ã€ã“ã® Navigation ã«ã‚ˆã£ã¦ã‚‚ãŸã‚‰ã•ã‚Œã‚‹ UX ã®ä½Žä¸‹ã‚’防ã部分ãŒã‚る一方
Node.js v15ã«å®Ÿè£…ã•ã‚ŒãŸAbortController | フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰Blog | ミツエーリンクス
ã“ã®è¨˜äº‹ã¯ãƒŸãƒ„エーリンクス Advent Calendar 2020 - Adventarã®14日目ã®è¨˜äº‹ã§ã™ã€‚ å°‘ã—å‰ã«Node.jsã®v15ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚v15ã«ã¯AbortControllerã®å®Ÿè£…ãŒè¿½åŠ ã•ã‚Œã¦ã„ã¾ã™ã€‚ AbortControllerã¯ç°¡å˜ã«è¨€ã†ã¨Promiseãªã©ã®éžåŒæœŸå‡¦ç†ã‚’ä¸æ–ã•ã›ã‚‹ãŸã‚ã«å®Ÿè£…ã•ã‚ŒãŸã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã§ã™ã€‚Node.jsã ã‘ã§ã¯ãªãWeb APIã«ã‚‚å˜åœ¨ã—ã¦ãŠã‚Šã€ã“ã®åº¦Node.jsã«å®Ÿè£…ã•ã‚ŒãŸAbortControllerã¯Web APIをベースã«ã—ã¦ã„ã¾ã™ï¼ˆãŸã ã—Experimental扱ã„ã§ã™ï¼‰ã€‚ （12/15追記：12/9ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸNode.js 15.4.0ã§Experimentalã§ã¯ãªããªã‚Šã¾ã—ãŸã€‚） 今回ã¯AbortControllerã‚’ã©ã®ã‚ˆã†ã«ä½¿ã†ã®ã‹ã‚’ã”紹介ã—ãŸã„ã¨ãŠã‚‚ã„ã¾ã™ã€‚ AbortControllerã®ä½¿
ブラウザãŒãƒ†ã‚ストをèªã‚“ã§ãれる機能ãŒæ¢ã¾ã‚‰ãªã„ : (*x).b=z->a+y/c
â—† Web Speech API â—† èªã¿ä¸Šã’状態ã¯ã‚¿ãƒ–é–“ã§å…±æœ‰ â—† タブを閉ã˜ã¦ã‚‚æ¢ã¾ã‚‰ãªã„ â—† å«ŒãŒã‚‰ã›ã«ä½¿ãˆã¦ã—ã¾ã† â—† 別タブã§ã‚ャンセルã§ãã‚‹ 押ã—ã¦ã¿ãŸã‚‰è¨˜äº‹ã®å†…容をèªã‚“ã§ãã‚Œã¾ã™ ãã‚“ãªæ©Ÿèƒ½ã‚ã£ãŸã‚“ã ー ã¨æ€ã„ã¤ã¤ã‚‚é•·ã‚ã®è¨˜äº‹ã‚’全部èªã‚“ã§ã‚‚らã†æ°—ã‚‚ãªã‹ã£ãŸã®ã§æ¢ã‚よã†ã¨ã—ã¾ã—㟠音楽è´ããªãŒã‚‰ã ã£ãŸã®ã§é‚ªé”ã ã£ãŸã‚“ã§ã™ ã—ã‹ã— æ¢ã‚るボタンãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã›ã‚“ ã‚‚ã†ä¸€å›žæŠ¼ã›ã°æ¢ã¾ã‚‹ã®ã‹ãªã¨æ€ã£ã¦æŠ¼ã—ã¦ã¿ã¦ã‚‚æ¢ã¾ã‚Šã¾ã›ã‚“ 一旦タブ閉ã˜ã‚Œã°æµçŸ³ã«æ¢ã¾ã‚‹ã§ã—ょ ã¨æ€ã£ã¦é–‰ã˜ãŸã®ã« æ¢ã¾ã‚Šã¾ã›ã‚“ ã•ã™ãŒã«ã“ã‚Œã¯ã©ã†ãªã®â€¦â€¦ ã¨ã‚Šã‚ãˆãšã©ã†ã„ã†æ©Ÿèƒ½ã§éŸ³èªã—ã¦ã‚‹ã‚“ã ã‚ã†ã¨ãã®ã‚µã‚¤ãƒˆã®ã‚½ãƒ¼ã‚¹ã‚’見ã¦ã¿ã¾ã—㟠Web Speech API ã¨ã„ã†ã®ã‚’使ã£ã¦ã‚‹ã‚ˆã†ã§ã™ MDN ã§ä½¿ã„方をã•ã£ã¨è¦‹ã¦ã¿ã‚‹ã¨ speechSynthesis.cancel ã§ã‚ャンセルã§ãã‚‹ã¿ãŸã„ã ã£ãŸã®ã§ã‚„ã£ã¦ã¿ã‚‹ã¨
The Intl.RelativeTimeFormat API  | Web  | Google Developers
Show navigation Modern web applications often use phrases like “yesterdayâ€, “42 seconds agoâ€, or “in 3 months†instead of full dates and timestamps. Such relative time-formatted values have become so common that several popular libraries implement utility functions that format them in a localized manner. (Examples include Moment.js, Globalize, and date-fns.) One problem with implementing a localiz
JavaScript ã®ã‚¹ãƒ¬ãƒƒãƒ‰ä¸¦åˆ—実行環境
ã“れ㯠Chromium Browser アドベントカレンダーã®å日目ã®è¨˜äº‹ã§ã™ã€‚本記事ã§ã¯ Chromium ã«ãŠã‘ã‚‹ JavaScript ã®ã‚¹ãƒ¬ãƒƒãƒ‰ä¸¦åˆ—実行環境ã«ã¤ã„ã¦ä»•æ§˜ãƒ»å®Ÿè£…・API ã®é¢ã‹ã‚‰åŒ…括的ã«ç´¹ä»‹ã—ã¾ã™ã€‚ブラウザã®å†…部実装ã«èˆˆå‘³ãŒã‚る人を対象ã«ã€å„機能ã®ä½¿ã„æ–¹ã§ã¯ãªã実行モデルã«ç„¦ç‚¹ã‚’当ã¦ã¦èª¬æ˜Žã—ã¦ã„ã‚‹ãŸã‚ã€é›£æ˜“度ã¯é«˜ã„ã§ã™ã€‚使ã„方を知りãŸã„人㯠MDN ãªã©ã®è¨˜äº‹ã‚’èªã‚“ã§ãã ã•ã„。ã“ã®è¨˜äº‹ã‚’ãã£ã‹ã‘ã«å®Ÿè£…解èªã«æŒ‘戦ã—ã¦ã¿ã‚‹äººãŒä¸€äººã§ã‚‚増ãˆã‚‹ã¨å¹¸ã„ã§ã™ã€‚ 本記事を書ãã«ã‚ãŸã‚Šã€yuki3 ã•ã‚“ã«å¤šãã®ã‚³ãƒ¡ãƒ³ãƒˆã‚’ã„ãŸã ãã€è°è«–ã«ä»˜ãåˆã£ã¦ã„ãŸã ãã¾ã—ãŸã€‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ãªãŠã€æ–‡è²¬ã¯ã™ã¹ã¦ç§ (nhiroki) ã«ã‚ã‚Šã¾ã™ã€‚誤りや補足ã€è³ªå•ãªã©ã¯æ°—軽㫠GitHub Issue ã‚‚ã—ã㯠Twitter ã¸ãŠå¯„ã›ãã ã•ã„。 æ›´æ–°å±¥æ´ 2018/01/15 Layout
ウェブブラウザ㮠off-the-main-thread API ã®è©±
ウェブブラウザã«ãŠã„ã¦ãƒ¡ã‚¤ãƒ³ã‚¹ãƒ¬ãƒƒãƒ‰ã¯ã¨ã¦ã‚‚é‡è¦ãªãƒªã‚½ãƒ¼ã‚¹ã§ã™ã€‚ãªã‚‹ã¹ãメインスレッドを使ãˆã‚‹çŠ¶æ…‹ã«ã—ã¦ãŠãã“ã¨ãŒæ»‘らã‹ãª UI/UX を実ç¾ã™ã‚‹ä¸Šã§é‡è¦ã«ãªã‚Šã¾ã™ã€‚ã—ã‹ã—ã€å®Ÿéš›ã«ã¯å¤šãã®å‡¦ç†ãŒå®Ÿè£…上ã®ç†ç”±ã‚„ブラウザ仕様ã®ä¸è¶³ã«ã‚ˆã‚Šãƒ¡ã‚¤ãƒ³ã‚¹ãƒ¬ãƒƒãƒ‰ã§ã—ã‹å‹•ã‹ã›ãªã„ãŸã‚ã€ãƒ¡ã‚¤ãƒ³ã‚¹ãƒ¬ãƒƒãƒ‰ã¯å¿™ã—ããªã‚ŠãŒã¡ã§ã™ã€‚特ã«ãƒšãƒ¼ã‚¸ãƒãƒ¼ãƒ‰æ™‚㯠JavaScript ã®å®Ÿè¡Œã‚„リソースèªã¿è¾¼ã¿ãªã©ã§ã¨ã¦ã‚‚å¿™ã—ããªã‚Šã¾ã™ã€‚ ã¨ã‚るページ㮠perf プãƒãƒ•ã‚¡ã‚¤ãƒ«ã€‚メインスレッドã§ã›ã‚ã—ãªã処ç†ãŒè¡Œã‚ã‚Œã¦ã„る様åãŒåˆ†ã‹ã‚‹ã€‚ ã“れを解消ã™ã‚‹ãŸã‚ã«ã€ãƒ–ラウザã®å‡¦ç†ã‚’メインスレッド以外 (off-the-main-thread) ã§ã‚‚実行ã§ãるよã†ã«ã™ã‚‹è©¦ã¿ãŒè¡Œã‚ã‚Œã¦ã„ã¾ã™ã€‚ 1. Off-the-main-thread ã¨ã¯ メインスレッド以外ã®ã‚¹ãƒ¬ãƒƒãƒ‰ã«å‡¦ç†ã‚’委è²ã™ã‚‹ã“ã¨ã‚’ off-the-main-thread ã¨å‘¼
Intersection Observer
Intersection Observer Editor’s Draft, 25 February 2016 To the extent possible under law, the editors have waived all copyright and related or neighboring rights to this work. In addition, as of 25 February 2016, the editors have made this specification available under the Open Web Foundation Agreement Version 1.0 , which is available at http://www.openwebfoundation.org/legal/the-owf-1-0-agreements
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}