Typescript

Rust

Next.js(Typescript)+Tauri(Rust)でのデスクトップアプリ制作

はじめに本記事では、Typescriptを使用したNext.jsとTauriによるアプリケーション開発のチュートリアルを紹介します。このチュートリアルを通じて、デスクトップアプリケーションの作成に必要なスキルと知識を身につけることができます...
Typescript

Typescriptで学ぶPrismaチュートリアル:始め方から基本操作まで

はじめにこの記事では、Typescriptを使用してPrisma ORMを効果的に使用する方法について解説します。Prismaは、強力な型安全性と簡単なデータベース操作が特徴のORMライブラリです。TypescriptでPrismaライブラ...
Typescript

TypescriptでPrismaライブラリを使用してorderByを実装する方法

はじめにこの記事では、TypescriptでPrisma ORMを使用してデータを並び替える方法を紹介します。Prismaは、データベース操作を簡単かつ効率的に行うためのライブラリです。Typescriptで学ぶPrismaチュートリアル:...
Typescript

typescriptで外部にある画像ファイルをダウンロードして、任意の場所に配置する

はじめにWeb開発では、しばしば外部から画像ファイルをダウンロードし、プロジェクト内で使用する必要があります。この記事では、Typescriptを使用して外部の画像ファイルをダウンロードし、任意の場所に配置する方法を解説します。Next.j...
Typescript

Next.js13以降のAPPRouterを利用したAPIで各パラメータを取得する方法を紹介

はじめにNext.jsではバージョン13になってからAPPRouterという新しいルーティングシステムが導入されました。今までの方法とは違うルーティングになっているため、APIに関しても今までとは異なったAPIの実装を行う必要があります今回...
Typescript

next.jsのAPProuterでルーティングさせたくないディレクトリ

はじめにNext.jsは、バージョン13になってからAPPRouterという新しいルーティングシステムを採用しており、app配下の各ディレクトリの名前によってルーティングされるようになりました。Next.js13でのページとAPIのファイル...
Typescript

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

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

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

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

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

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

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

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