カテゴリー：JavaScript
-
html2canvasとは？ HTML の Element を画像に変換するライブラリです。実際にスクリーンショットを撮っているのではなく、ブラウザのレンダリングエンジンに近い挙動になる。 jsPDFとは？ addImageメソッド …
-
ローカルストレージに値を格納する。 [crayon-607ba6d977d7a298725527/] 実戦では、文字列だけじゃなくオブジェクトなどを格納したいことも多いでしょう。その場合はJSON.stringifyメソッドによってst…
-
preventDefaultとは？ clickイベントなどユーザーのアクションで発生するイベントで、「デフォルトの動作を発生させない」という意味になります。 デフォルトの動作とは？ 具体的には下記のような動作になります。 a…
-
【JavaScript】例外処理について
02.28
try catch構文 構文 [crayon-607ba6d978749003305478/] もし、try-catch構文を書いていない場合は例外が発生した瞬間プログラムが停止してしまいます。 例 [crayon-607ba6d…
-
JavaScriptのモックサーバーには「json-server」というのを使うのも一つの手段になります。 インストール [crayon-607ba6d978b85770608307/] jsonを用意 これがモックサーバーから返さ…
-
【JavaScript】「ESLint」について
01.24
ESLintのプラグイン eslint-plugin-react-hooks Reactでフックのルールを検出してくれます。…
-
【JavaScript】「lodash」について
01.24
lodashとは？ 例えばAPIの戻り値として下記のような配列があったとします。ただ、この形式だとidが2のデータが欲しいとなったときに配列をフルスキャンしなければなりません。 [crayon-607ba6d978fa136993198…
-
【Babel】「Babel」について
10.09
Babelとは？ JavaScriptを古いコードから新しいコードへ変換するツール(ES6→ES5）、またReactのJSXをブラウザで実行できるコードに変換する役割もあります。 導入方法 基本的にはwebpackと同時に導入が必要で…
-
【JavaScript】「jest」について
06.12
jestとは？ 近年最もポピュラーなJavaScriptテストフレームワークです。 facebookが作っておりReactにも対応しています。 注意点 ES6には対応していないのでbabelと一緒に導入する必要がある…
-
【JavaScript】「テストコード」について
06.12
テストの実行環境 ブラウザで動かしたい場合はブラウザを使用しますし、ES6で記述されたコードはNodeJSで動かします。 NodeJS（DOMに干渉できず、そのままJavaScriptを実行する） ブラウザ（DOMに干渉で…