とある在宅フリーランスエンジニアのデスク周りの紹介
今日は私のデスク周りの紹介をします。
全体像私用のMacプライベートで使っているMacです。
トラックボールとクッション右手が腱鞘炎ぎみなので、かなり前に購入したトラックボールです。クッションと合わせて使うこと ...
JavaScript での DOM 操作を関数型プログラミングっぽく書いてみる
以下のようなHTMLがあります。
<div id="parent"> <div name="hoge">aaa</div> <div name=& ...
Chromeでより詳しいネットワークのログを取得する方法
Chromeの開発ツールでは、Network タブで通信の情報を得られますが、より詳しいログを取得する場合はブラウザで chrome://net-export/を開きます。
このような画面が開くので、Start Loggi ...
TypeScript in演算子の型ガード
TypeScirptでは、条件文でin演算子を使った時にも型ガードとして利用できます。
型ガードとは、条件ブロック内でオブジェクトの型を制限できることです。
以下のコードをみてみます。
type Hoge ...
JavaScript HTMLの子要素に対してループ処理をしたい時の注意点
以下のようなHTMLがあり、id=”parent”の子要素のdivのtextをすべてつなげた文字列を取得したいとします。
<div id="parent"> <div ...
JavaScript カンマ演算子を使うと少しだけコードが少なくなる
以下のようなmyFunc関数があります。
const hoge = () => 'hoge';const foo = () => console.log('foo');const ba ...
JavaScript 数値へ変換する際に単項プラスを使う
JavaScriptで数値以外を数値へ変換するのに Number を使いますが、単項プラス(+)でも同様のことができます。
console.log(Number(10));//10console.log(+10);//10con ...
jQuery $(document).on と $(selector).on の違い
$(document).on は動的に追加されたHTMLに対してもイベントを処理できます。
一方で、$(selector).on は、その時点のHTMLに対してのみ作用します。
以下が例です。
まず ...
JavaScript reverse を使う時は気をつけよう
配列の順序を逆にしたい時は、Array.prototype.reverse が便利です。
しかし、一点注意が必要なことがあります。
以下のように元の配列自体を変化させてしま点です。
const data ...
JavaScript 入門 null と undefined を区別したくないときの書き方
== を使うことで null と undefined を区別しないで判定できます。
区別したい場合は === を使います。
null == undefined//truenull === undefined//fal ...