saijaku_plus
@saijaku_plus

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

難読化されたjavascriptやcssのclass名ってどうやって管理しているのでしょうか?

いろいろなwebサイトで難読化されたファイルやclass名をどうやって管理しているのか。

ためしにqiitaを見てみても予測のつかないファイル名に難読化されたjavascriptコードが使用されています。
そのような難読化するツール等だったり、開発環境から本番環境に移す際に開発環境で書いたjavascriptのコードの難読化を自動でやってくれるツールがあったら知りたいです。

1

3Answer

開発中は難読化や最小化してないファイルを編集します。
デプロイする時に難読化や最小化した上でアップロードします。
ソースコード管理上は難読化や最小化してない元のファイルで管理してます。

難読化や最小化をするツールもありますが、
Reactなど特定のJSフレームワークを使う場合、ビルド時に難読化や最小化を自動でやるケースもありますね。

1Like

前提として「obfuscate」(難読化)と「minify」(削減)は異なる概念です.
前者はシェアウェア等における改竄防止を目的として行うものですが,後者はJSのようなインタプリタ環境かつ低速な回線による影響が無視できない状況での負荷軽減を目的とするものです.
JavaScriptコードに対してWebpackのtree shakingが行うのは一般的にminifyであり,改竄防止を目的とした難読化ではありません.

難読化が必要なのはリバースエンジニアリング対策が必要な場合等ですが,ソースをそのまま解釈するJSへの難読化処理は無駄なだけです.

0Like

Your answer might help someone💌