2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

指定フォルダ内の全ファイルを一括置換できる、便利だけど超危険なサイトを作りました

Last updated at Posted at 2025-07-10

指定したフォルダ内の全ファイルを一斉に置換したい場面、ありませんか?例えば…

・複数ファイルにまたがる古いコードのAPIキーを一括修正したい
・HTML/CSS/JSの大規模なリネーム作業をしたい
・Markdownやテキストログの特定フレーズを一斉置換したい

こうした作業は、普通は専用アプリ(VSCodeの正規表現置換など)やコマンドラインツールsed, awk, find, grep など)を使う必要があり、初心者にはハードルが高いです。

「もっとシンプルに、ブラウザだけで完結できないか?」
そう考えて、今回このサイトを作りました。

🚀 このサイトの特徴

このツールは、指定フォルダ内の全テキストファイルを再帰的に探索し、検索文字列を一括置換します。
しかも、ブラウザ上で完結。インストール不要、クロスプラットフォーム対応です。

✅ 主な機能

フォルダをドラッグ&ドロップで指定
・サブディレクトリ内のファイルも含めて処理
・バイナリファイルや画像・音声等は自動スキップ
・文字化け検出機能で怪しいファイルは除外
・置換前にZIPバックアップを作成(オプション)

🔥 対応ブラウザ

・Google Chrome
・Microsoft Edge
 (Safari・FirefoxはFile System Access API未対応のため不可)

🛡 安全に使うために

まずはテスト用フォルダで試す
・バックアップ(ZIP化)オプションを必ずONにする

👨‍💻 技術的背景

このツールは File System Access APIJSZip を活用しています。

File System Access API
  ・ブラウザからローカルファイルの読み書きを可能にする次世代API
  ・Chrome/Edgeの最新バージョンで動作
JSZip
  ・JavaScriptでZIP圧縮/解凍を行えるライブラリ
文字化け検出
  ・不可視文字や replacement character (�) の割合を計算しフィルタリング

これにより、インストール不要・ブラウザのみで完結する一括置換が実現できました。

📥 試してみる

興味がある方はぜひ一度使ってみてください。
便利ですが、慎重に!
URLはこちら👇

https://uni928.github.io/ReplaceAllFileAtOneDirectory/

不審な処理が入っていないかチェックしたい場合は、下記の URL からダウンロードして下さい。
URLはこちら👇

https://github.com/uni928/ReplaceAllFileAtOneDirectory

🙏 最後に

このツールは「簡単に全置換したい」というニーズに応えますが、扱いを間違えるとファイルを一発で壊します。(置換の仕方が悪かった場合、本番環境に適用するとバグが発生する可能性があります。バックアップは一応残しましょう)
本番環境のフォルダでの利用は 自己責任 でお願いします。

追記

この文章は ChatGPT で添削しています。
生成 AI による添削が苦手な方は申し訳ありません。

2
1
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?