import文並び替え

dev/dev-sort-imports-alpha

import で始まる行を集めて文字列順に並べ、その他の行を後ろへ戻す簡易ソートです。

最終更新日 2026-07-03 ・ by yuzlrin

このツールでできること

import文並び替えでは、import で始まる行を集めて文字列順に並べ、その他の行を後ろへ戻す簡易ソートです。
関連する観点として import文並び替え、sort imports alpha、開発ツールを確認し、結果をコピーして別の作業に使えます。

入力

結果

使い方

並びをそろえたい import 行を含むコードを「入力」に貼ります。
「結果」欄で import 行が先頭に集まり、行全体の文字列順になっているか確認します。
非 import 行や空行は rest として後ろに戻るため、元の位置が必要な場合は手で調整します。
整理後の import ブロックを使う場合は、コピーボタンで結果を取得します。

入力例・出力例

INPUT

const ready = true; import z from "z"; import A from "a"; console.log(ready);

OUTPUT

import A from "a"; import z from "z"; const ready = true; console.log(ready);

import 行が抽出され、文字列順でコードの先頭に移動します。

INPUT

import beta from "b"; import alpha from "a"; const x = beta;

OUTPUT

import alpha from "a"; import beta from "b"; const x = beta;

先頭スペースもソート対象の文字列に含まれます。

よくある利用シーン

短いコード片の import 行を、ESLint なしでざっくりアルファベット順へ寄せたいとき。
相対 import と外部 import のグループ分けより、単純な行文字列順を優先したいとき。
コード本文に散らばった import 行を先頭に集め、手動整理の起点を作りたいとき。
インデント付き import も含めた実際の文字列順を確認したいとき。

結果確認のポイント

構文、引用符、改行、エスケープが利用先の仕様に合っているか確認してください。
import文並び替え、sort imports alpha、開発ツールの観点で、入力内容と出力内容がずれていないか見直してください。
コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。

注意点

本番の秘密情報、APIキー、パスワードは入力しないでください。
結果を公開・送信する前に、用途に合う形式かを必ず確認してください。

データの扱い / プライバシー

import文並び替えの主要な処理はブラウザ内で実行されます。
入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。

FAQ

よくある質問

import のソート順はどのように決まりますか？

モジュールパス文字列をアルファベット昇順（ASCIIコード順）でソートします。大文字・小文字は区別され、大文字が小文字より前になります。node_modules 系のパスと相対パスを区別するグルーピングは行いません。

import 文の間にある空白行はどうなりますか？

ソートは import 行のみを対象とし、import ブロック間の空白行は保持されます。ただし import 行が連続している場合は空白行なしで並べ替えます。

ESLint の import/order ルールと同じ結果になりますか？

ESLint の import/order はパスの種類（builtin / external / internal など）ごとにグループ分けします。このツールは単純なアルファベット順のため結果が異なります。最終的には ESLint 設定に合わせて手動調整してください。

関連ツール

JSON整形ツール

JSONの整形（Pretty Print）・圧縮・バリデーション・ツリービュー表示。構文エラーの位置表示、YAML変換にも対応。

正規表現テスター

正規表現のリアルタイムテスト。マッチ箇所のハイライト、グループキャプチャ表示、よく使うパターンのチートシート付き。

CSV→JSON変換

CSVファイル・テキストをJSON形式に変換。配列/オブジェクト形式の選択、ヘッダー行の自動認識にも対応。

JSON→CSV変換

JSONデータをCSV形式に変換。配列やネストしたJSONにも対応。

UUID生成ツール

UUID v4をワンクリックで生成。ハイフンなし、大文字、小文字など各種フォーマット対応。一括100個まで生成可能。

タイムスタンプ変換

UNIXタイムスタンプと人間が読める日時形式を相互変換。秒・ミリ秒に対応（マイクロ秒・ナノ秒は非対応）。ログ解析やAPI開発のデバッグに。

ASCIIコード表

ASCIIコード(0-127)の文字・10進数・16進数・2進数の一覧表。

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

Webアクセシビリティ(WCAG 2.1)の主要チェック項目を一覧表示する。

読み込み中...

このツールでできること

import文並び替えでは、import で始まる行を集めて文字列順に並べ、その他の行を後ろへ戻す簡易ソートです。

関連する観点として import文並び替え、sort imports alpha、開発ツールを確認し、結果をコピーして別の作業に使えます。

使い方

並びをそろえたい import 行を含むコードを「入力」に貼ります。

「結果」欄で import 行が先頭に集まり、行全体の文字列順になっているか確認します。

非 import 行や空行は rest として後ろに戻るため、元の位置が必要な場合は手で調整します。

整理後の import ブロックを使う場合は、コピーボタンで結果を取得します。

入力例・出力例

INPUT

const ready = true; import z from "z"; import A from "a"; console.log(ready);

OUTPUT

import A from "a"; import z from "z"; const ready = true; console.log(ready);

import 行が抽出され、文字列順でコードの先頭に移動します。

INPUT

import beta from "b"; import alpha from "a"; const x = beta;

OUTPUT

import alpha from "a"; import beta from "b"; const x = beta;

先頭スペースもソート対象の文字列に含まれます。

よくある利用シーン

短いコード片の import 行を、ESLint なしでざっくりアルファベット順へ寄せたいとき。

相対 import と外部 import のグループ分けより、単純な行文字列順を優先したいとき。

コード本文に散らばった import 行を先頭に集め、手動整理の起点を作りたいとき。

インデント付き import も含めた実際の文字列順を確認したいとき。

結果確認のポイント

構文、引用符、改行、エスケープが利用先の仕様に合っているか確認してください。

import文並び替え、sort imports alpha、開発ツールの観点で、入力内容と出力内容がずれていないか見直してください。

コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。

データの扱い / プライバシー

import文並び替えの主要な処理はブラウザ内で実行されます。

入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。

本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。

よくある質問

import のソート順はどのように決まりますか？

import 文の間にある空白行はどうなりますか？

ソートは import 行のみを対象とし、import ブロック間の空白行は保持されます。ただし import 行が連続している場合は空白行なしで並べ替えます。

ESLint の import/order ルールと同じ結果になりますか？