-
ReactでuseStateでpropsの値を使用した時に画面が更新されない時の対応方法
2023/2/8
概要 初歩的な話であるが、Reactを久しぶりに触ると忘れてしまうのでメモ。 コンポーネント内で親のpropsをuseStateで保持すると、propsが変更された際に描画が変更されない場合の対策方法 ...
-
Javascript TypeScript 技術書 読書感想
【オライリー本感想】マイクロフロントエンド ―マイクロサービスアーキテクチャの概念をフロントエンドに拡張し、信頼性、自律性の高いシステムを構築する
2023/1/7
概要 「マイクロフロントエンド ―マイクロサービスアーキテクチャの概念をフロントエンドに拡張し、信頼性、自律性の高いシステムを構築する」を読んだので感想を書こうと思います。 マイクロフロントエンド ― ...
-
Javascript TypeScript 技術書 読書感想
【技術書感想】Node.jsフレームワーク超入門
2023/1/4
概要 「Node.jsフレームワーク超入門」を読んだので感想を書こうと思います。 Node.jsフレームワーク超入門 Node.jsの開発で使われるさまざまなフレームワークの解説書です。Node.js ...
-
【React】Chakra UIでレスポンシブなフォントサイズを指定する方法
2021/11/9
概要 ReactのUIフレームワークであるChakra UIにおいて、スマホやデスクトップで動的にフォントサイズを指定する方法。 スポンサーリンク 定番パターン 公式ページ含め、レスポンシブ対応の方法 ...
-
【React】ログイン後にリロードするとログイン画面にリダイレクトされてしまう問題と解決方法メモ
2021/11/4
概要 Reactでログイン機能を実装した際に、画面をリロードすると毎回ログイン画面が表示されてしまう症状が発生したので対策とメモです。 スポンサーリンク 症状 React (React Hook)を使 ...
-
Angularで環境変数を使用する
2020/8/31
概要 Angularでビルド環境毎に変数を持たせる。 (例:テスト用、本番用など) 用途としては下記のような使用方法が考えられる。 1.APIのエンドボイントの変更 2.Git等のソースコード管理に含 ...
-
AWS LambdaでGraphQLを使用する。(Typescript)
2020/1/3
概要 AWS Lambda上でGraphQLを使用したAPIを公開するための実装方法などの紹介。 前提 下記記事で紹介した方法でAWS Lambda用のTypescriptのコード雛形を作成する。 参 ...
-
Javascript TypeScript Visual Studio Code
AWS LambdaにTypescriptでファンクションを作成する
2020/1/2
概要 AWS LambdaでTypescriptを使用したファンクションを作成する方法のメモ。 前提 下記の環境で実施 macOS 10.15.2 VSCode 1.41.1 下記をインストール済とす ...
-
AngularでQuaggaJSを使用してバーコードスキャンする
2020/8/31
概要 AngularでQuaggaJSを使ってカメラ画像からバーコードをスキャンする方法の紹介。 前提 Angular 8.2.14 npmでQuaggaJSをインストール 実装 レイアウト カメラ動 ...
-
Angular Javascript TypeScript Visual Studio Code
AngularでPretilerを使う方法
2019/12/30
概要 VSCode上でAngularを使う際の方法メモ。 詳細 自分の環境だとAngularCLIでプロジェクト作成後に、 保存するとTSLINTのルールとコードフォーマッタのルールが異なり、 整形さ ...