JSについて

質問

フロント＞サーバサイドも多少＞5年後以降には将来はアプリ制作も考えたいと思っています。

HTML5＞CSS3>jQueryとやってきたのですが、その後どう学んでいくか迷っています。
JSそのものの基礎は必須ということで、下記本のJSの部分は全部やろうと思っています。JSそのものの基礎の学習としては十分でしょうか？
よく、ライブラリを使うにしても、将来も普遍的なプログラミングの基礎は、生のJSで行わないといけない、その後ライブラリ、フレームワーク、タイプスクリプトを
行うべきだと聞くのですが、下記本のJSの部分がそれに該当すると考えてよろしいでしょうか？

よくわかるJavaScriptの教科書 単行本（ソフトカバー） – 2012/3/24
たにぐち まこと (著)

下記サイトで言えば、
初級者の基礎知識
第一章　オブジェクト
第二章　DOMの基礎
第四章　文字列の基本と正規表現
くらいで十分でしょうか？
http://uhyohyo.net/javascript/

その後どうするかがわかりません。
候補は下記ですが、

・リアクト
・メテオ
・タイプスクリプト

リアクト、タイプスクリプトはメテオのように、フロントも、サーバサイドも、アプリ製作もできないですよね。
フロント、サーバサイドのみでしょうか？
それとも、タイプスクリプトは、ただのメタ言語のようなものなので、サーバサイドもできないでしょうか？

また、難易度でいうと、メテオはmysqlは使えずmongoDBでないと使えず、日本語の情報が少ないので一番高いでしょうか？

また、ライブラリやフレームワークはころころ変わるので、将来無意味になってしまう可能性が高いので、JSそのものを行わないと、技能として残らないという話もありますが、
JSそのものないしはタイプスクリプトで行わないと、変わってしまった場合に技能として、残るものがないでしょうか？
それとも結局メテオなどをやっていればJSそのものを自然に突き詰めていっていくので、
ほかのフレームワークなどに変わっていっても、JSそのものと同じように技能は残ると考えていいでしょうか？

回答No.3

amanojaku1 · ベストアンサー

> JSそのものだと今でもクロスブラウザの対応が大変なのですか？

基礎的な知識がないと web で調べるのが少々大変かもしれませんから、クロスブラウザに関しては本を買ったほうが良いかもしれません。

> IE9以降でもそうでしょうか？

大まかに言って IE系と 新Netscape系(Firefox、Chromeなど)の2系統があり、その 新Netscape系 のグループ内でもビミョウに互換性がないと思われます。
ですのでシェアの低いブラウザまでは対応しないのが普通です。

> メテオ、リアクトでも同じですかね？

「ライブラリ、フレームワーク」とか良くワカランので全く使った事はないですが、基本的に「ライブラリ、フレームワーク」とかはバックヤード的(ユーザーから直接見えない処理)だと思われますので、フォロント的(ユーザーから直接見える処理)は JS の基礎的な技能が必要でしょう。
僕の作った前述の JS のベージは一切「ライブラリ、フレームワーク」とか使っていませんし、使いようがないでしょう。
つまり、あのように直接 表示をコントロールする場合は基礎的な知識が必要になるでしょう。
プログラマーが基礎的な技能を向上させたいなら とにかくモノ(プログラム)を作れと言うのが基本です、喩えば大工になりたい人が いくら本ばかり読んでいても技能は向上しないのと同様です。

> 結局重くてもjQueryで今後も行えばWEBクリエイターは仕事でも十二分なのでしょうか？オワコンとも聞いていますが。

「ライブラリ、フレームワーク」とか良くワカラン僕でも「jQuery」の名前は知ってるほどなので、「jQuery」はメジャーなモノなのでしょうね。
jQuery は重いと言われているようですが、それもプログラマーの技能しだいのようです。

jQuery高速化！処理速度を10倍上げるテクニック20選 - MILL KEY WEB
http://millkeyweb.com/jquery-high/

もっさりとは言わせない！jQuery高速化のポイント
http://marunouchi-tech.i-studio.co.jp/1896/

検索すれば もっと いろんなサイトが見つかるでしょう。

回答No.9

b0a0a

JSを知識的に突き詰めるには、
１．基礎入門のようなところに書いてあるのを網羅する
２．色々な人が書いたコードを見て、知らない部分を調べる
３．MDNのような沢山の仕様を網羅した部分を見て穴を埋める
４．仕様書と実装の内部を見て根底から理解する
の流れになります。

フレームワークやライブラリの学習は、必要になったときにしてください。
タイプスクリプトもそうです（どうやらそれが何なのか誤解してるみたいですが）。

回答No.8

amanojaku1

前の記事読んでますか？

> それだとjQueryがまだまだよいのですね。

jQuery も JS で書かれているので問題が出ることもあるでしょう。

IE11でJavaScriptやjqueryのコードが動かなくなった場合の緊急対処法（2014.1.15：この記事は少し古いので現在では違うかもしれません）
http://blog.medical-design.co.jp/archives/516

jQueryが動かない時に確認する9項目（2013年2月12日：この記事も少し古いかもしれません）
http://www.finefinefine.jp/jquery/kiji2117/

ＩＥ１１でcreateElementが機能しなかった（2015/01/23 21:07）
http://qpon.at.webry.info/201501/article_23.html

> Eは9以降でもまだまだJSそのものはバグが多いのですね。

IE の選択肢を IE9 以上とするなら、その中で一番古いブラウザ（この場合は IE9）が その選択肢の中では一番安定していると考えて良いでしょう（古ければ それだけ多くバグが修正されていると思われます）。
ですので IE9 で JS 自体のプログラミングをして勉強すれば良い訳です。

回答No.7

amanojaku1

異なる(古い)IEバージョンでテストする方法
http://alc.netgamebm.com/p/40

> (3)Internet Explorerの開発者ツールを使う
> これが無料で使え、かなり便利です。IE10とIE9ならば使えます。(IE8でも使えるかもしれませんが、未確認です。)

失念していましたが、そう言えば数年前に試しに これをインストールした事がありますが、記憶に定かではないですが「IE7、かIE8か」使えなかったような気がします。
とりあえず IE10 までインストールすれば「IE9、IE10」の両バージョンは使えるのようなので、メインは IE9 を使って、最終テストには IE10 でもチェックするみたいな感じで良いと思います。

お礼

インスペクタでチェックする方法ですね。

IEは9以降でもまだまだJSそのものはバグが多いのですね。
それだとjQueryがまだまだよいのですね。

回答No.6

amanojaku1

> 今はWEB制作ではIE9以上しか対応しませんが、それでもJSそのものでWEBアプリを作ると、おかしくなることがまだあるのですね。
> それだと当分はjQueryで作ったほうがいいかもしれないですね。

JS でプログラムを作らないと、JS の技能を向上させる事はできないと思います。
IE の選択肢を IE9 以上とするなら、その中で一番古いブラウザ（この場合は IE9）が その選択肢の中では一番安定していると考えて良いでしょう（古ければ それだけ多くバグが修正されていると思われます）。
ですので IE9 で JS のプログラミングをして勉強すれば良い訳です（ちなみに、この制限を考えなければ機能は貧弱でも IE8 が一番安定していると思われます）。
世界中で日本人は特に新し物好きですが、OS とかアプリとか（当然 ブラウザなども）新ければ新しいほどバグが多いと肝に命じておいた方が良いです。

Windows7で「IE10からIE9に」、「IE11からIE10に」簡単にダウングレードする方法
http://blog.ybbo.net/2014/01/14/windows7%E3%81%A7%E3%80%8Cie10%E3%81%8B%E3%82%89ie9%E3%81%AB%E3%80%8D%E3%80%81%E3%80%8Cie11%E3%81%8B%E3%82%89ie10%E3%81%AB%E3%80%8D%E7%B0%A1%E5%8D%98%E3%81%AB%E3%83%80%E3%82%A6%E3%83%B3%E3%82%B0/

回答No.5

amanojaku1

> 今はWEB制作ではIE9以上しか対応しませんが、それでもJSそのものでWEBアプリを作ると、おかしくなることがまだあるのですね。
> それだと当分はjQueryで作ったほうがいいかもしれないですね。

jQuery も JS で書かれているので問題が出ることもあるでしょう。

IE11でJavaScriptやjqueryのコードが動かなくなった場合の緊急対処法（2014.1.15：この記事は少し古いので現在では違うかもしれません）
http://blog.medical-design.co.jp/archives/516

jQueryが動かない時に確認する9項目（2013年2月12日：この記事も少し古いかもしれません）
http://www.finefinefine.jp/jquery/kiji2117/

ＩＥ１１でcreateElementが機能しなかった（2015/01/23 21:07）
http://qpon.at.webry.info/201501/article_23.html

回答No.4

amanojaku1

これだけネット環境が充実していて可也のモノが検索できるのですから、まずネットで検索する事を習慣づけた方が良いでしょう、それでも見つからない場合は こう言う質問サイトで質問しても良いですし、それでも分からない場合に最後に本を買うと言う感じで言いと思います。
ただし、前述したとおりクロスブラウザに関しては最初に本を買ってしまった方が後々 苦労が少なくて済むと思います。

お礼

今はWEB制作ではIE9以上しか対応しませんが、それでもJSそのものでWEBアプリを作ると、おかしくなることがまだあるのですね。

それだと当分はjQueryで作ったほうがいいかもしれないですね。

回答No.2

roxiga

オワコンどころか、ジョブズが予言したとおり「Flashは使われなくなりHTML5が主流になる」となっていると思います。

jQueryを使うにしても絶対JavaScriptの基本構文も使ってでないとプログラミングできませんよね？
というかjQueryもJSで作られたJSの一部です。

もしよかったらJavaScriptでゲームを作るアドバイスしますよ。もちろん無料で無条件で。

例えばこういうサイトを作りました。
http://html5.vixar.jp

お礼

ありがとうございます。

jQueryはオワコンではないというお考えなのですね。

JSを学んでいるため、WEBサイト制作ですが、そのあたりをお教えいただければ幸いです。

ゲームつくりがんばってください。

回答No.1

amanojaku1

> JSそのものを行わないと、技能として残らないという話もあります

「ライブラリ、フレームワーク」とか良くワカランので全く使った事はないですが、確かに「ライブラリ、フレームワーク」の使い方が解説されたサイトから何も考えずに そのままコピペしているような人などで、JS の技能が全然ない人も(稀かもしれませんが)いますね。
今は Web で かなりの情報を検索できるので、基礎的なモノなら Web の検索で全然 問題ないと思います。
その場合は自分で作ってみたいモノを決めて Web で勉強していけば良いと思います。
その場合、(プログラミン的な)ハードルは高すぎてはダメで、自分で作れそうなレベルのハードルの高さにするのが良いでしょう。

ちなみに JavaScript はブラウザによって互換性がありません、普通は対象ブラウザを何種類か決めて その非互換な部分に対応させるように工夫が必要となります。
シェアの低いブラウザまでは対応しないのが普通です。

こんなに違う！　世界と日本のブラウザシェア
http://www.live-commerce.com/ecommerce-blog/browsers_share/#.Vu6-9333Ni8

PhantomJSと各ブラウザのJavascriptエンジンまとめ
https://tsuchikazu.net/phantomjs-browser-javascript-engine/

(難しいことはせずに単純なプログラムだけなら)新Netscape系は「Firefox、Chrome」と互換性があるようです。
JavaScript の場合、この程度のプログラムでも非互換部分の対応に労力が必要となります。

なお、JavaScript の非互換部分を記述する場合、同一ルーチン内の場合 if 文で分枝させていて実行されないはずの非互換部分のコードであっても、JavaScript は それを解釈しようとしてエラーになってしまいます。
非互換部分は別のサブルーチンにしておけば、実行されないルーチンまでは JavaScript は関知しないようです。

お礼

JSそのものだと今でもクロスブラウザの対応が大変なのですか？
IE9以降でもそうでしょうか？

メテオ、リアクトでも同じですかね？
結局重くてもjQueryで今後も行えばWEBクリエイターは仕事でも十二分なのでしょうか？オワコンとも聞いていますが。