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...
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検索、音声アシスタント、対話型のウェブアプリケーションなど、ユーザーが音声入力を使って情報を入手や操作を行う場面が増えています。この記事では、Typescr...
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についても同時に実装が可能なことです。 また、n...