- 2020.09.23
- 2020.09.26
VSCode Vimでzenhanが使えない
2020年9月23日に1.17.0がリリースされましたが、このバージョンにアップデートするとIMEの日本語切り替えに使用するzenhanが使えない不具合があります。
プログラミング
1/10ページ
- 2020.09.22
- react,
ReactでSVG形式をクリック可能な要素として読み込む方法
Create React Appで作成したアプリケーションでSVG形式のロゴ等をクリック可能な要素として読み込む方法です。 HTMLのimgタグではonClick属性は無いため、クリック可能な要素として読み込むことは出来ません。 ReactComponentとして読み込むことでクリック可能な要素として読み込みます。
- 2020.09.20
- 2020.09.22
- react,
React Hooks useEffectが実行されずにnullになる
ReactのuseEffectを使ってAPIからデータを取得して直ぐに参照しようとすると、値が取得されておらずにnullになっていることがあります。 その原因と対処方法について記載します。
- 2020.08.31
- SQL,
[SQL] RANK ウインドウ関数の順位の母数を取得する
ウインドウ関数（分析関数）のRANKでPARTITIONを使って順位を取得する際に、順位全体の母数を取得する方法です。
- 2020.08.30
[TypeScript React] import React from ‘react’ モジュール ‘react’ の宣言ファイルが見つかりませんでした。’/node_modules/react/index.js’ は暗黙的に ‘any’ 型になります。
TypeScriptでReactのimport宣言を記述するとVSCodeからエラーが表示されて実行できない場合があります。
- 2020.08.21
- react, TypeScript,
[TypeScript] React Hookで型定義付きでカリー化する時の書き方
TypeScriptでReactを使う場合は型定義を記載しますが、カリー化する場合の型定義の仕方は少々分かりづらいです。
[Material-UI Pickers] date-fnsでカレンダーを日本語に設定する
Material-UI Pickersでdate-fnsを使用する場合のカレンダーを日本語に設定します。 date-fnsが公式で提供する日本語用のロケールを使ってMaterial-UI Pickersのロケールに設定します。 date-fnsの日本語用のロケール 以下をimportします。 import ja from "date-fns/locale/ja"; Material-UI Pick […]
- 2020.08.07
- react,
Material-UI PickerをTypeScriptでonChangeで型が一致しないとエラーになる場合の対応方法
Material-UIのDatePickerをTypeScriptで使用する時、公式のリファレンス通りに記述すると型不一致のエラーが発生します。
- 2020.08.05
- ESLint, TypeScript,
[VSCode] TypeScriptにESLintを入れると Parsing error: “parserOptions.project” has been set for @typescript-eslint/parser. が表示される
VSCode, React, TypeScript, ESLint環境下において、.eslintrc.jsに対してLintからエラーが吐かれる場合の対処方法です。 エラー内容 Parsing error: "parserOptions.project" has been set for @typescript-eslint/parser. The file does not match your […]
- 2020.07.30
babelでbuildするとERR! JSON.parse Failed to parse jsonで失敗する
babelでbuildするとparseエラーが表示されて失敗することがあります。 中身がjson形式でなければ直せば解決しますが、正しいjson形式でも表示されるケースがあります。