What are source maps? | Articles | web.dev
Source maps are a crucial tool in modern web development that make debugging significantly easier. This page explores the basics of source maps, how they're generated, and how they improve the debugging experience. The need for source maps Early web apps were built with low complexity. Developers deployed HTML, CSS, and JavaScript files directly to the web. More modern and complex web apps can nee
JavaScriptのモダンな書き方 - ES2017〜ES2018のawait・async, includes(), padStart()等を解説 - ICS MEDIA
JavaScriptのモダンな書き方 - ES2017〜ES2018のawait・async, includes(), padStart()等を解説 ECMAScript 2015がリリースされて以降、JavaScriptの機能は大きく強化されました。const/let、アロー関数、クラス構文、Promiseなどが有名なところですが、ES2016、ES2017、ES2018、･･･ES2022、そしてさらにその先へJavaScriptの仕様は日々進化しています。JavaScript・TypeScriptの開発では、これまで当たり前だと思っていた手法を新しい新機能で置き換えることが何度もありました。 本記事では、JavaScriptのモダンな書き方について説明します。おもに2017年から2018年頃に搭載されたES2017・ES2018の機能について焦点を当てて解説します。 非同期のProm
GitHub - yjs/yjs: Shared data types for building collaborative software
AFFiNE A local-first, privacy-first, open source knowledge base. 🌟 Huly - Open Source All-in-One Project Management Platform 🌟 Cargo Site builder for designers and artists 🌟 Gitbook Knowledge management for technical teams 🌟 Evernote Note-taking app 🌟 Lessonspace Enterprise platform for virtual classrooms and online training 🌟 Ellipsus - Collaborative writing app for storytelling etc. Suppor
Speeding up the JavaScript ecosystem - one library at a time
Whilst the trend is seemingly to rewrite every JavaScript build tool in other languages such as Rust or Go, the current JavaScript-based tools could be a lot faster. The build pipeline in a typical frontend project is usually composed of many different tools working together. But the diversification of tools makes it a little harder to spot performance problems for tooling maintainers as they need
Optimize long tasks | Articles | web.dev
Published: September 30, 2022, Last updated: December 19, 2024 Common advice for keeping JavaScript apps fast tends to boil down to the following advice: "Don't block the main thread." "Break up your long tasks." This is great advice, but what work does it involve? Shipping less JavaScript is good, but does that automatically equate to more responsive user interfaces? Maybe, but maybe not. To unde
JavaScript / Css 圧縮・軽量化（Minify）：ファイルを圧縮して表示速度を上げる | ラッコツールズ🔧
空白・改行・コメントを削除し、ソースコードを軽量化します。 Javascriptやcssを圧縮するメリットは？ファイルサイズを縮小しサーバー容量の節約ができる読み込み時間が短縮されWebページの表示速度が向上できるソースコードを難読化し悪用を防ぐ
ESLintと「eslint --init」による「.eslintrc.json」の生成
ESLintはJavaScriptのソースコードを静的解析するツールです。 Lintツールはソースコードの書き方を統一したり、静的解析の段階で問題になりそうなコードや、明らかなバグを見つけるのに役立ちます。 .eslintrc.json ESLintの実行には設定ファイルが必要です。 これは「--init」で作成できます。 $ npm install --save-dev eslint $ npx eslint --init ? How would you like to use ESLint? To check syntax and find problems ? What type of modules does your project use? CommonJS (require/exports) ? Which framework does your project use? N
await vs return vs return await
When writing async functions, there are differences between await vs return vs return await, and picking the right one is important. Let's start with this async function: async function waitAndMaybeReject() { // Wait one second await new Promise((r) => setTimeout(r, 1000)); // Toss a coin const isHeads = Boolean(Math.round(Math.random())); if (isHeads) return 'yay'; throw Error('Boo!'); } This ret
Chart.js ツールチップカスタマイズ - Oboe吹きプログラマの黙示録
Chart.js ToolTip のカスタマイズはネット検索すれば、まとまった解説も沢山見つかるし、サンプルもある。 http://tr.you84815.space/chartjs/configuration/tooltip.html あえて、時刻をＸ軸にしたグラフで ToolTipカスタマイズを書いてみた。 options に、tooltips: { ... } を書くことになる。ToolTip のタイトルやラベルは、 callback で、 title: function(tooltipItem, data){ return "タイトル"; }, label: function(tooltipItem, data){ return "ラベル"; }, というようにする。tooltipItemは対象データ、data はグラフデータ全体、 tooltipItem.index で並んだデー
浮動小数点数を指定した桁数にする | GRAYCODE JavaScript
JavaScriptで数値の小数点以下を指定した桁数に整える方法について解説します。 この記事のポイント toFixedメソッドで小数点以下の桁数を揃える toFixedメソッドの戻り値は数値（Number）ではなく文字列（String）に変換する 小数点以下の桁数を揃える 数値の小数点以下の桁数を揃えたいときはtoFixedメソッドを使います。 このメソッドにパラメータとして桁数を渡すと、その桁数に揃えることができます。 以下の例では変数number1〜number5に入っているバラバラの数値に対して、それぞれtoFixedメソッドを実行して小数点以下の桁数を揃えます。 パターン1は小数点以下の第2位、パターン2は小数点以下の第4位で揃えてconsole.logメソッドで出力します。 JavaScript コード例 let number1 = 1.0051; let number2 =
JavaScriptのES2023・ES2022の新機能まとめ - ICS MEDIA
JavaScriptの仕様であるECMAScriptはEcma Internationalによって定められています。ECMAScript 2015（ES6）の登場以降は、ECMAScript 2016、ECMAScript 2017･･･と、年次で仕様が更新されています。ECMAScript 2022（ES2022）は2022年6月22日のEcma InternationalのGA 123rd meetingにて、ECMAScript 2023（ES2023）は2023年6月27日のGA 125th meetingで承認されました。 ES2022とES2023はすでに多くのブラウザやNode.js環境で利用可能です。本記事では新仕様と使いどころを紹介します。 ES2023 - 配列の非破壊操作 ES2023では配列を非破壊で操作できるメソッドが追加されています。非破壊とは、元の配列を変更せ
JavaScript ライジングスター 2021
6回目の JavaScript ライジングスター にようこそ！ JavaScript疲れから逃れるためにここに来たみなさん、ちょうどいいところに来ましたね。 今回はメタフレームワーク、速度の必要性、界隈のオールスターがテック企業にジョインした話などの話題があります。 しかし、まずはチャンピオンの話です。 今年は誰もが予想していなかった新しい覇者が誕生しました！ しかもそれは、なんとコマンドラインツールです！ 以下は、2021年の1年間で増加したGitHubのスター数によるランキングです。Webプラットフォームに関するベストプロジェクトを集めたリストであるBest of JSからの一年間の分析です。各プロジェクトをクリックすると、より詳細な情報を閲覧することができます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
GitHub - mathiasbynens/jsesc: Given some data, jsesc returns the shortest possible stringified & ASCII-safe representation of that data.
GitHub - liriliri/eruda: Console for mobile browsers
GitHub - algolia/instantsearch: ⚡️ Libraries for building performant and instant search and recommend experiences with Algolia. Compatible with JavaScript, TypeScript, React and Vue.
GitHub - javascript-obfuscator/javascript-obfuscator: A powerful obfuscator for JavaScript and Node.js
GitHub - braintree/sanitize-url
Bun — A fast all-in-one JavaScript runtime
'TypeError: Cannot read property 'prototype' of undefined' Redis connections