webpack@5で入るPersistent Cachingについて - hiroppy's site
webpack/lib/config/defaults.js 実際に使うときの設定 結論ですが、webpack.config.js へ以下のように書くことが推奨されます。 module.exports = { cache: { type: "filesystem", buildDependencies: { config: [__filename], }, }, }; あとは、各コードの設定に依存するためversion等の追加が必要になる可能性があります。 ドキュメント Other Options | webpack webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, ... 仕組み ファイルキャッシュでは以下のようにデフォルトではnode_m
danfo.js - データを素早く手軽にビジュアル化 MOONGIFT
データのビジュアライズはとても大きな問題です。ツールによって使い勝手がばらばらで、簡単に使えるものもあれば、とても複雑なものもあります。データ量によって選択肢が変わり、最適な表示方法も異なります。 今回紹介するdanfo.jsは、とても簡単に使えるデータビジュアライズソフトウェアです。 danfo.jsの使い方 danfo.jsの実行例です。データをとってきて、それを3つのパターンでビジュアライズしています。 const df = await dfd.read_csv("https://raw.githubusercontent.com/plotly/datasets/master/finance-charts-apple.csv") df['AAPL.Open'].plot("div1").box() //makes a box plot df.plot("div2").table()
Redux is definitely NOT dead with Mark Erikson (JS Party #146)
Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. Raygun – With Raygun Error and Performance Monitoring you have all the information you need at your fingertips to quickly find and fix errors and performance issues across your tech stack down to the line of code. Get started with a free 14-day trial, he
2020-09-29のJS: 新しいJSXの変換、Content delivery networks (CDNs)、 Atomic CSS-in-JS
JSer.info #507 - 次の記事ではReact 17 RCからサポートされている新しいJSXの変換について紹介されています。 Introducing the New JSX Transform – React Blog 新しいJSXの変換では、JSXを変換するツール(BabelやTypeScript)、JSXを扱うライブラリ(ReactやPreact)のアップデートが必要です。 一方で、JSXの構文は何も変わらないため、あくまで関係するのは変換ツールとライブラリ側の実装です。 React 0.12の際に導入されたJSXの変換仕様の中には、ライブラリ側の実装を複雑化させる仕様や現在では不要な仕組みも含まれています。 新しいJSXの変換の仕様では、その仕様の単純化やそれにともなうパフォーマンスの改善が主な目的です。 新しいJSXの変換の仕様については次のRFCにまとめられています。
FirefoxのJavaScriptエンジンが大幅に高速化される
Firefoxに搭載されている実行時コンパイラ(JIT)が、11月にリリース予定のバージョン83から大幅に高速化されることがわかりました。バージョン83は記事作成時点ではNightly版で提供されています。 Dogfooding Warp https://groups.google.com/g/mozilla.dev.platform/c/1PHhxBxSehQ Firefox's JIT is getting significantly faster | Hacker News https://news.ycombinator.com/item?id=24590174 JITとは、頻繁に実行するコードをあらかじめコンパイルしておくことで、コードの実行速度を向上させる技術のこと。ウェブブラウザはJITを備えることでJavaScriptを高速に実行し、快適なウェブブラウジングを実現しています
ECMAScript 2021
Update 2021-06-22: The 121st Ecma General Assembly approved the ECMAScript 2021 language specification, which means that it’s officially a standard now. This blog post describes what’s new. The editors of ECMAScript 2021 # The editors of this release are: Jordan Harband Shu-yu Guo Michael Ficarra Kevin Gibbons A word on ECMAScript versions # Note that since the TC39 process was instituted, the i
Prettier と ESLint の組み合わせの公式推奨が変わり plugin が不要になった
前に書いた ESLint と Prettier の共存設定とその根拠について が公式推奨が変わったことにより一部間違った情報になっているのでその訂正記事です。 該当記事に書いた内容は Prettier と ESLint の関係を読み解く上で役立つ情報だと思うので、警告とこのページへのリンクを書いた上でそのまま残しておきます。 (追記) この記事の内容も間違った内容を書いていました。なので一度大幅な訂正をしています。prettier-eslint も推奨ではありません。 変更点の要約 Prettier と ESLint の組み合わせについて公式 の推奨方法が変わりました。 きっといつかこの情報も古くなるので直リンクではなく、ドキュメントの GitHub のリンクを貼っておきます。 ドキュメント自体のリンクはこちらです。 新しいドキュメントを要約すると、 Linter と Formatter
2020-09-21のJS: Moment.jsのステータス、PostCSS 8.0.0、Vue 3.0.0、DOMの順序と表示順序の一致
JSer.info #506 - Moment.jsのウェブサイトにProject Statusが追加されています。 Moment.js | Docs Moment.jsに新しい機能の追加などはしないメンテンスモードであることが書かれています。 互換性保ちつつ新しい機能や仕組みを入れるのは難しい状態であるため、別のライブラリの利用を推奨しています。 代替となるライブラリとしてLuxon、Day.js、js-joda、date-fnsについて紹介されています。 また、Intl APIや現在策定中のTemporalについても書かれています。 このプロジェクトステータスの明示の発端は、Chrome Dev ToolsのLighthouseにmoment.js利用の警告を表示したことに起因しています。 If JavaScript libraries are proving costly, repl
JavaScript での時刻操作に Moment.js ではなく Day.js を利用し続けている理由
JavaScript での時刻操作に Moment.js ではなく Day.js を利用し続けている理由2020/09/21 昨日、拙作の Nuxt.js プラグインである @nuxtjs/dayjs の v1.2.0 をリリースしました。 このプラグイン自体は2019年3月に開発をはじめて、おおよそ一年半ほど管理してるのですが、それ以前から JavaScript での時刻操作では Day.js を使ってきました。 Moment.js のプロジェクト終了が告知され、時刻操作ライブラリに注目が集まっていることなので、今一度 Day.js の採用理由についてまとめてみます。 Day.js について iamkun によって開発されている時刻操作のライブラリです。Moment や date-fns などは Organization によって管理されていますが、時刻操作ライブラリとしては珍しく個人に
ES6以降のJavaScript/TypeScriptで0...N-1の配列を作る - Qiita
const N = 100; for(let i = 0; i < N; i++){ //...なんか処理 } こんなダサいループは書きたく無い。。。 pythonのrange(N)みたいなのがJavaScriptにもあったらなぁ。。。 解決策 英語でググってみたらStackOverflowに良い解決策が載っていたのでご紹介。 世界には頭の良い人がいるものだなぁ。 const N = 100; [...Array(N).keys()].forEach(i => { //...なんか処理(iには0...N-1(=99)が格納される) });
Nuxt.jsでVuetifyを使う(with vue-property-decorator) | DevelopersIO
スクラッチでNuxt.jsをTypeScriptを利用して開発する環境に対して、Vuetifyを使う環境作成の手順を確認したかったので、方法を調べつつ実際に作成してみました。 前回作成した記事（「Nuxt.jsでTypeScriptを使う(with vue-property-decorator)」）で作成した環境に対して、Vuetifyを使う環境にするための方法についてまとめています。 前回と同様に、できる限りミニマムな構成で作成したいのと、自分的には理解のブラックボックス化が進みやすいため可能な限りVue CLIやcreate-nuxt-appは使用したくなかったため使用していません。（より簡単に早く、動くものを作りたい場合にはVue CLIやcreate-nuxt-appの利用をおすすめします。） はじめに 「Nuxt.jsでTypeScriptを使う(with vue-propert
Creating simple AWS Cost and Usage charts with D3 JavaScript library | Amazon Web Services
AWS Open Source Blog Creating simple AWS Cost and Usage charts with D3 JavaScript library Web applications interacting with AWS in a number of ways may need to represent and display sets of information in the form of charts, diagrams, or graphs. Common examples of that information includes small amounts of data coming from AWS Costs & Usage Reports or Amazon Elastic Compute Cloud (Amazon EC2), eit
JSのプラグインシステムについて書くJavaScript Plugin Architecture 2.0をリリースしました
JSのプラグインシステムについて書くJavaScript Plugin Architecture 2.0をリリースしました JavaScriptのプラグインシステムについて書いた小さな電子書籍であるJavaScript Plugin Architecture 2.0をリリースしました。 1.0(初版)公開時の記事は次のページから参照できます。 JavaScript Plugin Architectureというプラグイン設計について学ぶ無料の電子書籍を書いた | Web Scratch 2.0の詳しい変更点についてはリリースノートを参照してください。 Release v2.0.0 · azu/JavaScript-Plugin-Architecture 2.0リリース時にGitBookからHonKitに移行しました。 そのため、公開するURLが次の場所に変更されています。 https://a
DoppioJVM - JavaScriptで作られたJavaVM
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました JavaといえばかつてはWebブラウザ上でも動いていました。Javaアプレットと呼ばれる技術で、とんでもなく遅かったり、セキュリティホールになったりと悩みの多かった存在ではないでしょうか。HTML5になり、プラグインが軒並みなくなっていく中でJavaアプレットも動く機会がなくなっています。 そんな中、安全にJavaが実行できる環境がWebブラウザ上に構築されるかも知れません。それがDoppioJVMです。 DoppioJVMの使い方 DoppioJVMはJavaScriptで作られたJVMです。使い道があるかは分かりませんが非常に興味深い技術です。 ちゃんとjavacでコンパイルもできます。 できあがったファイルを実行もできます。実行速度についてはJavaScript上で動いている
AWS SDK for JavaScriptを実行可能なTypeScript環境をサクッと作る | DevelopersIO
こんにちは、CX事業本部の若槻です。 今回は、AWS SDK for JavaScriptを実行可能なTypeScript環境をサクッと作り、tscコンパイルしたスクリプトをローカルで実行してAWSにアクセスしてみたいと思います。 環境 % node -v v12.14.0 % npm -v 6.13.4 やってみる 環境の作成 まず、npm initを実行しディレクトリ内でnpmプロジェクトを初期化します。対話式でプロジェクトの設定を聞かれるので指定します。今回はすべてエンターキーを押して既定の設定としました。 % npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sensibl
Working With JavaScript Media Queries | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! What’s the first thing that comes to mind when you think of media queries? Maybe something in a CSS file that looks like this: body { background-color: plum; } @media (min-width: 768px) { body { background-color: tomato; } } CSS media queries are a core ingredient in any responsive design. T
厚労省からも病床使用率データ公開始まる！変換エラー対応と施設別の病床使用率表示アプリ
COVID-19 新型コロナウイルス対策ダッシュボード、毎日更新される都道府県全体のオープンデータと都道府県別PDFデータのアプリへの反映も日課です。 加えて、毎週金曜日には対策病床数PDFデータの更新があります。 CSVオープンデータ以外は、データの変更によってPDFからの自動変換でエラーが起きることがあるため、自動化はしていません。本日、2つ処理でエラーが発生。 対応ついでに、アプリを作りました。 「新型コロナウイルス感染症患者の療養状況 病床使用率」 入院患者、重症患者、宿泊療養施設、それぞれの使用率データを都道府県別に表示するアプリです。厚労省発表データをCSV化し、オープンデータとして公開しているデータをカラム地図で表示しています。 2つのエラー原因、1つ目はうれしい変更、療養状況データに病床使用率とフェーズの項目の追加され、いくつか項目名の変更がありました。 ↓（上：先週更新デ
HTMLやCSSやJavaScriptなどのコードをかっこよく魅せるために使用できる無料ツールのまとめ
HTMLやCSSやJavaScriptなどのコードをかっこよく魅力的に見せるために使用できるツールを紹介します。 プレゼンなどでコードを人に見せる時をはじめ、TwitterやFacebookやInstagram用にコードの画像を最適化して見せることもできます。 6 Awesome Ways To Present Your Code 🔥 by Niharika Singh ⛓ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Carbon Codeimg.io Pastie Rust Playground Silicon Polacode はじめに Web制作者はいつか、コードを発表する時がくるかもしれません。プレゼン、ツイート、ブログ、あるいはスニペットを人に見せる時です。 あなたのコードを素敵に見せるために使用できる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Publishing Node modules with TypeScript and ES modules - LogRocket Blog - Realtime JSer.info
Microsoft、折りたたみ式・2画面デバイス向けの新しいJavaScript/CSS機能を発表／「Edge 86」以降、または“Surface Duo”エミュレーターでプレビューテスト可能
