react-routerを使ったアプリ内遷移の方法 / historyはどう取得するのが良いか

react react-router

Reactで作ったWebアプリケーションではルーティングの管理や開発に、react-routerを使用することが一般的かと思います。今回は、react-routerを使ったWebアプリケーションでのアプリ内遷移の方法をまとめます。 react-routerを使ったアプリ内遷移方法まず…

2020-07-23

create-react-appでTypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined

create-react-app react react-scripts

しばらくいじっていないcreate-react-appで作ったフロントエンドのアプリケーションをローカル起動させたらこんなエラーが。 TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined at validateString (intern…

2020-07-20

Spring Securityのデフォルト認証をWeb APIとして利用 / ステータスコードが302になるのを200, 401に変更

spring spring boot spring security

SpringやSpring Bootでサーバアプリケーションを作成すると認証を作る際にSpring Securityを利用することが多いかと思います。自分も3, 4年前ぐらいにけっこう使っていて、0から設計・開発したアプリケーションにも使っていたのに完全に忘れていましたw ラ…

2020-07-17

chromeの「サイトまたはアプリでのデータ侵害により、パスワード情報が漏洩しました。」ダイアログ。初見ビビるけど焦ることなかれ

localhostでフロントエンドアプリケーションの認証の動作確認をしている際に、上のキャプチャのダイアログが出てきた。パスワードを変更してくださいサイトまたはアプリでのデータ侵害により、パスワード情報が漏洩しました。 localhost:3000 のパスワード…

2020-07-06

CircleCIでの環境変数の設定方法と優先順位について

CircleCI

CircleCIでの環境変数の設定方法は複数あります。今回は、複数ある環境変数の設定のやり方を確認し、環境変数名が被った際にどのやり方で設定した環境変数が優先されるかをまとめます。 (記事作成中に公式で良さげなまとまったページを見つけたので、基本的…

2020-06-29

【create-react-app】jestでuuidを利用するコンポーネントのテストをする

create-react-app jest uuid

create-react-appではテストランナーにjestが利用されています。 create-react-app.dev 今回、uuidを利用するコンポーネントでスナップショットテストを書く際に少し調べたのでまとめます。 jestjs.io こちらのissueでいろいろ話されていますが、jest.mockを…

2020-06-24

【1分設定】create-react-appで作ったアプリケーションにSassを入れる

react sass scss create-react-app

数年ぶりにcreate-react-appでフロントエンドのアプリを開発したんですが、Sassの入れ方がカンタンになってたのでまとめます。結論ですが、node-sassを入れて、scssファイルを作り、読み込ませたいコンポーネントに直接importしてあげるだけです。執筆時の…

2020-06-18

Googla Apps Scriptでスプレッドシートの対象セルの関数・計算式を取得する

Google Apps Script

GAS(Google Apps Script)でスプレッドシートの対象セルの関数・計算式の取得方法をまとめます。結論ですが、Rangeクラスに生えているgetFormula()を使ってあげればOK。単純に値だけ取りたいときはgetValue()。 Rangeで取得したセル範囲の左上のセルを対象に…

2020-05-13

1分でAuth0のログイン画面を日本語化

Auth0

Auth0はWebアプリケーションやモバイル、Web APIで利用できる認証・認可の仕組みを提供するクラウドサービスです。 Identity as a Service（IDaaS）というやつ。と思ったら、トライアルページにこんなことが書かれていた。(AaaS？笑) Auth0を利用することで…

2020-05-12

pyautoguiで変数に持っている値をフォームに入力させる

pyautogui RPA python

自作でRPAを開発する際に、よく使われるpyautogui。クロスプラットフォームで動作するGUIオートメーションのPythonモジュールです。「ある箇所をダブルクリックする」「キーボードでEnterキーを押す」など人間がPCを触って行うGUI操作と近いことをプログラ…

2020-04-26

【1分設定】Visual Studio Codeをターミナルから起動

Visual Studio Code

こんな感じでターミナルからVisual Studio Codeを起動できるようになります。 $ code // 起動 $ code ./PROJECT_ROOT // プロジェクトを指定して起動 Visual Studio Codeを起動させて、メニューの「View」から「Command Palette...」を選択します。「code c…