Deno
Deno is the open-source JavaScript runtime for the modern web. Built on web standards with zero-config TypeScript, unmatched security, and a complete built-in toolchain.
Bun — A fast all-in-one JavaScript runtime
Develop, test, run, and bundle JavaScript & TypeScript projects—all with Bun. Bun is an all-in-one JavaScript runtime & toolkit designed for speed, complete with a bundler, test runner, and Node.js-compatible package manager.
HTML Over The Wire | Hotwire
Hotwire is an alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire. This makes for fast first-load pages, keeps template rendering on the server, and allows for a simpler, more productive development experience in any programming language, without sacrificing any of the speed or responsiveness associated with a traditi
Lenis – Get smooth or die trying
We’ve heard all the reasons to not use smooth scroll. It feels hacky. It’s inaccessible. It’s not performant. It’s over-engineered. And historically, those were all true. But we like to imagine things as they could be, then build them. So, why should you use smooth scroll? Create more immersive interfacesUnlock the creative potential and impact of your web experiences. Smoothing the scroll pulls u
Next.js+yjs+BlockNoteã§Google Docs+Notionã®ã‚ˆã†ãªå…±åŒç·¨é›†ã‚¨ãƒ‡ã‚£ã‚¿ã‚’作ã‚ã†
サークルã§åˆ¶ä½œã—ã¦ã‚‹ã‚¢ãƒ—リã«ã€å…±åŒç·¨é›†ã§ãるエディタを実装ã—ãŸã„ã¨ã„ã†è©±ãŒä¸ŠãŒã‚Šèª¿æŸ»ã—ãŸã¨ã“ã‚ Notionライクãªãƒ†ã‚ストエディタ「BlockNote〠yjsã¨ã„ã†è‰¯ã•ã’ãªãƒ‡ãƒ¼ã‚¿æ§‹é€ ã®ãƒ©ã‚¤ãƒ–ラリ を組ã¿åˆã‚ã›ãŸã‚‰ã„ã„æ„Ÿã˜ã«å‹•ä½œã—ãŸã®ã§è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚ yjsã¨ã¯ Yjs is a modular framework for syncing things in real-time - like editors! yjsã¯CRDT(a conflict-free replicated data type)を実装ã—ãŸç«¶åˆã—ãªã„ãƒ‡ãƒ¼ã‚¿æ§‹é€ ã‚’æ‰±ãˆã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ 分散コンピューティングã«ç‰¹åŒ–ã—ãŸãƒ‡ãƒ¼ã‚¿æ§‹é€ ã§ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãªå…±åŒç·¨é›†ãªã©ã«ç”¨ã„ã‚‹ã“ã¨ãŒã§ãã€ãƒžãƒ¼ã‚¸ã®ç«¶åˆãªã—ã«ãƒ‡ãƒ¼ã‚¿ã‚’ä¼ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ BlockNoteã¨ã¯ ãŠã—ゃれãªãƒ†ã‚ストエディターã§ã™ã€‚ Notionã®ã‚ˆã†ã«ã‚«ã‚¹ã‚¿ãƒ
Scriptular - Javascript Regular Expression Editor
Scriptular is a javascript regular expression editor. Inspired by Rubular it gives you a simple way to test javascript regular expressions as you write them. Start by entering a regular expression and then a test string. Or give this example a try. Learn more about regular expressions in javascript.
React Native for Windows + macOS · Build native Windows & macOS apps with Javascript and React
Extend your desktop experience to more than just Windows! Try out our fully supported macOS extension to React Native. React Native for Windows + macOS brings React Native support for the Windows SDK as well as the macOS 10.14 SDK. With this, you can use JavaScript to build native Windows apps for all devices supported by Windows 10 and higher including PCs, tablets, 2-in-1s, Xbox, Mixed reality d
Clusterize.js
<!--HTML--> <div class="clusterize"> <table> <thead> <tr> <th>Headers</th> </tr> </thead> </table> <div id="scrollArea" class="clusterize-scroll"> <table> <tbody id="contentArea" class="clusterize-content"> <tr class="clusterize-no-data"> <td>Loading data…</td> </tr> </tbody> </table> </div> </div> <!--HTML--> <div class="clusterize"> <table> <thead> <tr> <th>Headers</th> </tr> </thead> </table> <
jspreadsheets
jspreadsheets compiles the best spreadsheets and data grids written in JavaScript. It helps you choose the most suitable component for your project.
Handsontable is a JavaScript data grid that looks and feels like a spreadsheet - Available for React, Angular, and Vue
JavaScript Data Grid with Spreadsheet UI A front-end component that combines data grid features with spreadsheet UX/UI. Professional support included. Works with React, Angular, Vue, and plain JavaScriptGet Started What's new in v15.1.0 of February 20, 2025 → All spreadsheet featuresWhen you work with Handsontable, it's like you're working with Excel or Google Sheets. There's no steep learning cur
Javascript Input Mask
Features get and set value and unmasked value easily no external dependencies supports overwrite mode supports all major browsers supports web components supports contenteditable RegExp mask Function mask Number mask (integer and decimal support) Date mask (with various format support and autofix mode) Dynamic/on-the-fly mask Pattern mask show placeholder always or when needed unmasked value can c
ãµã‚ŠãŒãªè‡ªå‹•å…¥åŠ›ã®æ¤œè¨¼
始ã‚ã« UXã®å‘上ã®ãŸã‚åå‰ã‚’入力ã—ãŸéš›ã«ãµã‚ŠãŒãªã‚’自動ã§å…¥åŠ›ã—ãŸã„ã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚調ã¹ãŸæ„Ÿã˜ä»¥ä¸‹ã®2ã¤ã®ãƒ©ã‚¤ãƒ–ラリãŒæœ‰åã£ã½ã„æ°—ãŒã—ãŸã®ã§ãã‚Œãžã‚Œã«ã¤ã„ã¦æ¤œè¨¼ã—ã¦ã¿ã¾ã—ãŸã€‚ https://www.npmjs.com/package/vanilla-autokana https://www.npmjs.com/package/historykana サンプルã¯codesandboxã§æ›¸ãã¾ã—ãŸã®ã§ã€å‹•ä½œã‚’確èªã—ãŸã„æ–¹ã¯è§¦ã£ã¦ã¿ã¦ãã ã•ã„。 å„ライブラリã®ä½¿ã„æ–¹ vanilla-autokana ã“ã¡ã‚‰ã¯jqueryã®ãƒ—ラグインã«ã‚ã‚‹autokanaをインスパイアã—ã¦ä½œã‚‰ã‚ŒãŸã‚‚ã®ã®ã‚ˆã†ã§ã™ã€‚DOMè¦ç´ を指定ã™ã‚‹ã ã‘ã§å¾Œã¯è‡ªå‹•ã§å¤‰æ›ã•ã‚Œã‚‹ã®ã§æ¥½ã§ã™ã。 import * as AutoKana from 'vanilla-autokana'; AutoKana.bind('#name'
Javascriptã§å¸³ç¥¨å°åˆ·ã—ãŸã„ - Qiita
Vue.jsを利用ã—ãŸWebシステムã§å¸³ç¥¨å°åˆ·ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã—ãŸã€‚ 方法ãŒã„ãã¤ã‹ã‚ã‚Šã€æ¤œè¨Žã—ãŸçŸ¥è¦‹ã‚’紹介ã—ã¾ã™ã€‚ 背景 フãƒãƒ³ãƒˆã¯Vue.jsを利用ã—ãŸSPA 指定æ¡ä»¶ã‚’入力ã—ビジãƒã‚¹ã®çµ±è¨ˆæƒ…å ±ã‚’ç”»é¢è¡¨ç¤ºã™ã‚‹ 集計ã€ã‚°ãƒ©ãƒ•ã‚’伴ㆠ統計画é¢ä¸Šã®ã€Œå°åˆ·ã€ãƒœã‚¿ãƒ³ã‚’押下ã™ã‚‹ã¨å¸³ç¥¨å°åˆ· or PDFダウンãƒãƒ¼ãƒ‰ã™ã‚‹ ビジãƒã‚¹ãƒ¬ãƒãƒ¼ãƒˆã¯è¤‡æ•°ãƒšãƒ¼ã‚¸ã«æ¸¡ã‚‹ 数値ã®é›†è¨ˆè¡¨ã€ã‚°ãƒ©ãƒ•ãªã©ã‚’伴ㆠヘッダ/フッタãªã©ã®ä½“è£ã¯ã“ã ã‚らãªã„ ã¾ãŸã€ç”»é¢ãƒšãƒ¼ã‚¸ä¸Šã®çµ±è¨ˆæƒ…å ±ã¨å°åˆ·ãƒšãƒ¼ã‚¸ä¸Šã®çµ±è¨ˆæƒ…å ±ã¯åŒã˜æƒ…å ±ã§ã‚り〠開発コスト低減ã®ãŸã‚ã«å¯èƒ½ã§ã‚ã‚Œã°ã€é›†è¨ˆè¡¨ã€ã‚°ãƒ©ãƒ•ãªã©ã®ç”»é¢è¡¨ç¤ºç”¨ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æµç”¨ã—ã¦å¸³ç¥¨ã‚’レイアウトã—ãŸã„状æ³ã§ã™ã€‚ æ–¹å¼æ¤œè¨Ž 実ç¾æ–¹å¼ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«è¤‡æ•°è€ƒãˆã‚‰ã‚Œã¾ã™ãŒã€ 最終的ã«ã¯ã€Œãƒ–ラウザã®å°åˆ·æ©Ÿèƒ½ã§PDFä¿å˜ã€ã•ã›ã‚‹æ–¹æ³•ã‚’採用ã—ã¾ã—ãŸã€‚ サーãƒã‚µã‚¤ãƒ‰ã§PDFãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç”Ÿæˆ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆPDFã‚’å…ƒ
Mousetrap - Keyboard shortcuts in Javascript
A simple library for handling keyboard shortcuts in Javascript. Try pressing some of the keys here: // single keys Mousetrap.bind('4', function() { highlight(2); }); Mousetrap.bind('x', function() { highlight(3); }, 'keyup'); // combinations Mousetrap.bind('command+shift+k', function(e) { highlight([6, 7, 8, 9]); return false; }); Mousetrap.bind(['command+k', 'ctrl+k'], function(e) { highlight([11
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
This Week in JavaScript | Jam.dev | Substack
GitHub - ssthouse/tree-chart: Flexible tree chart using Canvas and Svg, powered by D3.js; ✅Support Vue, Vue3 and React;
Text Mask: Conform user input to a string mask
Cleave.js - Format input text content when you are typing
Buefy: lightweight UI components for Vue.js based on Bulma
Custom Keyboard Shortcuts: User Script | Canvas LMS Community
{{#tags}}- {{label}}
{{/tags}}