javascript│Design Note

2019年8月24日
2020年3月12日
0件

Q. querySelectorAllでaddEventListenerが動かない

Uncaught TypeError: document.querySelectorAll(...).addEventListener is not a function jqueryだとfindで検索した結果に対してイベントリスナーの設定ができたが、javascriptではエラーになる。 quer […]

2019年6月29日
2020年3月12日
0件

Javascriptの自作ライブラリを作る前に調べること

業務でJavascriptの自作ライブラリを作ることって結構あります。 ES6で、webpackやBabelでbuildしてとか・・・では無いので1ファイルのjsで綺麗に作る必要があります。なかなか書籍をみてもそこまで書かれているものは無いので、皆さんの考えを調べてみました。自作ライブラリの作り […]

2019年6月4日
2020年3月12日
0件

Javascriptのユニットテストに必要なライブラリまとめ

オールインワンライブラリ Jest facebook製 Node.jsで実行されるスナップショットのテストができる Jasmin 少し古いイメージ ava babel、power-assertが入っているテストを並列実行でき、軽量で高速テスティングフレームワークテスト全体の取りまとめ。これ […]

2019年6月4日
2020年3月12日
0件

TypeScriptってなに？今更聞けない話

AltJS（Altnative JavaScript） TypeScriptなど、Javascriptに変換できる言語をまとめてAltJSという Javascriptとの違いクラスが作れる型があるどういう時に使うべきかコード量が膨大 Typescript 2012年にマイクロソフトが開発した […]

2019年6月2日
2020年3月12日
0件

javascriptのコメントアウトの記述方法ってまだ必要？

2019年6月2日
2020年3月12日
0件

on()とclick()の違い – javascript

どちらもイベントハンドラー設定時に利用するもの。結論 on()を使うこと。 on() ページロード時の後、動的に追加された要素に対してもイベント付与する。最近はこちらを利用している傾向がある。なぜ利用するのか。新しいからか。これ１つで、いろいろなイベントハンドラを設定できる。一度に複数のイベ […]

2019年5月21日
2020年3月12日
0件

var、let、constの違い

var、let、const、変数宣言で絶対に利用するものですが、意外と把握していないことが多いのでまとめました。 es6対応でどれがどれだったか、いつもわからなくなる方、必見。 var 関数内で宣言したものが、関数外で使える関数外で宣言したものに、関数内で代入しても、別の変数と認識される js独自 […]

2019年5月3日
2020年3月12日
0件

webスクレイピングの方法と注意点

Webスクレイピングとはサイトにアクセスし、HTMLを取得する技術のこと。サイトの情報を取得し、データを抜き取り、自社サイトへ表示するなどの手法が用いられる。ただし、著作権や、相手サイトへ損害を与えた場合など、訴えられることもあるので注意が必要。ライブラリ Goutte こっちのがメモリ消費 […]

2019年5月3日
2020年3月12日
0件

importとrequireの違い。どちらを使えば良い？ | Javascript

Javascriptで外部ファイル（モジュール）を読み込む時にrequireとimportを使う時がありますが、requireとimportのそれぞれの違いは何で、どういう時に使い分ける必要があるのか。今更聞けないのでこっそりまとめてみました。 importとは importとは「es2015」の […]

2019年4月29日
2020年3月12日
0件

react初心者のメモ

Reactについて Reach.jsはnpmでインストールする npmはnode.jsで実行されるモジュールなのでnode.jsも必要特徴 Facebookが作った、UIを構築するためのライブラリコンポーネント指向 prop：親から受け継いだもの state：状態 JSX 記法メリット速度 […]

2019年4月29日
2020年3月12日
0件

expressについて

はじめに var express = require(“express”); var app = express(); listen var server = app.listen(3000, function(){ console.log(“Node.j […]

2019年4月29日
2020年3月12日
0件

webpackについてのメモ

ビルドツールはどんなのがある？ webpack 依存関係を解決して、配布物をビルドするツール（コンパイラ） JSやCSS、画像、いろいろ扱っている gruntもgulpも不要 Browserify JS専用設定 require extract-text-webpack-plugin バンドルされた […]

2019年4月29日
2020年3月12日
0件

exportとexport default

exportとexport default export defaultを使う複数のモジュールをexportするときはexportを使う理由 ECMAScript 6 favors the single/default export style, and gives the sweetest s […]

2019年4月28日
2020年3月12日
0件

アロー関数について

従来 function [name]([param1[, param2[, ..., paramN]]]) { statements } アロー関数を使った場合 (param1, param2, …, paramN) => { statements } // これと等価: […]