Javascript

• 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月19日
• 2020年3月12日
• 0件

コーディングガイドラインまとめ【2019年 → 2020年度版】

新規サービス開発や、古びたシステムを担当した時に毎回調べるHTML, CSS, Javascriptのコーディングガイドライン。こちらをまとめてみました。 Javascript google 英語版ですが、Good / Badで例が全パターンまとまっているのでとてもわかりやすいです。 これを例にレビ […]

• 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のコメントアウトの記述方法ってまだ必要？

<script><!-- console.log("hogehoge"); --> </script> これってまだ使っている人が多いけど、なぜ使ってるんだっけと改めて確認しました。   なぜ利用していたか   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件

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 }   // これと等価:   […]