• 締切済み

javascriptとjQueryについて

javascriptの基礎部分を学びその後、jQueryを学習しました。 ある程度jQueryはできるようになりました。 しかしjQueryはjavascriptのライブラリでjavascriptを簡単に書けるということなのでjavascriptも深いところまで学習すべきか迷っています。 jQueryを学習したのならjavascriptは深いところまでしなくてもいいのでしょうか? やはり使用用途で学習するべきとか変わってくるものなのでしょうか? もし変わってくる場合、こういうことがしたいならjQueryではできないからjavascriptも学習すべきなど簡単な例など出せれたらよろしくお願いします。 現在はPHPとmySQLを学習しています。 質問文が下手で伝わりにくいかもしれないですがよろしくお願いします。

みんなの回答

  • m0a13
  • ベストアンサー率47% (9/19)
回答No.4

jQueryはJavascriptのフロントエンドライブラリの一つに過ぎず、jQueryを使えるからJavascriptが打てると言えるかというと厳しいと思います。 例えば同じフロントエンドライブラリでも、最近AngularやReactなどが流行ってきてますし、更にはサーバーサイドJavascriptのNode.jsなどもあります。 Javascriptを学ぶ、ということでしたら言語仕様を解説している本などを読んで学習するのがよいのではないかと思います。 ちなみに「パーフェクトJavascript」はお勧めできます。

  • b0a0a
  • ベストアンサー率49% (156/313)
回答No.3

勘違いしていませんか? そもそもライブラリであるjQueryと言語であるJavaScriptは比較できるような対等な関係ではありません。 特にjQueryが提供しているのは主にDOM操作型のAPIであり、対比するならDOM APIとすべきです。 喩え話で言うと、 魔法書があれば魔法の勉強はしなくていいと思いますか? 魔法書は魔法を覚えなくて済むようにするためのものではなく、 その実は魔法の知識あるものがより良く魔法を使うためにあると私は思います。 同じようにjQueryを使うなら、JavaScriptの知識は必須ですし、あればあるだけ良く使えます。

  • hwoa1024
  • ベストアンサー率36% (122/336)
回答No.2

私はPHPはLaravelというフレームワークを使い、 JavaScript部分はもっぱらAngular.jsを使う現場に入っていますが PHPもJavaScriptもベタで書くことは全くありません。 むしろベタで書くとレビューでやり直しになるでしょう。 趣味で覚える分には良いと思いますが 最近の実務ではPHPやJavaScriptはベタで書ける必要は 最早無いと思います。 Cをやってる人はメモリの解放について熟知していますが JavaやPHPしてる人はメモリのことなど気にしていません。 知っていて、気にした方がいいには決まってますが 正直実務に影響がありません。 それと同じことだと思っています。

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.1

こんにちは。 具体例はすぐに出せないのですが、自分がどのような使い分けになっているかというと 要素のセレクト、Ajax部分はjQueryを使って書きます。 (とても簡単になるため) しかしながら業務ロジックはどうしたって生でJavaScriptを書く場面が多々出てきます。 深いというのがどこまでかは何とも言えませんが、やっておいて損は無いです。 たとえばjQueryのある関数を見て何をしているのか理解できるようになるといろいろなことが分かってくると思います。

関連するQ&A

  • javascript・Jqueryなにをどこまで?

    本を使ってjavascriptの勉強を始めました。 使用している本→(よくわかるJavaScriptの教科書) ●勉強の動機 javascript勉強の動機ですが、現在スマフォサイトのマークア ップをメインに仕事をしており、今後もさらにjavascriptでの技術が使用されると思い始めました! ●疑問 javascriptを簡単に使用できるJQueryの使い方も書いてあり、 jQueryだけを覚えるだけで、難しいjavascriptを覚える必要があるのか疑問に思ってます。 他のサイトでjavascriptを覚えないとJQeryサンプルの編集ができないため、覚える必要があると 書いてありましたが、そのようにサンプルを編集する機会は実際どの多いのでしょうか。 また、話が変わりますが、フロントエンジニアに皆さん求めるレベルなどがありましたら、教えてほしいです。 ●今私ができる事 HTML5 CSS PHPの基礎は理解しています。 JQeryを使った、画像の切り替えやslideDown等を使った簡単な動きを書くこと。 長文になりましたら、どうぞよろしくお願いします。

  • jquery自体をJavaScriptで読み込む

    以下のようなものを想定して、jquery.js という中身がjqueryでないものから jqueryの実態を読み込みをさせようとしているのですが、うまくいきません。 ・jquery 2以降は、IE8以前をサポートしなくなるので、useragentで  読み込むjqueryを選択したい。 ・現在、CGIスクリプト上で、jqueryの読み込みを判断しているが、できれば  外部JavaScriptで巨大なjqueryの読み込みの判断をさせたい。 ・キャッシュされたとしても、ライブラリであることから、圧縮して70kバイトと  あまりにも巨大である ・(googleapiを利用すると、IE8以前では、プライバシーの警告が出る場合がある) 確かに、スマホにjqueryを普通に読み込ませても、何も問題なく動作しますが、 相当がんばって圧縮をしても70kバイト程度のライブラリを、使用しないのに 読み込むというのも気が引ける部分もあります。 何とか、動的に、かつ、何も問題なく、jqueryをJavaScriptで読み込む方法は あるでしょうか? このようなコードは、document.bodyがnullであるため、はじかれてしまいます。 var script = document.createElement('script'); script.src = 'http://hoge/jquery-1.js'; document.body.appendChild(script); var callee = arguments.callee; var interval = setInterval(function() { if (!document.evaluate) return; clearInterval(interval); interval = null; callee(); }, 100); このコードでも、jqueryを使用するものが、jQueryがないというエラーで、うまくいきません var scrptE = document.createElement("script"); scrptE.setAttribute("type", "text/javascript"); scrptE.setAttribute("language", "JavaScript"); scrptE.setAttribute("src", "http://hoge/jquery-1.js"); document.getElementsByTagName("head")[0].appendChild(scrptE); 以下のようなのは、googleapiのため、使わないものと考えます。 http://phpjavascriptroom.com/?t=ajax&p=jquery よろしくお願いします。

  • jQueryの導入について

    お世話になります。 PHPでサイトを構築しているのですが、 AJAXを導入したくてjQueryのAJAXライブラリを使おうと思っております。 jQueryは従来のJavaScriptとは違い、 構文の書き方やイベント処理等が、 独特な書き方になると思います。 jQueryを使用する際は、 すべてのJavaScriptをjQueryの方式で構文を書くか、 必要箇所だけjQueryを使用し、 あとは従来のJavaScriptの方式で構文を書くか悩んでいます。 今後どちらの方が良いでしょうか。 ちなみに私はすべての構文をjQuery風に書いた方が、 スマートになるかなと思っております。 よろしくお願い致します。

  • javascriptライブラリについて

    知り合いから、javascriptのライブラリjQueryって結局何? と質問されました。 jQueryがライブラリと言う言葉は知っているようなのですが、 「子ノードの追加等の命令が、jQueryの関数で定義されていて、jQueryで定義された関数を呼び出すことで、いつもより短い命令で子ノードの追加ができる、関数とかが集まったもの。」 と説明したのですが、いまいちのようでした。 もう少し、ライブラリについていい説明ができないかと方法を探しております。 ライブラリについて、良い説明方法がありましたら、 ご教授おねがいします。 知り合いは、javascriptの基礎は出来るレベルです。(for とかif。getelement類)

  • jQueryにて複数ライブラリを動かす

    wordpressにてWEB制作を行っています。 jQueryにてfullpage.jsというフルページスクロールするライブラリを使用しております。 そのセクションの一つをfullpage.jsの機能の一つ横スライドを行っているのですが、 fullpage.jsのオプションには自動再生はありません。 スライド部分のみ自動再生を行いたいので bxslider.jsというライブラリを使用し、 横スライドしたいセクションをbxsliderで動かしたいのですが、 bxsliderが全く作動しません。 また <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('.bxslider').bxSlider(); }); </script> の記述を <script type="text/javascript"> jQuery(document).ready(function() { jQuery('#fullpage').fullpage(); }); の上に書くと今度はfullpageが動きません。 jQueryライブラリは同ページで二つ同時には動かないんでしょうか? また、書き方が間違っていますでしょうか? 宜しくお願い致します。

  • IEにおいてjqueryが動いてくれません

    初めて投稿させていただきます。 只今、jqueryを使用してjavascriptを書いているのですが、firefoxでは正しく動作するのに、IEでは動作してくれないのです。是非この問題を解いてください。 私のやろうとしていることは、画面遷移をなくしてコンテンツ部分の情報を変えていきたいと思っているのですが、コンテンツ部分は別ファイルにて記述し、インデックスページから$(~).load(~)や、$.get(~)を使用して呼び出しているのです。 呼び出すファイルはphpで、その中にはphpとjavascript、コンテンツ部分のhtmlが記述されています。 firefoxでそれを動作させたところ、phpもjavascriptもhtmlも問題なく動作してくれるのですが、IEで動作させたところ、どうやらjavascriptが動いていない模様なのです。 IEの場合、$(~).load(~)で呼び出すと、javascriptは解釈してくれないのでしょうか?ご回答よろしくお願いいたします。

  • JavaScriptライブラリってそもそも・・・

    私はweb制作をはじめて3年たらずのwebデザイナーです。 プログラムはまったくと言っていいほど書けないので、アニメーションなどを実装したいときはwebで拾った著作権的に大丈夫なものを使いまわしています。 ほとんどjqueryライブラリを使ったものです。 最近はそのソースも少しは読めるようになり、少し手を加えられるようになりました。 そこで、かなり根本的な疑問がわいてきたのです。 ◆JavaScriptライブラリってそもそもなにが書いてあるものなのでしょうか? ※JavaScriptライブラリとはで調べたのですが、難しい言葉が多くて・・・ (jqueryとは具体的にどんなものが書いてあるものなのか。) ◆jqueryのアドオンとかjqueryのプラグインとか書いてあるのをよく見かけますが、これはなんのでしょうか?アドオンとプラグインは違うものなのでしょうか? ◆jqueryを読み込んで実行するためのスクリプトをソースに追加すれば意図した動きになりますよね。(アコーディオンメニューなど) ↓こういうもの=========== <script type="text/javascript"> $(function(){ // ここにコードを書いていく。 }); </script> これは「jqueryライブラリを使用して作ったプログラム」という言い方であっているのでしょうか? それともこのソースに追加するスクリプトのことをアドオンというのでしょうか? 無知で恥ずかしいのですが、この辺のことをきっちり理解できれば、もう少し自分のできる範囲が広がるのではないかと思い、質問しました。 よろしくお願いします。

  • jQueryについて教えてください

    jQueryというJSがあるのは誰もがご存知だと思います。 私も名前や少しだけ使ったことがありますが、いまいち漠然として分かりません。 初歩的な質問で申し訳ないのですが、 極論から言うとjQueryでいったいどの位の表現?機能を使うことができるのですか? 本も買ってみたり、ネットでも調べると何かしらjQueryを使ったプログラムはありますが、それが全てではないと思いますし、むしろ極一部だと思います。 jQueryを使うと、どんな事を、どうやったら、何ができる? って事がどうして皆さん分かるのでしょうか? 例えば何かイメージしてる動きがあって、それはネットで調べれば近い情報は出てくると思います。 しかし、jQueryである必要も無ければ、jQueryの方が楽な場合もあると思います。 だけどjQueryだとなぜ楽に作れるのか、それが理解できなくて困っています。 JavaScriptの知識はかじる程度しかないですが、 jQueryを理解するにはjQueryのソースを理解しないと、何ができるかは判断できないのでしょうか? また、「jQueryでできることの一覧」みたいなサイトってありますか? あと、jQueryで使えるライブラリの意味がいまいち分かりませんが、 これはjQueryを理解してる人が、使いやすいように作った別のJSファイルって認識で良いのでしょうか? どうも根本的な事を理解しきれてなくて、教えていただきたく。

  • PHPとJavaScriptを足してビルドできる?

    PHPとビルドについて教えてください <質問背景> ・jQueryライブラリを修正しようと思ったら、実際に呼び出しているファイルは「jquery.★★.min.js」だけだった ・ダウンロードしたファイルの中には、「build.php」「build.sh」がある <質問> ・ビルドした結果が、「jquery.★★.min.js」なのでしょうか? ・PHPでビルドって出来るのでしょうか? コンパイラとか不要? ・PHPで「PHP」をビルドしているのでしょうか? それとも、PHPで「JavaScript」をビルドしているのでしょうか? あるいは、PHPで「PHP」と「JavaScript」を足して、ビルドしているのでしょうか? ・「build.php」と「build.sh」で連携して、ビルドファイルを作成しているのでしょうか? ・ビルドするには、「.sh」が使える環境(Linux?)が必要なのでしょうか? ・何のためにビルドするのでしょうか? 容量を圧縮して、処理を早くするため? ・ビルドしなくても、ビルド前の必要ファイルを読み込めば、利用できるのでしょうか?

    • ベストアンサー
    • PHP
  • PHPからjavascriptへGETで値を渡すとき

    初歩的な質問で失礼いたします。 PHPからjavascriptへGETで値を渡すときにマルチバイト文字が文字化けしてしまいます。 javascriptのjQueryというライブラリを利用しています。 具体的には、 -------------- test.js -------------- var url = 'test.php?code=' + code; $.get(url, function(data){ alert(data); } -------------------------------------- --------------- test.php ------------- $input = $_GET['code'];  ・・・mysqlの処理・・・ echo $output; --------------------------------------- という処理をしています。 test.js → test.phpへ渡す値はマルチバイトではないので問題ないのですが、 test.php → test.jsへ返す値はマルチバイトで文字化けしてしまいます。 php側でrawurlencode関数でエンコードしてから、javascript側でdecodeURI関数を使用してデコードしたのですが、うまくデコードできませんでした。 恐らくデコードの仕方が悪いんだと思うんですが。。。 分かりにくい説明で恐縮ではございますが、ご回答をお願いいたします。 宜しくお願いいたします。

    • ベストアンサー
    • PHP

専門家に質問してみよう