質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

3回答

1298閲覧

インターネット上の外部スクリプト( 例 https://d3js.org/d3.v7.min.js )を表示すると、とても人が読めないコードになっている物が多いのは何故でしょう?

ButaDon

総合スコア4

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

1グッド

2クリップ

投稿2023/04/05 04:01

インターネット上の外部スクリプト( 例 https://d3js.org/d3.v7.min.js )を表示すると、とても人が読めないコードになっている物が多いです。例えフォーマッタを使ったとしても、です。D3.js に限らず、plotly.js というライブラリでも同じでした。これについて、

A.何故か?ボールドテキスト
B.どうやって生成されたか?

を伺えると幸いです。多分、前段処理のコンパイラかトランスパイラが 機械的に吐いたコードだろう、と推測しています。
がそれどまりで、そこから先を自力で探すと、時間と労力がとても要りそうで仕事の期限を守れそうにないので、泣く泣くお伺いさせて頂いた感じです。

他言語を専ら使って仕事していたのですが、 JavaScript を大至急習得する必要が生じ初歩的な所を色々しらべている所です。よろしくお願いします。

ziopuzzle👍を押しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Zuishin

2023/04/05 04:05

人に読ませる必要がないのでロード時間が短くなるよう加工しているだけです。 調べるのは数秒で済むはずです。
ButaDon

2023/04/05 04:41

>調べるのは数秒で済むはずです 余計な一言は言わずに済むはずです。
Zuishin

2023/04/05 04:44 編集

腹が立つのはそれがもっともなことで自分に非があると自分でもわかっているからでは?
Zuishin

2023/04/05 04:44

> こちらの質問が複数のユーザーから「調査したこと・試したことが記載されていない質問」という指摘を受けました。
guest

回答3

0

https://d3js.org/d3.v7.min.js

minify してあるからです。

Minify(ミニファイ)とは何か?圧縮方法とJS・CSSの軽量化のメリットを解説
https://ssaits.jp/promapedia/technology/minify.html

ちなみに、Minify してないファイル https://d3js.org/d3.v7.js だと以下のようにちゃんと読めます。

イメージ説明

投稿2023/04/05 04:14

編集2023/04/05 04:18
退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ButaDon

2023/04/05 04:17

早速、簡潔明瞭なご回答、どうも有難うございました。一発で分かりました。経験者を頼らせて頂くと早いですね。兎に角、時間と労力を大きく節約できました。助かりました。
guest

0

キーワードはminify
主に容量圧縮が目的です。
書くときは普通に書いてコードminifyしてくれるツールやサービスを利用して生成してるところもあるかと。

投稿2023/04/05 04:12

m.ts10806

総合スコア80765

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ButaDon

2023/04/05 04:31

簡潔明瞭なご回答、誠に有難うございました。なるほど、インターネット上のライブラリを直接参照するからこその工夫ですね。よくわかりました!
m.ts10806

2023/04/05 04:35

老婆心ながら 「mini js」で調べたらすぐ出てくる程メジャーなものなので、考えてるほど困難な情報ではないです。 キーワード選定の適切さ、情報アクセスの機敏さもエンジニアとしては必須技能ですね。
ButaDon

2024/02/12 08:11

>「mini js」で調べたらすぐ出てくる程メジャーなもの 僭越ながら、初学者はそのキーワードを思いつく由が無いです。 ここはそういう時のための物でもあります。だからこそここで質問しました。
m.ts10806

2024/02/28 01:11

そもそもファイル名が「min.js 」なので目の前に見えてるものをキーワードにして探してみましょうという意味でコメントしました。
guest

0

ベストアンサー

A: ファイルサイズを限りなく小さくして、転送にかかる時間と帯域幅を減らすためです。

B: minifyと呼ばれる作業が行われています。
大抵のツールは.minを拡張子の手前に付けるので、挙げられた
https://d3js.org/d3.v7.min.js
にもminify前があります。
https://d3js.org/d3.v7.js

あとは、TypeScriptをJavaScriptにトランスパイルする際、モジュールがバンドル(組み込まれる過程)でminifyのようなことが起こる場合もあります。

投稿2023/04/05 04:10

編集2023/04/05 04:17
ziopuzzle

総合スコア90

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ButaDon

2023/04/05 04:32 編集

A, B に沿って分かり易くご回答下さり、誠に有難うございます。感激しました。 >TypescriptをJavaScriptにトランスパイルする際、モジュールがバンドル(組み込まれる過程)でminifyのようなことが起こる場合もあります 初めて知りました。有難うございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問