AWS SDK for JavaScriptを実行可能なTypeScript環境をサクッと作る | DevelopersIO
やってみる 環境の作成 まず、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 sensible defaults. See `npm help json` for definitive documentation on these fields and exactly what they do. Use `npm install <pkg>` afterwards to install a pac
Working with JavaScript Media Queries | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. 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. They’re
厚労省からも病床使用率データ公開始まる！変換エラー対応と施設別の病床使用率表示アプリ
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制作者はいつか、コードを発表する時がくるかもしれません。プレゼン、ツイート、ブログ、あるいはスニペットを人に見せる時です。 あなたのコードを素敵に見せるために使用できる
billboard.js - D3.jsを用いた多彩なグラフライブラリ MOONGIFT
Web上でグラフを描きたいケースはとても多いです。そしてグラフは単に1種類知っておけばいいわけではなく、用途に合わせて最適なものを選ばないといけません。一つのライブラリだけで行うなら、なるべく多くの表示パターンに対応したものを使うべきでしょう。 今回紹介するbillboard.jsは一般的なグラフであれば、大抵こなせる強い味方です。覚えておくと使える場面が多そうです。 billboard.jsの使い方 主なグラフについて紹介していきます。まずは円グラフ。 オンマウスに対応しています。他のグラフも同様です。 エリアチャート。 エリアレンジチャート。 棒グラフ。 バブルチャート。 複合グラフ。 ドーナッツグラフ。 ゲージグラフ。 折れ線グラフ。 折れ線グラフですが、途中線種を変えています。 レーダーチャート。 散布図。 曲線グラフ。 積み重ねの棒グラフ。 ステップグラフ。 グリッドライン。 横
イマドキのJava徹底入門(16) JavaScriptエンジンをNashornからGraalJSに移行する（その3）
前回は、JDK 15で削除される予定のJavaScriptエンジン「Nashorn」に対して、その移行先の有力候補である「GraalJS（GraalVM JavaScript）」の使用方法を解説した。GraalJSはJava Scripting APIをサポートしているので、Nashornと同じように使うことができるが、一方で独自のJavaScriptコードの実行方法も用意されている。今回はそのようなGraalJS独自の機能や、Nashorn独自の機能との互換性を紹介する。 NashornはJDK 11で非推奨になり、JDK 15で削除される polyglot APIを使ったJavaScriptコードの実行 Java Scripting APIはJavaの標準APIとして提供されているものなので、JavaScriptエンジンが変わったとしても、まったく同じように使用できるという利点がある。
2020-08-25のJS: TypeScript 4.0、Cypress 5.0、Electron 10.0
JSer.info #502 - TypeScript 4.0が正式にリリースされました。 Announcing TypeScript 4.0 | TypeScript Variadic Tuple Types、Labeled Tuple Elements、Class Propertyの型がConstructorから推論されるようになるなどの型機能の改善がされています。 また、ES2021で入る予定のLogical Operators and Assignment Expressionsがサポートされています。 その他にはcatch節のデフォルトがunknownとなるように変更され、jsxFragmentFactoryオプションのサポート、--incrementalと--noEmitの組み合わせをサポートが追加されています。 Babel、PreitterはTypeScript 4.0に対応
JavaScript Weekly Issue 502: August 21, 2020
TypeScript 4.0 Released — The latest major version of TypeScript, the increasingly popular superset of JavaScript that adds optional static typing, is here. No major breaking changes, but a laundry list of tweaks and smaller new features, including: variadic tuple types editor and editor integration improvements labeled tuple elements short circuiting assignment operators (e.g. a ||= b) the new Ty
Safariは危険なJavaScriptに対応しない - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Firefox / Safari 先日Appleが、Safariは幾つかのWebAPIに対応しないと公言しました。 日本語記事も幾つか出ています。 しかし、どのサイトも対応しないAPIの一覧を並べてはいるのですが、それぞれのAPIが具体的にどのようなものなのかを記載した記事が見当たらなかったので、以下はそれらについて調べてみたものです。 対応しない理由 a threat to user privacy、すなわち、あくまでブラウザフィンガープリントなどの手段によって個人を特定・追跡できてしまうからという理由です。 セキュリティ的にも問題な
作って理解する Babel プラグイン - Techtouch Developers Blog
エンジニアの伊藤です。 ようやく梅雨が開けたと思ったらすでに立秋。残暑は残るどころか日に日に増している感じさえあります… 🥵 。 この記事では、普段の開発で非常にお世話になっているツール Babel のプラグインを作成する方法と、Babel プラグインの例としての処理時間を計測するプロファイラを紹介します。Babel プラグインに踏み込んでいきたいのですが、理解を助けるためにまず Babel が何をするツールなのかから説明します。 Babelとは Babel の処理の流れ AST (Abstract Syntax Tree) Babel プラグイン Babel プラグイン プロジェクト最小構成 Hello World 「プロファイラ」で何をするのか まとめ Babel プラグイン開発に参考になったサイト おまけ Babelとは フロントエンドの開発を行っている方にはお馴染みな Babel
イマドキのJava徹底入門(15) JavaScriptエンジンをNashornからGraalJSに移行する（その2）
JDK 14でNashornが削除される 前回は、Javaに標準ライブラリとして搭載されているJava Scripting APIと、JDKに付属するJavaScriptエンジンである「Nashorn」を使って、JavaとJavaScriptを相互に連携させる方法について紹介した。NanhornはJava 8の頃からJDKに標準で付属していたが、2018年9月にリリースされたJDK 11で非推奨扱い（Deprecated）となった。 Nashornの非推奨化は「JEP 335: Deprecate the Nashorn JavaScript Engine」として提案された。非推奨化の理由としては、Nashornの実装が最新のJavaScript仕様をサポートできていない点がある。NashornがサポートしているJavaScript仕様は2015年にリリースされたECMAScript 6で
JavaScriptとRust(WebAssembly)でグラフの深さ優先探索のベンチマーク - Qiita
はじめに 前々からRust + WebAssemblyでネットワーク可視化のライブラリを作っていましたが、使い勝手を良くするためのFFI（Foreign Function Interface）、つまりJavaScript側とRust側のどちらでデータを持つのか、そして他方にどのようなインタフェースを提供するのかの設計には悩まされていました。そこで今回は、グラフ処理の基本の一つである深さ優先探索（DFS）でベンチマークをとり、性能面での比較を行いました。私のアプリケーションでは、RustとJavaScript双方でアルゴリズムを書くこともあるため、グラフデータ構造の隣接リストとDFSのそれぞれをJavaScriptとRustの両方で実装し、4通りの組み合わせを比較します。 実装 それぞれの実装の一部を記載します。全体のソースコードは GitHubのリポジトリ をご覧ください。 隣接リストのJ
JavaScriptでGPUを簡単に扱えるライブラリ「GPU.js」レビュー、並列処理で多次元の演算が爆速に
GPUを用いた並列演算に利用されるプログラミング言語といえば、機械学習の研究などに利用されるPythonが一般的ですが、JavaScriptによるウェブアプリでもGPUを用いたい場合があるはず。オープンソースのJavaScriptライブラリ「GPU.js」を使うと、スクリプトを実行するコンピューターのGPUを利用して並列処理を行うことで、多次元の演算などを高速に行うことができます。 GPU.js - GPU accelerated JavaScript https://gpu.rocks 今回GPU.jsを動かすシステムは以下。CPUはIntel Core i5-4570、GPUはAMD Radeon RX480、OSはUbuntu 20.04、ウィンドウシステムはWaylandを使用しています。 カーネルバージョンは5.4.0-42 ロードしているドライバーはこんな感じ。Linuxに標準
Node Modules at War: Why CommonJS and ES Modules Can’t Get Along
Dan Fabulich is a Principal Engineer at Redfin. (We’re hiring!) In Node 14, there are now two kinds of scripts: there are old-style CommonJS (CJS) scripts and new-style ESM scripts (aka MJS). CJS scripts use require() and module.exports; ESM scripts use import and export. ESM and CJS are completely different animals. Superficially, ESM looks very similar to CJS, but their implementations couldn’t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSからTSへの移行ツール、ts-migrateを試してみた - Qiita
next-preset.js
Primitive vs Reference Values in JavaScript
Introducing the ESLint Google Season of Docs project and technical writer - ESLint - Pluggable JavaScript Linter
css-pain-polyfill-at-import-fix.js
Babel · Expenses - Open Collective
