Mock Service Worker
import { http, HttpResponse } from 'msw'import { setupWorker } from 'msw/browser' // Describe the network.const handlers = [ http.get('https://acme.com/product/:id', ({ params }) => { return HttpResponse.json({ id: params.id, title: 'Porcelain Mug', price: 9.99, }) }),] // Enable API mocking anywhere.const worker = setupWorker(...handlers)await worker.start() Omit implementation details Intercept
JS NICE: Statistical renaming, Type inference and Deobfuscation
Welcome to JSNice — we make even obfuscated JavaScript code readable. We will rename variables and parameters to names that we learn from thousands of open source projects. Furthermore, often we are also able to guess or infer type annotations. Try JSNice on your JavaScript code to see how it works! Override the names suggested by JSNice (by enabling "interactive renames" in settings). Click to le
JavaScriptã®thisã¯çµå±€ä½•ç¨®é¡žã‚ã‚‹ã®ã‹ - uhyo/blog
JavaScriptã®ã‚„ã‚„ã“ã—ã„機能ã¨ã—ã¦ã‚ˆãæ§çŽ‰ã«æŒ™ã’られるã®ãŒthisã§ã™ã€‚ãã®ç‰¹å¾´ã®ã²ã¨ã¤ã¯çŠ¶æ³ã«ã‚ˆã£ã¦æ„味（thisã®å€¤ï¼‰ãŒé•ã†ã“ã¨ã§ã‚ã‚Šã€ã“れを指ã—ã¦ã€ŒJavaScriptã®thisã¯4種類ã€ã¨ã™ã‚‹èª¬ã‚‚見られã¾ã™ã€‚ ãã“ã§ã€ã“ã®è¨˜äº‹ã§ã¯thisãŒä½•ç¨®é¡žã‚ã‚‹ã®ã‹ã€ECMAScriptä»•æ§˜æ›¸ã‚’é ¼ã‚Šã«èª¿ã¹ã¾ã™ã€‚ECMAScript仕様書ã¨ã¯JavaScriptã¨ã„ã†è¨€èªžã‚’定義ã™ã‚‹æ–‡æ›¸ã§ã‚ã‚Šã€JavaScriptã®thisãŒã©ã®ã‚ˆã†ãªæŒ™å‹•ã‚’ã™ã‚‹ã®ã‹ã‚‚当然定義ã•ã‚Œã¦ã„ã¾ã™ã€‚今回ã¯ä»•æ§˜æ›¸ã®2020å¹´5月26日版ドラフトをå‚ç…§ã—ã¾ã™ã€‚ https://tc39.es/ecma262/çµè«–ã¨ã—ã¦ã¯ã€æœ€ã‚‚大ã–ã£ã±ã«åˆ†ã‘ã‚‹ã¨3種類ã€æœ€ã‚‚ç´°ã‹ã分ã‘ã‚‹ã¨157種類ã§ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯å…¨ç¨®é¡žæ¼ã‚Œãªãサンプルコード付ãã§èª¬æ˜Žã—ã¾ã™ï¼ˆä¼¼ãŸã‚ˆã†ãªã‚„ã¤ã¯ã¾ã¨ã‚ã¦èª¬æ˜Žã—ã¾ã™ã€‚ã¾ãŸã€ä¸€éƒ¨è¦³æ¸¬ä¸èƒ½ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ï¼‰ã€‚ ス
JavaScript frameworks and libraries - Learn web development | MDN
Next JavaScript frameworks are an essential part of modern front-end web development, providing developers with tried and tested tools for building scalable, interactive web applications. Many modern companies use frameworks as a standard part of their tooling, so many front-end development jobs now require framework experience. In this set of articles, we are aiming to give you a comfortable star
Homepage | GSAP
GSAP allows you to effortlessly animate anything JS can touch. Delivering silky-smooth performance and unmatched support so you can focus on the fun stuff. GSAP allows you to effortlessly animate anything JS can touch. Delivering silky-smooth performance and unmatched support so you can focus on the fun stuff.
Observable | The modern data visualization platform | Observable
Discover the all-in-one platform for data analysis, visualization, and cross-functional collaboration. One platform purpose-built for visualizing data and insightsCanvasesAI-powered collaborative whiteboard for data teams and stakeholdersNotebooksCode-centric visualization tool for developersOpen-sourceThe open ecosystem for building, sharing, and advancing data visualization
SQL Query Builder for Javascript | Knex.js
Knex.js (pronounced /kəˈnɛks/) is a "batteries included" SQL query builder for PostgreSQL, CockroachDB, MSSQL, MySQL, MariaDB, SQLite3, Better-SQLite3, Oracle, and Amazon Redshift designed to be flexible, portable, and fun to use. It features both traditional node style callbacks as well as a promise interface for cleaner async flow control, a stream interface, full-featured query and schema build
ES Modules ã¸ã®æ©‹æ¸¡ã—ã¨ã—ã¦ã® nomodule 属性 | blog.jxck.io
Intro ブラウザã«ãŠã‘る新機能ã®åˆ©ç”¨ã«ãŠã„ã¦ã¯ã€éžå¯¾å¿œãƒ–ラウザã®è€ƒæ…®ã‚‚å¿…è¦ã¨ãªã‚‹ã€‚ ES Modules ã®åˆ©ç”¨ã«ãŠã„ã¦ã‚‚ã€ã„ã‹ã«éžå¯¾å¿œãƒ–ラウザã§ãƒ•ã‚©ãƒ¼ãƒ«ãƒãƒƒã‚¯ã®æ‰‹æ®µã‚’æä¾›ã™ã‚‹ã‹ãŒèª²é¡Œã¨ãªã£ã¦ã„ãŸã€‚ 今回ã¯ã€Modules ã®å¯¾å¿œ/éžå¯¾å¿œã‚’切り分ã‘ã‚‹ãŸã‚ã®ä»•æ§˜ã§ã‚ã‚‹ nomodule 属性を解説ã™ã‚‹ã€‚ script type module classic script (module ã§ã¯ãªã„ JS) ã¯ã€<script> ã§æŒ‡å®šã™ã‚‹ã¨ã€å–得解æžã—ãã®ã¾ã¾å®Ÿè¡Œã•ã‚Œã‚‹ã€‚ type ã¯çœç•¥ã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ãŒã€ãã®å ´åˆ text/javascript ã¨è§£é‡ˆã•ã‚Œã¦ã„る。 <script type=text/javascript src=bundle.js></script> 一方ã€module script (module ã¨ã—ã¦å®Ÿè£…ã•ã‚ŒãŸ JS) ã¯ã€import/export ã®å‡¦ç†ã‚„ä¾
FRESH!ã«ãŠã‘ã‚‹PCブラウザã®Flashè„±å´ | CyberAgent Developers Blog
ã¿ãªã•ã‚“ã“ã‚“ã«ã¡ã¯ã€ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®FRESH!ã¨ã„ã†ã‚µãƒ¼ãƒ“スã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã—ã¦ã„ã¾ã™éˆ´æœ¨ã§ã™ã€‚ FRESH!ã¯ç”Ÿæ”¾é€ã«ç‰¹åŒ–ã—ãŸã€Œæ˜ åƒé…信プラットフォームã€ã§ç”Ÿæ”¾é€ã¨ã„ã†ã‚µãƒ¼ãƒ“スã®ç‰¹æ€§ä¸Šã€HTTP Live Streaming (HLS) ã¨ã„ã†ã‚¹ãƒˆãƒªãƒ¼ãƒŸãƒ³ã‚°ãƒ—ãƒãƒˆã‚³ãƒ«ã‚’用ã„ã¦æ˜ åƒã‚’é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ãã®FRESH!ã§ã¯ã€2016å¹´8æœˆé ƒã‹ã‚‰å‹•ç”»ãƒ—レイヤーをFlashを用ã„ãªã„æ–°ã—ã„プレイヤーã«ãƒªãƒ—レイスã—ã¾ã—ãŸã€‚(Google Chrome, Firefox, Safari10, Edge, Opera, Vivaldi) ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€ãã®ç§»è¡Œã¨ãã®å¾Œã®å¾—られãŸçµæžœã«ã¤ã„ã¦ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ 経緯 2016.01 ã‚µãƒ¼ãƒ“ã‚¹é–‹å§‹å½“åˆ Video.js v4.x(videojs-contrib-hls v0.16.x Flashベース)ã§ãƒ—レイヤーをæä¾›ã—ã¦ã„ã¾ã—ãŸã€‚ 2
CSP Report åŽé›†ã¨å®Ÿãƒ¬ãƒãƒ¼ãƒˆã®è€ƒå¯Ÿ | blog.jxck.io
Intro ã“ã®ãƒ–ãƒã‚°ã§ CSP レãƒãƒ¼ãƒˆã®åŽé›†ã‚’開始ã—ã¦ã‚‚ã†ã™ã 1 å¹´ã«ãªã‚‹ã€‚ ç¾çŠ¶ã€å¯¾è±¡ãƒ‰ãƒ¡ã‚¤ãƒ³å†…㧠<input> ã¯ä¸€åˆ‡æä¾›ã—ã¦ãŠã‚‰ãšã€å¤§åŠãŒé™çš„ã«ç”Ÿæˆã•ã‚ŒãŸãƒšãƒ¼ã‚¸ã§ã‚ã‚‹ãŒã€ã“ã®æ¡ä»¶ã§ã‚‚ã€ã‹ãªã‚Šå¤šãã®ãƒ¬ãƒãƒ¼ãƒˆãŒé›†ã¾ã£ãŸã€‚ 今回ã¯ã€åŽé›†ã—ãŸå®Ÿéš›ã®ãƒ¬ãƒãƒ¼ãƒˆã‚’例ã«ã€æ”»æ’ƒã§ã¯ãªã„ã¨æ€ã‚れるレãƒãƒ¼ãƒˆã¨ã—ã¦ã©ã†ã„ã£ãŸã‚‚ã®ãŒé€ã‚‰ã‚Œã¦æ¥ãŸã‹ã‚’ä¸å¿ƒã«ã€ãã®å†…容やレãƒãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚µãƒ¼ãƒã€CSP ã®é‹ç”¨ã«é–¢ã™ã‚‹ç¾æ™‚点ã®è€ƒå¯Ÿã«ã¤ã„ã¦ã¾ã¨ã‚る。 åŽé›†ç›®çš„ CSP ã®åŸºæœ¬ã¯ã€æ„図ã—ãªã„リソースã®èªã¿è¾¼ã¿ã‚„ã€Inline Script ã®å®Ÿè¡Œã‚’防ãã“ã¨ã«ã‚る。 例ãˆã°ã€ã‚¨ã‚¹ã‚±ãƒ¼ãƒ—æ¼ã‚Œã«ã‚ˆã‚Š XSS ãŒç™ºç”Ÿã—ã€æ‚ªæ„ã®ã‚ã‚‹ Inline Script ãŒåŸ‹ã‚è¾¼ã¾ã‚ŒãŸå ´åˆã§ã‚‚ã€Inline Script ã‚’ç¦æ¢ã™ã‚‹ãƒãƒªã‚·ãƒ¼ã‚’é©ç”¨ã—ãŸãƒšãƒ¼ã‚¸ã§ã¯ã€ãã®å®Ÿè¡Œã¯ãƒ–ラウザã«ã‚ˆã£ã¦ Violation(é•å)ã¨åˆ¤æ–ã•ã‚Œãƒ–ãƒãƒƒã‚¯ã•
ã¾ã シングルスレッドã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ã¦ã‚‹ã®ï¼Ÿ HTML5 Canvasã¨Web Workerã®æœ€æ–°æŠ€è¡“ - pixiv inside [archive]
ã“ã¡ã‚‰ã¯ ãƒ”ã‚¯ã‚·ãƒ–æ ªå¼ä¼šç¤¾ Advent Calendar 2016ã€13日目ã®è¨˜äº‹ã§ã™ã€‚ ã“ã‚“ã«ã¡ã¯ï¼4月ã‹ã‚‰ãƒ”クシブã«å…¥ç¤¾ã—ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®@_ragg_ã§ã™âœ¨ メンテナンスãƒãƒ¼ãƒ ・pixivFACTORYãƒãƒ¼ãƒ ・pixivFANBOXãƒãƒ¼ãƒ ã‚’æ—…ã—ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‹ã˜ã£ãŸã‚Šãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’触ã£ãŸã‚Šã—ã¦ã„ã¾ã™ã€3代目社内旅行エンジニアã§ã™ãï¼ ã•ã¦ã€ä»Šå›žã¯HTML5 Canvasã«å®Ÿè£…ã•ã‚Œã¤ã¤ã‚ã‚‹OffscreenCanvasã¨ã€Web Workerã«ã¤ã„ã¦ãŠè©±ã—ã—ã¾ã™ã€‚ã¾ã 日本語文献ã®å°‘ãªã„アツアツã®ãƒã‚¿ã§ã™ðŸ”¥ðŸ”¥ OffscreenCanvas #ã¨ã¯ OffscreenCanvasã¯ã€ã€Œç”»é¢ã«è¡¨ç¤ºã•ã‚Œãªã„Canvasã€ã§ã™ã€‚ ã‹ã¤ã¦ CanvasProxy ã¨å‘¼ã°ã‚Œã¦ã„ãŸã®ã‚’ã”å˜ã˜ã®æ–¹ã‚‚ã„ã‚‹ã¨æ€ã„ã¾ã™ã€ã¾ã•ã«ãã‚Œã§ã™ã€‚ 「画é¢ã«è¡¨ç¤ºã•ã‚Œãªã„Canvasã€ã¯ã€ã€Œè¡¨ç¤ºå‰ã«ä½•æ®µéšŽã‹ç”»åƒã®åŠ
![ã¾ã シングルスレッドã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ã¦ã‚‹ã®ï¼Ÿ HTML5 Canvasã¨Web Workerã®æœ€æ–°æŠ€è¡“ - pixiv inside [archive]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0b101a9f134fdba74b02d4c3fa68099ef782242f/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fimg.esa.io%2Fuploads%2Fproduction%2Fattachments%2F3516%2F2016%2F12%2F13%2F10914%2F38a4d5e9-a149-45eb-a78c-d0285f932d29.png)
JavaScriptã®é…列ã®ãƒ‘ターン
JavaScriptã®é…列をã©ã†è§£èª¬ã™ã‚‹ã‹ã‚’考ãˆã¦ã„ã¦ã€é…列ã£ã¦æ™®æ®µã©ã†ã„ã†é¢¨ã«ä½¿ã£ã¦ã‚‹ã‘?ã¿ãŸã„ãªã“ã¨ã‚’書ã出ã—ã¦ã¿ã¾ã—ãŸã€‚ Arrayオブジェクト · Issue #49 · asciidwango/js-primer 皆ã•ã‚“ã¯é…列をã©ã†ä½¿ã„ã¾ã™ã‹? 追記: 次ã®ãƒšãƒ¼ã‚¸ã§ã“ã®è¨˜äº‹ã‚’ブラッシュアップã—ãŸè©±ã‚’https://jsprimer.net/ã§å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ é…列 · JavaScriptã®å…¥é–€æ›¸ #jsprimer é…列ã®ä½œæˆ é…列ã®ä½œæˆã«ã¯é…列リテラル（[]）を使ã„ã¾ã™ã€‚ é…列リテラルã«ã¯åˆæœŸå€¤ã‚‚指定ã§ãã¾ã™ã€‚ var emptyArray = []; // 空ã®é…åˆ—ã‚’ä½œæˆ var array = [1, 2, 3]; // 値をもã£ãŸé…åˆ—ã‚’ä½œæˆ Arrayオブジェクトをnew演算åã§ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹åŒ–ã™ã‚‹æ–¹æ³•ã¯åŸºæœ¬çš„ã«ã¯ä½¿ã„ã¾ã›ã‚“。 ã“ã¡ã‚‰ã¯é…列リテラルã¨ã¯ç•°ãªã‚Šã€åˆæœŸå€¤ã§ã¯ãª
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
StackBlitz | Instant Dev Environments | Click. Code. Done.
GitHub - GoogleChromeLabs/comlink: Comlink makes WebWorkers enjoyable.
Default page
GitHub - jneen/parsimmon: A monadic LL(infinity) parser combinator library for javascript
https://rabbit-house.tokyo/ast-book-sample-10-16-rev3.pdf
GitHub - puppeteer/puppeteer: JavaScript API for Chrome and Firefox
pixiv Sketchã®SSRã®è©±
GitHub - azu/large-scale-javascript: 複雑ãªJavaScriptアプリケーションを作るãŸã‚ã«è€ƒãˆã‚‹ã“ã¨
{{#tags}}- {{label}}
{{/tags}}