エンコーディングは何を使っていますか？

Next.jsファイル規約は内部的にUTF-8を前提に処理します。入力・出力ともにUTF-8として扱われ、Unicodeの各種文字をサポートします。

広告は表示されますか？

運営維持のため一部ページに広告を表示していますが、ツール本体の動作を妨げない範囲に留めています。ブロッカーを利用されても機能は動作します。

開発・コード変換無料登録不要

Next.jsファイル規約

Next.js App Routerの特殊ファイル名(page/layout/loading等)の一覧と役割を解説する無料オンラインツール。

入力

結果

--- ルーティング ---
page.tsx        ページ (URLにマッチ)
layout.tsx      共有レイアウト
template.tsx    再レンダリングされるレイアウト
not-found.tsx   404ページ
error.tsx       エラーバウンダリ
loading.tsx     ローディングUI
route.ts        APIエンドポイント

--- メタデータ ---
opengraph-image.tsx  OGP画像生成
icon.tsx             ファビコン
sitemap.ts           サイトマップ
robots.ts            robots.txt
manifest.ts          PWAマニフェスト

--- 特殊ディレクトリ ---
[slug]/         動的ルート
[...slug]/      キャッチオール
[[...slug]]/    オプショナルキャッチオール
(group)/        ルートグループ (URLに含まれない)
@slot/          パラレルルート
(.)route/       インターセプト

--- データ取得 ---
page.tsx で async/await
generateStaticParams()  静的生成
generateMetadata()      メタデータ

FAQ

よくある質問

いいえ。Next.jsファイル規約はすべての処理をお使いのブラウザ内で完結させます。入力内容がサーバーに送信されたり保存されたりすることはありません。

こちらもおすすめ

Cron次回実行計算

Cron式から次回以降の実行スケジュールを一覧表示。直近10回の実行日時を即座に確認。バッチ処理やタスクスケジューラの設定確認に便利な無料オンラインツール。

ファイルハッシュチェッカー

ファイルのMD5・SHA-1・SHA-256ハッシュ値を算出して整合性を検証。ダウンロードファイルの改ざんチェックに。無料オンラインファイル検証ツール。

Next.js API Route ガイド

Next.js App RouterのAPI Route(route.ts)の書き方とパターン集を表示する無料オンラインツール。

アクセシビリティチェックリスト

Webアクセシビリティ(WCAG 2.1)の主要チェック項目を一覧表示する無料オンラインツール。

APIキー生成

暗号学的に安全なAPIキーを生成。長さ・文字種をカスタマイズ可能。API開発のキー発行に便利な無料オンラインツール。

APIモックデータ生成

REST APIのモックレスポンスをJSON形式で自動生成。スキーマ定義からダミーデータを作成。フロントエンド開発・テストに便利な無料オンラインツール。

読み込み中...