はじめに React開発におけるNext.jsのプレゼンスが日に日に増している今日この頃ですが、Next.jsを使う必要がない小規模なSPAを作る場合の型が欲しくなり、色々調べて技術選定をした上で実際に作ってみるところまでやったので、その技術選定理由とセットアップ手順を共有したいと思います。 フロントエンドの移り変わり…
Jestで標準出力（console.log）を非表示にする
こんにちは、CX事業本部 IoT事業部の若槻です。 Jestは、JavaScriptのテスティングフレームワークです。Facebookが開発しています。 facebook/jest: Delightful JavaScr […]
React with TypeScript Cheatsheet
Table of Contents:· How to type React props ∘ Creating a type alias for the props ∘ Typing optional props ∘ List of types for React component props · How to type React function components · How to type React hooks ∘ Typing useState hook ∘ Typing useEffect and useLayoutEffect hooks ∘ Typing useCon…
【TypeScript】Next.js + Tailwind CSSを使用してさくっとSPAを作る方法
Next.js で簡単な SPA の雛形をつくる際の手順です。 ホームページを Flutter Web から Next.js に移行した際に少し躓いたので整理して記録します。 環境 執筆時点での各種バージョンです。 Node: 14.17 Next.js: 12.0.4 Tailwind CSS: 2.2.19 TypeScript: 4.5.2 Next.js プロジェクトの作成 下記コマンドで Next.js プ…
AWS Lambda関数上でDayjsを使って現在日時と特定日時の比較をしてみた
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、AWS Lambda関数上でDayjsを使って現在日時と特定日時の比較をしてみました。 Dayjsとは dayjs – npm Dayjsは、日付や時刻の操作を […]
[AWS Lambda] APIから取得したCSV形式のデータをJSON形式に変換する（AWS CDK）
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、APIから取得したCSV形式のデータをJSON形式に変換するAWS Lambda関数をAWS CDKで作成してみました。 やってみる 準備 準備として下記の内容 […]…
既存プロジェクトに対し、TypeScript設定の厳格化を行う
既存プロジェクトにはLinterが導入されていませんでした。またTypeScriptのコンパイラの設定が緩い、という課題もありました。この記事では、その二つの課題に対処していきますが、TypeScriptのコンパイラの設 […]…
any禁止 絶対に型付けを諦めないための便利なユーティリティ関数 / techstand6
Transcript BOZېࢭ� ઈରʹܕ͚ΛఘΊͳ͍ͨΊͷ� ศརͳϢʔςΟ ϦςΟؔ /PW��� ��������TUBOE�GN�5&$)�45"/%����5ZQF4DSJQU� !PLVOPLFOUBSP ୭ w Ԟ�ݡଠ�!PLVOPLFOUBSP� w ΫϨεΣΞגࣜձࣾ� w 5ZQF4DSJQUྺ�� ܕɺ ͪΌΜͱ͚ͯ·͔͢ const res = await fetch(‘/api/users’, {method: ‘GET’}); const users = await res.json(); ͜ΕͰຬͯ͠ͳ͍ ʁ const res = await fetch(‘/api/use…
AWS Systems Manager State ManagerのEC2インスタンスへの関連付け成功/失敗イベントのメール通知を実装してみた
Systems Manager Agentの自動更新結果をメール通知させたい こんにちは、のんピ(@non____97)です。 皆さんは、Systems Manager Agent(以降SSM Agent)の自動更新は行 […]
AWS CDK で Lambda 関数に Provisioned Concurenncy を Application Auto Scaling と一緒に設定してみた
はじめに プロフィールビューアーサービスProflly（プロフリー）の開発にて、一部の Lambda の処理のコールドスタートが影響し、パフォーマンスの問題を抱えていました。 この問題を解決するために、Provision […]…