プログラミング初学者向け プログラミングと文章は似ている
プログラミングと文章の似ているところ
コードも文章もどちらも人が読むためのものです。
コードはコンピュータに命令を出すものではありますが、機械語以外のプログラミング言語は人が読みやすいようになっています。
文章は ...
JavaScript 実務レベルの課題 CSVから読み込んだデータの加工
課題
CSVからユーザーデータを読み込んだデータがあります。
, , , ,];このデータを以下のように加工したいです。
問題を小さくする元のデータにはCSVのヘッダーが含まれています。
この部分と、 ...
JavaScript console.table で表形式でデータを表示してみよう
console.table を使うと配列やオブジェクトを表形式でコンソールに表示することができます。
配列の場合const myArray = ;console.table(myArray);オブジェクトの場合const myO ...
JavaScriptでオブジェクトの定数を使う場合はObject.freezeでより安全に
JavaScriptで定数を定義するときに、オブジェクトにするとまとまりを表現できます。
例えば、状態を表す定数がいくつかある場合に、STATUSというオブジェクトを定義するケースは以下です。
const STATU ...
JavaScript Symbol について
Symbol を使用することでユニークな値を作ることができます。
主に、オブジェクトのキーに使うことで、キーの重複を防ぐことで活用できます。
まず、Symbolの特性として、必ずユニークになります。
co ...
TypeScript Branded型
TypeScriptでは以下のように型が一致している場合にはエラーにはならない。
type Name = stringtype Id = stringconst myName: Name = 'tamibouz' ...
TypeScript オブジェクトのすべてのプロパティの型をnumberにする
Hogeは、第一引数に変換したいオブジェクト型を受け取り、すべてのプロパティの値の型を第二引数にしたオブジェクト型を返す。
//第一引数に指定した型のすべてのプロパティの型をTYPEにするtype Hoge<T exten ...
JavaScript 関数型プログラミングのpipeっぽいものをつくる
funcは関数の配列です。xに対して順番にfuncsの関数を適用します。
const pipe = funcs => x => funcs.reduce((acc, current) => current(ac ...
jQueryのonに名前空間をつけてみる
jQueryのonの第一引数にはclickなどのイベントを指定しますが、以下のようにclickに続けて名前空間をつけることができます。
$(document).on('click.hoge', '#but ...
jQuery の on は重複してイベントが登録される
以下のようなコードを書いた場合に、ボタンを押すとコンソールには hoge と foo が出力されます。
<button id="my-btn">button</button>$(fun ...