RustNext.js（Typescript）＋Tauri（Rust）でのデスクトップアプリ制作
はじめに 本記事では、Typescriptを使用したNext.jsとTauriによるアプリケーション開発のチュートリアルを紹介します。このチュートリアルを通じて、デスクトップアプリケーションの作成に必要なスキルと知識を身につけることができま...
Typescript
Rust
TypescriptTypescriptで学ぶPrismaチュートリアル：始め方から基本操作まで
はじめに この記事では、Typescriptを使用してPrisma ORMを効果的に使用する方法について解説します。Prismaは、強力な型安全性と簡単なデータベース操作が特徴のORMライブラリです。 TypescriptでPrismaライ...
TypescriptTypescriptでPrismaライブラリを使用してorderByを実装する方法
はじめに この記事では、TypescriptでPrisma ORMを使用してデータを並び替える方法を紹介します。Prismaは、データベース操作を簡単かつ効率的に行うためのライブラリです。 Typescriptで学ぶPrismaチュートリア...
Typescripttypescriptで外部にある画像ファイルをダウンロードして、任意の場所に配置する
はじめに Web開発では、しばしば外部から画像ファイルをダウンロードし、プロジェクト内で使用する必要があります。この記事では、Typescriptを使用して外部の画像ファイルをダウンロードし、任意の場所に配置する方法を解説します。 Next...
TypescriptNext.js13以降のAPPRouterを利用したAPIで各パラメータを取得する方法を紹介
はじめに Next.jsではバージョン13になってからAPPRouterという新しいルーティングシステムが導入されました。今までの方法とは違うルーティングになっているため、APIに関しても今までとは異なったAPIの実装を行う必要があります ...
Typescriptnext.jsのAPProuterでルーティングさせたくないディレクトリ
はじめに Next.jsは、バージョン13になってからAPPRouterという新しいルーティングシステムを採用しており、app配下の各ディレクトリの名前によってルーティングされるようになりました。 Next.js13でのページとAPIのファ...
Typescript[Typescript]Next.jsで音声入力機能を実装する方法
はじめに 近年、ウェブ上での音声入力はますます一般的になってきています。Google検索、音声アシスタント、対話型のウェブアプリケーションなど、ユーザーが音声入力を使って情報を入手や操作を行う場面が増えています。この記事では、Typescr...
TypescriptNext.js13でのページとAPIのファイル名とディレクトリの命名[APP Router]
はじめに Next.jsは非常に重要なフレームワークとなり、その最新版Next.js 13が公開されました。本記事では、特に重要なNext.jsのファイル名とディレクトリの命名規則に焦点を当て、詳しく解説します。 今回はTypescript...
nextjstailwindをnextjsで使ってみる[Typescript]
今回はnextjsのプロジェクトにUIのデザインをいい感じにしてくれるtailwindを導入する方法を記述します。 tailwindを使うとclassに特定のclassを記述することで文字色などのレイアウトを変更できます。そのためcssを記...
nextjsnextjsを始めてみる（インストールから起動して確認するまで）[Typescript]
nextjsとは nextjsは、reactベースに作られるJavascriptのフレームワークです。 また、reactとは大きく違う部分としては、フロントエンドだけでなくバックエンドのAPIについても同時に実装が可能なことです。 また、n...