pretter/eslintのルール設定パッケージをひとつにまとめる理由

JavaScript プログラミングメモ

最近、eslint/prettierの設定を共通パッケージ(eg. xxx-prettier-config/xxx-esling-config)に切り出すタイミングがあった。これに関して、巷ではxxx-prettier-configとxxx-eslint-configというような形でツールごとに個別のパッケージを用意するのが一般的…

2022-08-27

ブラウザ自動化のツールとその周辺知識に関する備忘録

メモプログラミング JavaScript

業務でE2Eテストの導入を進めており、ブラウザ自動化のためのツールに関して調べる必要があったので備忘録的に書き残しておく。自分のブラウザ自動化周りの知識といえばはるか昔に大学生のころインターンでSeleniumを用いたテストの自動化をやったくらいで…

2022-08-14

Firebase JS SDKのソースコード・リーディング（初期化処理周り）

プログラミングメモ JavaScript

最近諸事情あり業務でFirebase JS SDKのDatabase実装周りを読むことがあったので、備忘録的にブログ記事にしてみる。初期化処理の雰囲気 Databaseまで含めると全体像があまりにでかすぎるので、とりあえず初期化処理周りだけを雰囲気でクラス図にしてみた。…

2022-08-02

Firebase Database REST API Streamingの挙動メモ

JavaScript プログラミング

複雑すぎるのでまとめるベースとなるJSONの構造は以下。すべてFirebase Database Emulatorで試している。 posts配下へのフィールドの追加 { type: 'put', data: '{"path":"/book3","data":"awesome book"}', lastEventId: '', origin: 'http://localhost:90…

2021-08-13

フロントエンドとしての／サーバーサイドとしての"フルスタック"さ

JavaScript メモ

最近思うがなんとなくフルスタックと一口に言っても、ソフトウェアエンジニアにおける"フルスタック"にはサーバーサイドとしてのフルスタックと、フロントエンドとしてのフルスタックがあるような気がしている。この言い方が妥当かどうかは分からない。サー…

2021-06-23

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

プログラミングメモ 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の配列は連結リス…