JavaScript console.table で表形式でデータを表示してみよう
console.table を使うと配列やオブジェクトを表形式でコンソールに表示することができます。
配列の場合const myArray = ;console.table(myArray);オブジェクトの場合const myO ...
JavaScriptでオブジェクトの定数を使う場合はObject.freezeでより安全に
JavaScriptで定数を定義するときに、オブジェクトにするとまとまりを表現できます。
例えば、状態を表す定数がいくつかある場合に、STATUSというオブジェクトを定義するケースは以下です。
const STATU ...
JavaScript 関数型プログラミングのpipeっぽいものをつくる
funcは関数の配列です。xに対して順番にfuncsの関数を適用します。
const pipe = funcs => x => funcs.reduce((acc, current) => current(ac ...
jQuery の on は重複してイベントが登録される
以下のようなコードを書いた場合に、ボタンを押すとコンソールには hoge と foo が出力されます。
<button id="my-btn">button</button>$(fun ...
プログラミング初学者が意識すると良いこと
プログラミングをするときに意識すると良いだろうな、と思うことです。
まず必要な部品を洗い出して、それらの部品を作成する。
最後に部品をつなぎ合わせてひとつのアプリケーションを作る。
一気に全体を書き ...
プログラミング入門 バグが起きそうなコードを知る
バグが起きそうなコードを知ることで、自分自身が書くコードの品質も上がりますが、他の人のコードをレビューする際のレビュー観点を増やすことができます。
例えば以下のコードをみてみます。
const age = user. ...
JavaScriptで関数型プログラミング 関数の結果を反転させる
引数が1ならtrueを返す関数があります。
const isOne = value => value === 1;関数を反転させる not 関数を定義します。
const not = func => {r ...
JavaScript 恒等関数(identity function) とは
恒等関数(identity function)とは引数で受け取った値をそのまま返す関数です。
const identity = (any) => { return any;}短く書くと以下ようになります。
co ...
ローカルで立てたWebサーバーに自分のスマートフォンでアクセスする方法
ローカル環境でテストをする際にローカルサーバーを立てることがよくあると思います。
ローカルサーバーなので、基本的にはそのマシンからしかアクセスができません。
しかし、スマートフォンの場合にページがどう見えるのか ...
プログラミングでの「抽象」を日本語で書いてみる
抽象的ではない処理
詳細がずらずらと書かれている。
お金を入れてボタンを押すと、入れた金額をチェクして、押したボタンの値段より多ければジュースを出す処理。
抽象的な処理本質を捉えており、詳細は省いてある。 ...