React Component内で何か処理を行おうとした際、毎回koba04さんのこの記事を参照して、Reactのライフサイクル的にどこが適切な実装箇所かを確認して実装している。でも毎回調べるのは時間がもったいないので、個人のメモとしてまとめる。 lifecycle diagram …

何度も調べそうなので、Apollo ClientのrefetchQueriesのFlow Typeをメモ。 // @flow import type { ExecutionResult } from 'graphql'; import type { RefetchQueryDescription } from 'apollo-client'; type HogePayloadType = { // ... refetchQueries?: …

docker-compose.yamlを作成する時は他のプロジェクトのyamlファイルを元に作成するため、いつまでもファイルの1行目がversion: '2'で始まるので、docker-composeファイルの2と3で何が違うかを調べたメモ。 個人メモ volume_driver, volumes_fromについてはve…

CSSは人のコードから拝借して実装することが多いので、CSSのプロパティを詳しく理解せず使っていることがよくある。その辺を解消するために、最近使ったcursorプロパティを調べたメモ。 cursorプロパティの値 /* キーワード値でカーソルの形を指定できる */ …

Babel7にバージョンアップした際に、あれこれ調べてworkaroundな対応を行ったメモ。 storybook regeneratorRuntime is not definedというエラーになるので、addons.jsとconfig.jsで@babel/polyfillをimportするようにした。 github.com ※issueの内容自体はba…

毎回chromeのdevtoolsで期待した見た目になるように試行錯誤しつつプロパティ設定していて時間を取られていたので、調べてメモ書きしておく。主軸の概念とか知らなかったので想定より勉強になった(知識が穴だらけで悲しい)。 参考 これを読んでおけばOK。 de…

babel7から@babel/polyfillにproposal polyfill(stage-3以下のpolyfill)が含まれなくなり、core-jsからのimportを個別に行う必要があると知ったのでメモしておく。 babeljs.io import "core-js/fn/array/flatMap";の様に使っているものだけ個別にimportして…

babel7 + webpack4 + storybook4にバージョン上げる作業を頑張ったので、しばらくその辺の話を書いていく。 css-loaderが1.0.0からminimize optionを廃止されたため、代替手段としてcss-nanoを追加した。その際に、postcss.config.jsに変数を渡したくて、調…

boilerplateのwebpackの設定をあまり理解せずに使っていると、新しく何かしようとした時にwebpack周りで困ることは(私にとっては)よくある話で、今回は困った結果、css-loaderのmodules optionを理解した。 今回理解したこと CSS modulesではないcomponentを…

reactjs.org React expects that the rendered content is identical between the server and the client. It can patch up differences in text content, but you should treat mismatches as bugs and fix them. In development mode, React warns about m…

official imageでschemaspyを導入する方法 github.com docker-compose.yml schemaspy: image: schemaspy/schemaspy volumes: - ./schemaspy/output:/output - ./schemaspy/config:/config container_name: "schemaspy_local" command: ["-configFile", "/con…

掲題の通り、エンジニアとしてアウトプット大事にしていこうと思ったので、日々書いているコード晒しベースでブログを書いていこうと思う。