JavaScriptって何者だ。

質問

参考までにソースを見ることができました。
HTMLで書かれているのは解りそうな気がしますが、JavaScriptは一生理解できないような気がします。メチャクチャ複雑でゴチャゴチャしています。
これって人間業じゃないような気がします。
マダ、PHPやPerl等も覚えようと思っていますが、JavaScriptはメチャクチャ
難しそうです。
WEBデザイナーの方なんか余程勉強したのでしょうね。
お先真っ暗です。
どうやって勉強するのかアドバイスをください。
宜しくお願い申し上げます。

n[e].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<e.length;o++)r(e[o]);return r}({1:[function(t,n,e){function r(t){try{s.console&&console.log(t)}catch(n){}}var o,i=t("ee"),a=t(15),s={};try{o=localStorage.getItem("__nr_flags").split(","),console&&"function"==typeof console.log&&(s.console=!0,o.indexOf("dev")!==-1&&(s.dev=!0),o.indexOf("nr_dev")!==-1&&(s.nrDev=!0))}catch(c){}s.nrDev&&i.on("internal-error",function(t){r(t.stack)}),s.dev&&i.on("fn-err",function(t,n,e){r(e.stack)}),s.dev&&(r("NR AGENT IN DEVELOPMENT MODE"),r("flags: "+a(s,function(t,n){return t}).join(", ")))},{}],2:[function(t,n,e){function r(t,n,e,r,o){try{d?d-=1:i("err",[o||new UncaughtException(t,n,e)])}catch(s){try{i("ierr",[s,c.now(),!0])}catch(u){}}return"function"==typeof f&&f.apply(this,a(arguments))}function UncaughtException(t,n,e){this.message=t||"Uncaught error with no additional information",this.sourceURL=n,this.line=e}function o(t){i("err",[t,c.now()])}var i=t("handle"),a=t(16),s=t("ee"),c=t("loader"),f=window.onerror,u=!1,d=0;c.features.err=!0,t(1),window.onerror=r;try{throw new Error}catch(l){"stack"in l&&(t(8),t(7),"addEventListener"in window&&t(5),c.xhrWrappable&&t(9),u=!0)}s.on("fn-start",function(t,n,e){u&&(d+=1)}),s.on("fn-err",function(t,n,e){u&&(this.thrown=!0,o(e))}),s.on("fn-end",function(){u&&!this.thrown&&d>0&&(d-=1)}),s.on("internal-error",function(t){i("ierr",[t,c.now(),!0])})},{}],3:[function(t,n,e){t("loader").features.ins=!0},{}],4:[function(t,n,e){function r(t){}if(window.performance&&window.performance.timing&&window.performance.getEntriesByType){var o=t("ee"),i=t("handle"),a=t(8),s=t(7),c="learResourceTimings",f="addEventListener",u="resourcetimingbufferfull",d="bstResource",l="resource",p="-start",h="-end",m="fn"+p,w="fn"+h,v="bstTimer",y="pushState",g=t("loader");g.features.stn=!0,t(6);var b=NREUM.o.EV;o.on(m,function(t,n){var e=t[0];e instanceof b&&(this.bstStart=g.now())}),o.on(w,function(t,n){var e=t[0];e instanceof b&&i("bst",[e,n,this.bstStart,g.now()])}),a.on(m,function(t,n,e){this.bstStart=g.now(),this.bstType=e}),a.on(w,function(t,n){i(v,[n,this.bstStart,g.now(),this.bstType])}),s.on(m,function(){this.bstStart=g.now()}),s.on(w,function(t,n){i(v,[n,this.bstStart,g.now(),"requestAnimationFrame"])}),o.on(y+p,function(t){this.time=g.now(),this.startPath=location.pathname+location.hash}),o.on(y+h,function(t){i("bstHist",[location.pathname+location.hash,this.startPath,this.time])}),f in window.performance&&(window.performance["c"+c]?window.performance[f](u,function(t){i(d,[window.performance.getEntriesByType(l)]),window.performance["c"+c]()},!1):window.performance[f]("webkit"+u,function(t){i(d,[window.performance.getEntriesByType(l)]),window.performance["webkitC"+c]()},!1)),document[f]("scroll",r,{passive:!0}),document[f]("keypress",r,!1),document[f]("click",r,!1)}},{}],5:[function(t,n,e){function r(t){for(var n=t;n&&!n.hasOwnProperty(u);)n=Object.getPrototypeOf(n);n&&o(n)}function o(t){s.inPlace(t,[u,d],"-",i)}function i(t,n){return t[1]}var a=t("ee").get("events"),s=t(18)(a,!0),c=t("gos"),f=XMLHttpRequest,u="addEventListener",d="removeEventListener";n.exports=a,"getPrototypeOf"in Object?(r(document),r(window),r(f.prototype)):f.prototype.hasOwnProperty(u)&&(o(window),o(f.prototype)),a.on(u+"-start",function(t,n){var e=t[1],r=c(e,"nr@wrapped",function(){function t(){if("function"==typeof e.handleEvent)return e.handleEvent.apply(e,arguments)}var n={object:t,"function":e}[typeof e];return n?s(n,"fn-",null,n.name||"anonymous"):e});this.wrapped=t[1]=r}),a.on(d+"-start",function(t){t[1]=this.wrapped||t[1]})},{}],6:[function(t,n,e){var r=t("ee").get("history"),o=t(18)(r);n.exports=r,o.inPlace(window.history,

回答No.1

amanojaku1 · ベストアンサー

>HTMLで書かれているのは解りそうな気がしますが

HTMLとJavaScriptは別物です、つまりWebページを作る場合HTMLとJavaScriptの両方を勉強する必要があります、さらに(IE、Firefox、Chromeなど)ブラウザごとに非互換なので、それらのブラウザで表示したい場合には それらのブラウザで表示できるように工夫が必要になります。

>JavaScriptは一生理解できないような気がします。メチャクチャ複雑でゴチャゴチャしています。
>これって人間業じゃないような気がします。

他人のプログラムを読むには まず自分がプログラムを組める程度の知識が必要で、さらに他人のプログラムを読める"センス"が必要です(僕は他人のプログラムを読める"センス"がないので、他人のプログラムは読めないです)。
プログラムを読める"センス"があるか どうかは さておき、まず自分がプログラムを組める程度に勉強するのが先決です。
例えば いきなりエベレストに登ろうとしても無理でしょう、まず"平地"でシッカリとトレーニングして下さい。

>マダ、PHPやPerl等も覚えようと思っていますが、JavaScriptはメチャクチャ
>難しそうです。

まず、どれか1つの言語に絞った方が良いでしょう、あれも これも やろうとしても、どれも中途半端で終わってしまいかねません。
まず、どの言語で勉強するのか決めて下さい。
自分のPCで動くプログラムの場合は「Java、JavaScript、Basic」か、もし掲示板のようなものを作りたいのならサーバー・サイド・ランゲージ「PHP、Perl」を使う必要があります。
サーバー・サイド・ランゲージは自分のPCをサーバーにする必要があるので、初心者にはハードルが高いかもしれません。
趣味でプログラミングしてみたいなら「Android Java」がオススメです。
Android 端末さえあれば自分の作ったプログラムを人に見せびらかせられるのでモチベーションが上がるんじゃないでしょうか？
ただし、みんなが普段 使ってるような「アプリ、ゲーム」などと比べて雲泥の差でショボイので、あまり良い反応は得られない場合が多々あるかもしれませんけど…。
ただし、普通の Java とは API が全く別物です。

お礼

ご回答ありがとうございました。
HTMLの基本から、勉強して行きたいと思います。

回答No.2

titokani

提示のコードは、読みやすさを犠牲にして、ファイルサイズを極限まで小さくしたものですので、読めなくて当然です。

これじゃなくて、サンプルとかで提供されているものは、もう少し読みやすいはずですので、そちらを読みましょう。

お礼

ご回答ありがとうございました。
まず、HTMLを理解してから考えることにします。