jest で非同期関数をテストするときの注意点 - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
【JavaScript】桁指定して四捨五入・切り上げ・切り捨て
よく忘れるので備忘録として。 桁指定しない場合 四捨五入 Math.round(<数値>) ex1) Math.round(123.456) // 出力：123 ex2) Math.round(123.567) // 出力：124 切り上げ Math.ceil(<数値>) ex1) Math.ceil(123.456) // 出力：124 ex2) Math.ceil(123.567) // 出力：124 切り捨て Math.floor(<数値>) ex1) Math.floor(123.456) // 出力：123 ex2) Math.floor(123.567) // 出力：123 桁指定 四捨五入・切り上げ・切り捨ての関数は上記の通り、小数点の位置を基準とするので、数値を調整して行う。 小数第一位を基準とした方法 Math.round(123.456 * 10) / 10 // 出力
ESLintでimportの整列・追加・削除を自動化する - Qiita
概要 ESLintのプラグインとVS Codeの設定でimportの追加・削除・整列を自動化して幸せになれる記事です。 こんな人におすすめ チーム間でimportの順番などのルールが決まっておらず。人によってフォーマットがバラバラなのが実は気になっている。 未使用のimportを消すのを忘れがち。 コンポーネントやライブラリの関数を書いたら勝手にimportしてくれたら嬉しい。 import周りを触るのがシンプルにめんどい。 使用するプラグインと設定 VS Codeの設定 source.addMissingImports importの自動追加に使用する VS Codeで設定する ESLintのプラグイン eslint-plugin-import importの整列に使用するプラグイン eslint-plugin-unused-imports 未使用のimportを削除に使用するプラグイン
歴史から見るTypeScriptにおけるwebpackとBabelの必要性 - Qiita
はじめに 今回はwebpackやBabelについて学習したことを理解を深めるために文章としてアウトプットしていこうと思う。 そもそもなぜwebpackやBabelに関して学習しようと思ったかは、これまでTypeScript、React等を用いて様々なアプリケーションを開発してきたが、webpackやbabelに関する知識が曖昧なまま開発ばかりを行なっていた。なんとなく"とりあえず変換してくれているもの"程度の知識しかなかったので、しっかり理解していこうと思う。 そんな中でwebpackやbabelの必要性を学習していくうちにJavaScriptの歴史を理解した方がわかりやすいと思ったため、JavaScriptの歴史についても触れていこうと思う。 JavaScriptの歴史 JavaScriptの誕生 JavaScriptの1995年にNetscapeの技術者であるブレンダン・アイクが開発し
JavaScript: 文字数を正確にカウントするには？ - Qiita
この投稿ではJavaScriptで文字数をできるだけ正確にカウントする方法について取り上げます。 文字数とは？ 要件で「文字数を表示してほしい」「○文字以上はバリデーションエラーにしたい」と文字数を考慮しないとならないことがあります。 そもそも文字数とは何でしょうか。 たとえば、アルファベットの「A」は1文字と数えられそうです。 次の絵文字は、何文字になるでしょうか？ この絵文字はiOSであれば14.5の環境では、UI上では上のように1文字のように表示されます。しかし、それ以前のバージョンでは、同じ文字列データでも😵💫のように2文字で表示されます。なお、この絵文字は3つのコードポイントU+1F635 U+200D U+1F4ABからなります。この絵文字の「文字数」はいったい何文字として扱ったらよいのでしょうか。 以上のように、ひとことで文字数と言ってもデータと見た目と環境の3つのややこ
ESLint v5.3.0 - Qiita
前 v5.2.0 | 次 v5.4.0 ESLint v5.3.0 has been released: https://t.co/qu3OgY0CDK — ESLint (@geteslint) 2018年8月4日 ESLint 5.3.0 がリリースされました。 小さな機能追加とバグ修正が行われました。 正規表現に関する2つのルールと非同期処理に関する2つのルールが追加されています。 質問やバグ報告等ありましたら、お気軽にこちらまでお寄せください。 🏢 日本語 Issue 管理リポジトリ 👫 日本語サポート チャット 🏢 本家リポジトリ 👫 本家サポート チャット 🚀 本体への機能追加 特になし。 💡 新しいルール #10511: no-misleading-character-class 複数のコードポイントから構成される文字を文字クラス構文 (例: /[👍🏻]/u)
【JavaScript】var / let / const を本気で使い分けてみた - Qiita
再宣言 一度宣言した変数を、同じ変数名で宣言し直すことを再宣言といいます。 再宣言可能なvarで再宣言した場合、後に宣言した変数が適用され、 再宣言不可能なlet/constで再宣言した場合、エラーになります。 varでは、予期しない再宣言が起こりうるため危険です。 // var var a = 0; var a = 1; console.log(a) // `1`と出力される // let let b = 0; let b = 1; // SyntaxError: Identifier 'b' has already been declared // const const c = 0; const c = 1; // SyntaxError: Identifier 'c' has already been declared
ECMAScript(JavaScript)の仕様をちょっと読んでみよう - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? イントロ MDN はもはや業界標準の JavaScript リファレンスサイトであるが、JavaScript の syntax (構文) や低レベルな動作については情報が載っていないことがある。このような場合は仕様に立ち返ってみる必要があるが、ECMAScript の仕様は非常に分かりにくい。この記事では、ECMAScript の仕様がどういうルールで書かれているか、どう読めばいいかを軽く説明する。 if 文の syntax の仕様ってどうなってるの？ if 文は statement1 であるから、"13 ECMAScript Lang
Promiseとthenのメソッドチェーン（直列・並列・値の受け取り・引数） - Qiita
はじめに Promiseの基本とthen()を使ったメソッドチェーンの使い方で、以下を中心にまとめています。 複数の非同期処理を順番に実行したい（直列）、同時に実行したい（並列） Promiseの直列処理で、複数の値を受け取りたい then()を使ったメソッドチェーンで、関数の呼び出しに引数を渡したい これからPromiseを使いたい人の参考になれば幸いです。 Promiseとは 非同期処理の結果を、成功（resolve） または、失敗（reject）で返すオブジェクトです。 Promiseを使用すると、以下のような非同期処理を簡潔に書けます。 非同期処理の成功、失敗の処理を分岐する。 複数の非同期処理を順番に実行したり、並行して実行する。（直列・並列） Promiseの基本 new Promiseでインスタンスを生成して使用します。 Promiseの引数には関数を指定し、その関数内に実行
Javascriptで動的にファイルを読み込む - Qiita
#はじめに ウェブサイトで外部ライブラリを読み込むというのはよくやる行為だが、それが多くなってきたり、外部ライブラリを踏み台に自作ライブラリを作る(＆同じサイト内で使い回す）となると読み込みの管理も大変になってくる。 ので、その辺を自動化する関数を作ってみた。 #headに読み込みリンクを生成する 二重読み込みの防止装置もつけてある。 function insert_link(tagname, obj, raw_url){ // 差し込む要素の生成 var target_tag = document.createElement(tagname); var keylist = Object.keys(obj); var currentkey; for(let int = 0; int < keylist.length; int++){ currentkey = keylist[int]; t
2021年に学ぶべきJavaScriptフレームワークは何かね？ - Qiita
Discussion Threads dev.toではDiscussion Threadsという、議論やコメントが前提の記事を立てることができます。 まあ見てのとおり、大半のスレッドは閑古鳥が鳴いてますが。 最近盛り上がったスレッドとしてはShow off your Workspace、日本でいうところの環境晒しスレがあります。 みんな格好いい環境ばかりで驚きですね。 これはもう私も自分の環境を晒して世界を絶望と混乱の渦に落とし入れなくては。 そんなわけで以下は、dev.toに先日投稿されたDiscussion Threadsのひとつ、Which JavaScript frameworks are worth learning in 2021?のコメントを軽く抜き出してみたものです。 スレ主もI am sure there are no right answersと言っているように、決して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JavaScript] イテレータ型の XPathResult オブジェクトを iterable にする - Qiita![[JavaScript] イテレータ型の XPathResult オブジェクトを iterable にする - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/1e9c19d5571612ecd511448221dda722c9e8e330/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnMzLWFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkZxaWl0YS1pbWFnZS1zdG9yZSUyRjAlMkY2Njk3JTJGOGEwZjUzYTdlYTkwNjMzYmM3OWM0ODcxM2I3NjY3ZTFlNDczNWFlMCUyRmxhcmdlLnBuZyUzRjE3MzQ3MDQ5OTU_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9MzE2YzY2NTVhMTIyMTQ2ZTI0Zjc5OTIwZDRmZDZhMzY%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dcc6e82a527229bf01f165303f7fd2b76%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMCVFMyU4MiVBNCVFMyU4MyU4NiVFMyU4MyVBQyVFMyU4MyVCQyVFMyU4MiVCRiVFNSU5RSU4QiVFMyU4MSVBRSUyMFhQYXRoUmVzdWx0JTIwJUUzJTgyJUFBJUUzJTgzJTk2JUUzJTgyJUI4JUUzJTgyJUE3JUUzJTgyJUFGJUUzJTgzJTg4JUUzJTgyJTkyJTIwaXRlcmFibGUlMjAlRTMlODElQUIlRTMlODElOTklRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz00ODM0NTNiZmJmM2NjZTAxNjFjYWUwYjYzZjdiNGQ0Yg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBRVUFOT04mdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz00MzJkODgyYmVhOWNkNTc0YWVmZDc3NGNjNjkyYzJiMw%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D3449b858749544faad857a9004a21177)
async await の使い方 - Qiita
Promiseの使い方、それに代わるasync/awaitの使い方 - Qiita
【いまさらですが】package.jsonのdependenciesとdevDependencies - Qiita
【ES6】 JavaScript初心者でもわかるPromise講座 - Qiita
console.log(); しか使えなかった自分へ。。。 - Qiita
for...inとfor...ofの違い - Qiita
Object.entries() を使ってObject → 配列変換 - Qiita
JSのスプレッド構文を理解する - Qiita
