@terrierの技術ブログ

Firebase Function + TypeScriptをparcelで事前ビルドしてやりすごす

Firebase functionsは現在標準でTypeScriptに対応している。しかしHostingなど他の機能も使いたい場合や、それらとモジュールを共有したい場合、tsconfigやpackage.jsonが複数のディレクトリに...

JavaScriptのMath.max/Math.minが可愛い挙動をしてくるので気をつける

Math.min / Math.maxを使っていたら思ったよりハマりそうな挙動があったのでまとめておきたい。今回書いてる事はMDNにも記載されている。 https://developer.mozilla.org/ja/docs/...

TestCoroutineContextを使ってdelayやtimeoutの絡むCoroutineのテストをする

coroutineでタイムアウトを取り扱うようなテストをしようとした時に詰まったのでメモ 準備 今回はざっくりこんなコードがあった場合を考える class Sample { // テストしたいコード ...

更にReact Hooksだけでライブラリ使わずにgoogle mapを利用する(応用編)

こちらはReact Hooksだけでライブラリ使わずにgoogle mapを利用する(基礎編)の続きになります。 Google MapのReact Hooksでの利用。前回マップを出すとこまでをとしてまとめた。ここからは応用...

React Hooksだけでライブラリ使わずにgoogle mapを利用する(基礎編)

Vue.jsでライブラリ使わずにgoogle mapを利用する のをReact Hooksでやってみたらすぐ書けてびっくりしたのでまとめる 今回は基礎編なので、useState, useEffectを中心に使う。本当はBasic...

react-hooksのuseStateでfunctionを管理させたい場合のTips

react-hooksのuseStateはこれまでのstateのように値を保持してくれる重要な関数だ。 例えば単純なカウンターならこんな具合になるだろう const useCounter = () => { ...

rxjs-hooksで楽しむReact HooksとRxJS

16.8で正式にリリースされる React Hooks。 rxjs-hooksを使うとHooksでRxJS使えていい感じだったのでまとめたい 1. 検索機能を実装する 以前にredux-observableでやったことの...

TypeScriptで無理矢理babelを通してoptional chainingを使わせる

とりあえずやれたのでメモ。実用的かどうかは別問題・・・ babelrc まずはbabelrcの設定 { "presets": ["@babel/preset-typescript"], "plugin...

React Hooksでredux / react-reduxでやってたことを色々やってみる

※ React HooksはRFCの段階です。この記事はあくまで実験の産物としてお読み下さい。 準備 React hooksは16.7にのみ予定されているので、下記のコマンドで16.7を入れる yarn add react@16...

redux-observableで複数のActionを発火する方法をたくさん考える

redux-observableで1つのactionから最終的に複数のactionを発火する方法を毎回ググってるのでメモる 中間にActionをつくる これが一番スタンダードだと思われる。9割は解決するはず。 今回は例えばこんな...