コード1行化

dev/dev-to-one-line-code

各行で直前が : ではない // 以降を削除し、その後すべての空白連続を1スペースへ圧縮してコードを1行化します。

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

このツールでできること

コード1行化では、各行で直前が : ではない // 以降を削除し、その後すべての空白連続を1スペースへ圧縮してコードを1行化します。
関連する観点としてコード1行化、code to one line、開発ツールを確認し、結果をコピーして別の作業に使えます。

入力

結果

使い方

「入力」欄に、1行へまとめたいコード断片を貼り付けます。
変換ではまず各行のうち、直前が : ではない // 以降が削除されます。
その後、改行やインデントを含む空白連続が1つのスペースになります。
「結果」欄で、コメント削除後に必要なコードまで消えていないか確認します。
https:// のように // の直前が : の箇所は残るため、URL文字列を含む短いコードも検算しやすくなります。

入力例・出力例

INPUT

const x = 1; // note console.log(x);

OUTPUT

const x = 1; console.log(x);

行コメント部分を消してから改行と空白を1スペースへまとめます。

INPUT

const url = "https://example.test"; fetch(url);

OUTPUT

const url = "https://example.test"; fetch(url);

https:// の // は直前が : なので削除されず、改行だけがスペースにまとまります。

よくある利用シーン

コメントを落とした短いデモコードを、チャットやログへ1行で貼りたいとき。
空白量の違いを無視して、コード断片の概形だけを一行表示したいとき。
単行化ツールとの違いとして、// コメントを先に消した出力を確認したいとき。
URL文字列を含む短いサンプルを、プロトコル区切りを残したままワンライナー風に整理したいとき。

結果確認のポイント

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

注意点

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

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

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

FAQ

よくある質問

「コード1行化」はどのような処理をしますか？

改行とインデントを取り除き、コード全体をスペース区切りの一行に結合します。ターミナルへの貼り付けや、eval() 実行用のワンライナー生成、ログへの埋め込み文字列作成などに使います。

コメントがある場合、1行化すると問題が起きますか？

// 行コメントがある場合、1行化すると後続のコードがコメントに含まれてしまい動作しなくなります。先に「行コメント削除」（dev-strip-comments-line）でコメントを除去してから1行化することを推奨します。

JSON の1行化とは違いますか？

JSON の場合は json-compact-single-line ツールが専用に用意されており、JSON として正しくパースしてから1行に整形します。このツールはコードの文字列操作で改行を取り除くため、JavaScript コードや SQL など JSON 以外に広く使えます。

コード1行化

このツールでできること

使い方

入力例・出力例

よくある利用シーン

結果確認のポイント

注意点

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

よくある質問

関連ツール

コード1行化

このツールでできること

使い方

入力例・出力例

よくある利用シーン

結果確認のポイント

注意点

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

よくある質問

関連ツール