AI（人工知能）は、人間の知的活動をコンピュータで模倣・実現する技術です。AI の基礎概念から歴史、種類、実用的な活用方法まで、分かりやすく解説します。

Artificial Intelligence（人工知能）

AI Agent は、自律的にタスクを実行し、環境と相互作用しながら目標を達成する AI システムです。Next.js と TypeScript を使って、ツール呼び出しや複数ステップの推論を組み合わせた実践的な AI エージェントの実装方法を解説します。

AI エージェント

AI Agent

AI Embeddings は、テキストや画像などのデータを数値ベクトルに変換する技術です。類似性検索やセマンティック検索、RAG などに利用され、Next.js と TypeScript を使った実践的な実装方法を解説します。

AI 埋め込み

AI Embeddings

AI Safety は、AI システムが人間にとって安全で有益であることを保証する研究分野です。アライメント問題、バイアス、プライバシー、セキュリティなど、AI の安全な開発と運用に必要な概念と実践方法を解説します。

AI安全性

AI Safety

AI Streaming は、AI モデルの応答を逐次的にリアルタイムで受け取る技術です。ユーザー体験を大幅に向上させ、長い応答でも待ち時間を感じさせないインタラクティブな対話を実現します。

AIストリーミング

AI Streaming

Anthropic は、AI 安全性を最優先に掲げる AI 研究企業です。Claude シリーズの大規模言語モデルを開発し、Constitutional AI などの革新的な安全性技術を研究しています。

アンソロピック

Anthropic

API は、Next.js や TypeScript を使った Web 開発において、異なるアプリケーション間でのデータの受け渡しや、外部サービスとの連携などで重要な役割を果たしています。

Application Programming Interface（アプリケーションプログラミングインターフェース）

Apollo とは、GraphQL を扱うためのクライアントライブラリです。Apollo を使うことにより、GraphQL のクエリとレスポンスを扱うことができます。

アポロ

Apollo

2023 年 5 月、Next.js 13(v13.4.0) では新しい機能と規則を備えた新しい App Router の安定版が導入されました。2024年10月には Next.js 15 がリリースされ、React 19 サポートや Turbopack の安定化など、さらなる進化を遂げています。

アップ・ルーター

App Router

AST は、プログラムのソースコードを解析し、構造化されたデータを生成する仕組みです。これによって、ソースコードをより効率的に処理したり、静的解析を行ったりすることができます。

抽象構文木（ちゅうしょうこうぶんぎ）

Astro とは、フロントエンド開発のための新世代の静的サイトジェネレーターで、JavaScript、TypeScript、React、Vue、Svelteなど複数のフレームワークまたはライブラリを統合し、ハイパフォーマンスなウェブサイトを構築することができます。

アストロ

Astro

async アロー関数式とは、非同期処理を行うためのJavaScript（およびTypeScript）の表現形式の一つで、非同期処理のコードを書く際に役立ちます。

エーシンク アロー関数式

async Arrow Function

Next.js と TypeScript を使って、非同期処理に関するソースコードとその解説を提供します。

エイシンク/アウェイト

async/await

Atomic Designは、Webアプリケーションのデザインシステムを構築する手法で、小さな部品から大きなパターンを組み立てることで柔軟性の高いデザインを実現します。

アトミックデザイン

Atomic Design

Attention Mechanism は、AI が入力の重要な部分に「注意」を向ける仕組みです。Transformer の核心技術であり、現代の大規模言語モデルの性能を支えています。

アテンションメカニズム

Attention Mechanism

AWS Amplifyは、フロントエンドウェブおよびモバイル開発者がセキュアでスケーラブルなフルスタックアプリケーションを構築するためのツールとサービスのセットです。

AWSアンプリファイ

AWS Amplify

Axiosとは、JavaScriptでHTTPリクエストを送信するためのライブラリです。特徴としては、PromiseベースのAPI、JSONデータの自動変換、キャンセルリクエストのサポートなどがあります。

アクシオス

Axios

Benchmark は、AI モデルの性能を客観的に測定・比較するための評価指標です。MMLU、HumanEval、MATH など、様々なベンチマークが存在し、モデル選択の重要な判断材料となります。

ベンチマーク

Benchmark

Call Signature とは、TypeScript で関数の型を定義する際に使用される型シグネチャで、関数が受け取る引数の型と返り値の型を明示的に示すものです。

コールシグネチャ

Call Signature

コールバック関数とは、他の関数に引数として渡され、その関数の内部で呼び出される関数のことを指します。

コールバック関数

Callback Functions（コールバック関数）

Chain-of-Thought（CoT）は、AI に推論プロセスを段階的に説明させることで、複雑な問題の解決能力を大幅に向上させるプロンプト技術です。

思考の連鎖

Chain-of-Thought

Chakra UI を Next.js と TypeScript を使って実装する方法を独自の解説とソースコードで紹介します。

チャクラ UI とネクスト・ジェイエス とタイプスクリプト

Chakra UI

Chat Completion は、AI モデルとの対話を実現する API パターンです。会話履歴を管理しながら、自然な対話体験を提供します。OpenAI、Anthropic などの主要 AI プロバイダーが採用している標準的な手法です。

チャット補完

Chat Completion

CI/CD とは、ソフトウェア開発プロセスを自動化し、品質の維持と速度向上を目指す一連の手法です。

シーアイ/シーディー

CI/CD

Claude 3.5 Sonnet は、Anthropic が 2024年6月にリリースした最新の大規模言語モデルです。コーディング、推論、視覚処理で業界最高レベルの性能を持ち、コストパフォーマンスにも優れています。

クロード 3.5 ソネット

Claude 3.5 Sonnet

Closure とは、関数とその関数が定義されたレキシカル環境（スコープ）の組み合わせのことを指します。関数はそのレキシカル環境で利用可能な外部変数を "記憶" します。

クロージャー

Closure（クロージャー）

コンポーネントとは、UIの一部を構成する再利用可能な要素で、Next.jsとTypeScriptを使って効率的に開発できます。

コンポーネント

Component

Contentfulとは、ヘッドレスCMSの1つで、コンテンツをクラウド上で管理し、API経由で配信することができます。

コンテンツフル

Contentful

ContextはReactの機能の1つで、アプリケーション内でデータを共有することができます。たとえば、ログインユーザー情報などを、すべてのコンポーネントから参照できるようにすることができます。

コンテキスト

Context

Context Window は、AI モデルが一度に処理できるテキストの最大長です。モデルの性能を左右する重要な要素であり、長文処理やチャット履歴の管理に直接影響します。

コンテキストウィンドウ

Context Window

Conversational AI は、人間との自然な対話を実現する AI システムです。チャットボット、音声アシスタント、カスタマーサポートなど、幅広い分野で活用されています。その仕組み、種類、設計原則を詳しく解説します。

対話型AI

Conversational AI

CSRとは、Client-Side Renderingの略称であり、ブラウザ側でのレンダリングを指します。

シーエスアール

CSS Modulesとは、CSSファイル内のスタイルをクラス名に紐付ける手法です。

シーエスエスモジュール

CSS Modules

データフェッチングは、ウェブサイトが情報を取得する方法を教えてくれます。

データフェッチング

Data Fetching

DDD（ドメイン駆動設計）とは、複雑なビジネス要求をうまく取り扱うためのソフトウェア設計手法です。

ドメイン駆動設計

DDD（ドメイン駆動設計）

Vercel での自動デプロイは、Next.js と TypeScript のプロジェクトを効率的にデプロイする方法です。GitHub と連携し、プッシュされたコードを自動的にビルドし、デプロイすることができます。

Vercel で自動デプロイする

Deploy(Vercel)

Destructuring assignment は、オブジェクトや配列の要素を、新しい変数にまとめて代入することができる ECMAScript 2015 (ES6) の機能です。

デストラクチャリング・アサインメント

Destructuring Assignment

デストラクチャリングとは、配列やオブジェクトから値を抽出して変数に割り当てるためのJavaScript（及びTypeScript）のシンタックスです。

デストラクチャリング

Destructuring（分割代入）

DOMツリーとは、WebページのHTML要素をツリー構造で表現したもので、JavaScriptを用いて動的に操作できる特性を持つものです。

ドムツリー

DOMツリー

Dynamic Routes（ダイナミックルーツ）は、Next.js のルーティング機能の一つで、動的に URL パラメータを扱うことができます。これにより、同じページコンポーネントを使って、異なるデータを表示することができます。

ダイナミックルーツ

Dynamic Routes

ECMAScriptは、ウェブブラウザ内のスクリプト言語JavaScriptの標準化された仕様です。

エシマスクリプト

ECMAScript

Electron を Next.js と TypeScript のソースコードを混じえて分かりやすく解説します。

エレクトロン

Electron

Emotionは、CSS-in-JSライブラリの1つであり、Reactコンポーネント内にスタイルを記述することができます。えもじょん と読むと理解しやすいです。

エモーション

Emotion

endpoint は、WebアプリケーションやWeb APIにおいて、データにアクセスするためのURLを指します。

エンドポイント

endpoint

envとは、環境変数のことであり、アプリケーションの設定を外部から変更することができます。Next.jsでは、簡単にenvファイルを作成して環境変数を管理できます。

エンブイ

Enzyme とは、JavaScript テストランナー Jest と共に使用される、React コンポーネントをテストするためのツールです。

エンザイム

Enzyme

エラーハンドリングとは、プログラムにおいてエラーが発生した際に、適切な処理を行うことを指します。この記事では、Next.jsとTypeScriptを使ってエラーハンドリングを行う方法を解説します。

エラー処理

error handling

export async function とは、JavaScriptにおいて特定の関数を他のモジュールから利用できるように公開するための構文で、非同期処理を行う関数を定義します。これにより、ブロッキングを防ぎながら、複雑なタスクの並行実行が可能になります。

エクスポート アシンク ファンクション

export async function

export default function は、JavaScript モジュールシステムにおいて、特定のモジュールからデフォルトでエクスポートされる関数を定義するための構文です。

エクスポート デフォルト ファンクション

export default function

Fast Refresh は、React コンポーネントを編集した際に、自動的にページをリロードし、変更が反映される機能です。

ファストリフレッシュ

Fast Refresh

FastAPI（ファースト・エー・ピー・アイ）は、Python で高速で使いやすい API を構築するためのモダンなフレームワークです。データバリデーション、シリアライゼーション、ドキュメント生成などの機能が含まれており、開発者の効率を高めます。

ファースト・エー・ピー・アイ

FastAPI

Fetchとは、Web APIの1つであり、クライアントサイドからサーバーサイドへHTTPリクエストを送信して、レスポンスを取得するために使われます。

フェッチ エーピーアイ

Fetch API 

Few-Shot Learning は、AI に少数の例を示すことで、新しいタスクを学習させる手法です。Zero-Shot より高い精度を実現しながら、Fine-Tuning より効率的にタスクを実行できます。

フューショット学習

Few-Shot Learning

Filterメソッドとは、JavaScriptの配列メソッドの一つで、配列内の要素を特定の条件でフィルタリングするためのものです。

フィルターメソッド

filter()

Fine Tuning は、事前学習済みの AI モデルを特定のタスクやドメインに適応させるために追加学習させる手法です。Next.js と TypeScript を使った実践的なファインチューニングの方法を解説します。

ファインチューニング

Fine Tuning

Firebase（ファイアベース）は、Googleが提供する、サーバーレスでアプリケーション開発に必要な機能を一元的に提供するプラットフォームです。

ファイアベース

Firebase

Flux とは、Facebookが提案した、ユーザインターフェースを構築するためのアプリケーションアーキテクチャです。

フラックス

Flux

fsモジュールとは、Node.js の組み込みモジュールの一つで、ファイルシステムに関する操作を提供します。これにより、ファイルの作成、読み込み、書き込み、削除などが可能になります。

エフエス モジュール

fs Module

Function Calling は、AI モデルが外部のツールや API を呼び出せる機能です。Next.js と TypeScript を使って、データベース検索、計算、API リクエストなどを AI が実行できる実践的な実装方法を解説します。

AI の関数呼び出し

Function Calling

Gemini 1.5 Pro は、Google が開発した次世代マルチモーダル AI モデルです。最大200万トークンという圧倒的なコンテキストウィンドウと、テキスト・画像・動画・音声を統合処理する能力が特徴です。

ジェミニ 1.5 プロ

Gemini 1.5 Pro

generateStaticParams は、Next.js が提供する関数で、動的ルートセグメントと組み合わせて、リクエスト時に必要に応じてではなく、ビルド時に静的にルートを生成するために使用できます。

ジェネレートスタティックパラムス

generateStaticParams

Generics とは、TypeScript の機能の一つで、型の汎用性と再利用性を向上させるためのものです。

ジェネリクス

Generics

getServerSidePropsは、ブラウザでページを表示する際に、サーバー側で動的にコンテンツを生成することができます。

ゲットサーバーサイドプロップス

getServerSideProps

getStaticPathsはNext.jsの機能の1つであり、静的なページを生成する際に動的なURLを指定するために使われます。getStaticPathsを使うことで、動的なページを生成するために必要なパスを動的に決定できます。

ゲットスタティックパス

getStaticPaths

getStaticPropsは、動的なコンテンツを含む Web ページを生成するために重要な役割を果たしています。

「静的サイト生成（SSG）」を実現するための、Next.js の機能

getStaticProps

GitHub Actions は、GitHub内でソフトウェア開発のワークフローを自動化するためのツールです。

ギットハブ アクションズ

GitHub Actions

GPT-4o は、OpenAI が 2024年5月にリリースしたマルチモーダル AI モデルです。テキスト、音声、画像をネイティブに統合し、高速かつ低コストで GPT-4 レベルの性能を実現します。

ジーピーティー4オー

GPT-4o

GraphQL とは、API とのコミュニケーションを効率化し、柔軟にデータを取得できるクエリ言語です。Next.js と TypeScript のソースコードを混じえて、分かりやすく解説します。

グラフキューエル

GraphQL

Hallucination は、AI が事実に基づかない情報を生成してしまう現象です。その原因、種類、そして実践的な対策方法まで、分かりやすく解説します。

Jamstack 用語集

Next.js を使った Jamstack 開発を始めよう！Next.js, Jamstack, Typescript
を学ぶための初学者向け教材です。
何を学べばいいかわからない、という方が対象です。
最新情報を随時更新していきます。

Jamstack 用語集

Next.js を使った Jamstack 開発を始めよう！Next.js, Jamstack, Typescript を学ぶための初学者向け教材です。何を学べばいいかわからない、という方が対象です。最新情報を随時更新していきます。

Next.js を使った Jamstack 開発を始めよう！Next.js, Jamstack, Typescript
を学ぶための初学者向け教材です。
何を学べばいいかわからない、という方が対象です。
最新情報を随時更新していきます。