フロントエンドアプリケーションにおいて状態をどこに置くべきか論

プログラミングメモ React JavaScript Elm

後学のために自分の考えていることをまとめてみる。考えられるパターンこれまでの経験から以下4つのパターンがある。ローカルStateでprop-drillingするローカルStateかつイベント経由でデータ交換をするグローバルStoreとローカルStateを併用するグロ…

2019-06-12

dayjsと謎の挙動

メモ JavaScript

年と月だけの文字列をDateへ変換すると2月だけおかしくなる console.log(dayjs('201901', 'YYYYMM').toDate()); // Tue Jan 29 2019 00:00:00 GMT+0900 (日本標準時) console.log(dayjs('201902', 'YYYYMM').toDate()); // Fri Mar 01 2019 00:00:00 GMT+090…

2019-06-02

"初夏のJavaScript祭り2019" にElmのはなしで登壇した

プログラミング JavaScript Elm

6/1に開催されたJavaScript祭りというイベントに「jQueryからElmまで」というタイトルで15分枠の登壇をした This is my slides on #jsfes https://t.co/6p0mONwZrk— IzumiSy (@sy_izumi) June 1, 2019 内容はjQueryからJavaScriptを触り始めた自分が、Elmを…

2019-04-20

Immutable.jsを使うメリット

JavaScript メモ

先日、新卒で入ったエンジニアが「Immutable.jsの研修課題をやってるんですけど、正直なんで必要なのか分かんないっす」と言っていた。たしかに React, Redux と Immutable.js をセットでつかおうみたいなノリの記事はネットでよく見るが、じゃあなんでそ…

2019-01-04

Maybeに代えてカスタム型を使う

Elm JavaScript プログラミング

ElmのMaybeはデータの有無を型で表現できるゆえ非常に便利なものであるが、文脈が失われるため無闇に使い過ぎるとワケがわからなくなる。ケースによっては、カスタム型を使うことによって型でデータの有無を Maybe に代えて表現するほうがよりメンテナブルに…

2018-11-30

2018年で最も早くTypeScript+Reactのアプリを作る方法

JavaScript React メモ

結論から言うとこれです。 $ npx create-react-app myapp --typescript #React Create App now officially supports #TypeScript!I'm so happy this will make it much easier for devs to start with, well, both of these great pieces of tech! pic.twit…

2018-06-13

JavaScriptにおける配列操作の計算量オーダー

メモプログラミング JavaScript

日本語だとググっても出てこなかったのでまとめた操作計算量添字アクセス O(1) 挿入(splice) O(n) 削除(splice) O(n) 削除(delete) O(1) 最後に追加 O(1) 先頭に追加 O(n) スワップ O(1) 添字アクセスがO(1)だったりするのは、JavaScriptの配列は連結リス…