Typescript

Typescript

[Typescript]Next.jsで音声入力機能を実装する方法

はじめに近年、ウェブ上での音声入力はますます一般的になってきています。Google検索、音声アシスタント、対話型のウェブアプリケーションなど、ユーザーが音声入力を使って情報を入手や操作を行う場面が増えています。この記事では、Typescri...
Typescript

Next.js13でのページとAPIのファイル名とディレクトリの命名

はじめにNext.jsは非常に重要なフレームワークとなり、その最新版Next.js13が公開されました。本記事では、特に重要なNext.jsのファイル名とディレクトリの命名規則に焦点を当て、詳しく解説します。今回はTypescriptベース...
nextjs

tailwindをnextjsで使ってみる[Typescript]

今回はnextjsのプロジェクトにUIのデザインをいい感じにしてくれるtailwindを導入する方法を記述します。tailwindを使うとclassに特定のclassを記述することで文字色などのレイアウトを変更できます。そのためcssを記述...
nextjs

nextjsを始めてみる(インストールから起動して確認するまで)[Typescript]

nextjsとはnextjsは、reactベースに作られるJavascriptのフレームワークです。また、reactとは大きく違う部分としては、フロントエンドだけでなくバックエンドのAPIについても同時に実装が可能なことです。また、next...
Typescript

[Typescript]Jestでシステム日時を固定する

Jestを利用したテストを行う場合に日付を固定したい時は下記のようにしますjest.useFakeTimers().setSystemTime(newDate('設定する日付').getTime());これでテスト中のシステム日付がsetS...