javascript・Jqueryなにをどこまで？

前へ 次へ
このQ&Aのポイント
  • javascriptの勉強を始めている方へのアドバイスと、JQueryの活用についての疑問についてまとめました。
  • JQueryを使うことで簡単にjavascriptを活用することができますが、それだけで十分なのか疑問に思っています。
  • フロントエンジニアに求められるレベルやスキルについても知りたいです。
回答を見る
  • ベストアンサー

javascript・Jqueryなにをどこまで？

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

質問者が選んだベストアンサー

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

こんにちは。 >javascriptをゴリゴリ書いて作るということでしょうか？ ブラウザの差異の吸収やAjaxの利用等を行ってくれるのがjQueryですのでそれ以外のところはもちろんゴリゴリ書きます。 jQueryはあくまで便利なライブラリですので、それを利用するにはJavaScriptで書く必要があるのは当たり前です。 例えばAjaxを利用してデータを取ってくる際はjQueryを利用すれば数行で書けます。 ただし、取得したデータをどうするかは自分で書く必要がありますよね。 // get.phpからJSONデータを取得するのはjQueryのおかげでこれだけ $.get ('get.php',{q:query},function(json) { // 取得したjsonを利用して表示したりする場合はここで自分で記述する必要有り alert ( json.name ); // いろいろな処理 });

nekogeruge
質問者

お礼

丁寧に教えて頂きありがとうございます！ 参考例とてもわかりやすかったです。 ＞// 取得したjsonを利用して表示したりする場合はここで自分で記述する必要有り jqueryはあくまで素材で、それをコントロールするには自分で書く必要があるため、 javascriptの知識が必要ということですね。 今の回答を見て、javascriptを学習する意味が分かりました！ 大変ありがとうございます！

その他の回答 (1)

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

こんにちは。 jQueryって簡単に利用できるように作られたライブラリなだけですので最終的にはJavaScriptがわからないと、応用が効かなくなります。 クライアントからこんな動きで作って欲しいと言われた時に、ピンポイントのものは少ないですよ。 お金と時間の問題で、これで如何でしょうと似たもので提案することもありますが、それでもダメなら近いものを基にカスタマイズするか、1から作る必要が出てきます。 改造するにもjQueryのプラグインの中身を読み取ってどのような動きをしてるか解析する必要があります。 「こんなの作れない？」と聞かれて、即答で無理ですでは通用しませんので勉強しておいて損はないです。

nekogeruge
質問者

補足

ご回答ありがとうございます！ やはりjavascript必須なのですね！ 大変そうですが、がんばりたいと思います！ 一つ教えていただきたいのですが、 ＞1から作る必要が出てきます。 とは、JQeryを利用して１から作るということですが、 javascriptをゴリゴリ書いて作るということでしょうか？

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • JQueryはもう古いのですか？

    Webデザインの勉強をしていて、HTML5とCSS3をようやく覚えてきたのでJQueryを習おうかと思ったのですが、周囲からは「これからの時代はVue.jsだ」と言われました。そもそもJavaScript自体おろそかなのにこんな事を質問するのもおかしな話ですが、実際のところ、現場ではJQueryからVueへの移行が顕著なのでしょうか？今更JQueryを勉強するのは得策ではないのでしょうか？ 分かりやすい回答をお待ちしております。どうぞ宜しくお願い致します。 OS Windows10

  • マークアップエンジニアだけで食べていくこと。

    マークアップエンジニアとして食べていくことは可能でしょうか？ フロントエンジニアをやっていた人も多くはバックにうつると聞きます。 そっちのほうが給料が高いのだと。 僕は、まだ大学生ですが、HTML、CSS、Jquery、JavaScriptだけで食べていくこと、また、ある程度裕福になることは可能でしょうか？

  • CSSやJavaScriptの使用の法律問題

    jQueryやJavaScriptで画像やテキストを自動で切り替える 方法の法律的な事について、今回お聞きしたく思います。 jQueryはCSSに属したプログラミング言語だと理解しています。 またJavaScriptもプログラミング言語で、ホームページなど でCSS同様に使われていると理解しています。 この「画像を自動的に切り替える」ためのCSS(jQuery)や JavaScriptを使用を考えているのですが、どのような 手続きを得た方が良いのか、お聞きしたく今回投稿しました。 具体的には、CSS(jQuery)やJavaScriptは知的財産に該当 する分野だとは認識しています。 常識的に、勝手に承諾を得ずに使用しても良くない、また 使用料の契約問題も発生するのではないかと思っています。 CSS(jQuery)の使用については開発者に承諾を得ればよい とか、JavaScriptの使用については、承諾を得て、かつ使用 料の問題も発生すると言った具体的な事をお聞きしたく思い ます。 CSS(jQuery)やJavaScriptの使用について、深くご存じの方に お聞きしたく思います。

  • jQueryの基本的なことについて教えてください

    自サイトで 「jQuery Slider²」http://wex.im/javascript/jquery-slider2 を設置しようと試みています。 私はhtmlとcssの知識しかありません。 今までずっと、HTML 4.01 Transitionalで、タグ打ちしながらサイトの作成をしていました。 行き詰ったらその都度ネットで調べて…という感じで 10年以上サイト製作をしていますが素人ほどの知識だと思っています。 それで、初めて上のスライドショーを設置しようと色んなサイトを参考にしたのですがうまく動きません。 （google chrome、IE8で見ています） 何が悪いのか…と上記URLの配布サイトを見たところ、 Examples <head> stuff <script type="text/javascript" src="js/jquery.slider.min.js"></script> <link href="css/jquery.slider.css" rel="stylesheet" type="text/css" /> と、2段目がtype="text/css" />という風に閉じてあって、 あぁ、これってページ全体をもうhtmlじゃなくて xhtmlで書かないと動かないって事なのかなぁ、という疑問が沸いてきました。 実際このスライドショーに限らず、jqueryのプラグインを使用している 色んなサイトがxhtml方式になっているのを確認しましたが jQueryのプラグインは、xhtmlでないと動かないものでしょうか？ それとも、このプラグインに限ってはxhtmlなのでしょうか？ よろしくお願いいたします。

  • jqueryのタブ切り替えについて

    jqueryのタブ切り替えについて jquery初心者です。 某ポータルサイトを運営していて、 今回jqueryを使ってタブ切り替えを作りたいと思っています。 http://www.samuraitype2.com/demo/20090306/index.html こんな感じのものです。 ホットペッパービューティーのようにタブを押して切り替えたいのですが、（←おそらくPHP） PHPがよくわからないもので、、 そこで、質問ですが 上のURLのサンプルは少量のテキストのみでしたが、 お店の写真数枚やgoogle map、FLASH動画などの内容で切り替えを行ってく上で 動作に重たさは出るのでしょうか？ ぱっ、ぱっ、と切り替わらず、少々読み込みがかかってしまうのでしょうか？ 教えて下さい。 そもそもjquery自体よくわかってはいないのですが、Javascript？ jqueryで色々種類があるんで、どういう意味なんでしょうか？ 宜しくお願い致します。

  • IEでのjQuery の実装について

    教えてください。 現在、jQuery の jqplot を利用してグラフの表示を検討しております。 HTML（ブラウザ：IE,chrome）での表示は問題なく行われますが、 HTMLをASPファイル内に組み込んでページを表示させようとすると chromeでは問題なくグラフが表示されますが、IEではエラーが発生します。 IEでも動作するようにするためのアドバイスをお願いします。 以下、ロジックです。 <!-- jQuery グラフ表示部 ここから --> <script language="javascript" type="text/javascript" src="../jQuery/jquery-1.9.0.min.js"></script> <!--[if lt IE 9]> <script language="javascript" type="text/javascript" src="../jQuery/excanvas.min.js"></script> <![endif]--> <script language="javascript" type="text/javascript" src="../jQuery/jquery.jqplot.min.js"></script> <script language="javascript" type="text/javascript" src="../jQuery/jqplot.barRenderer.min.js"></script> <script language="javascript" type="text/javascript" src="../jQuery/jqplot.categoryAxisRenderer.min.js"></script> <link rel="stylesheet" type="text/css" href="../jQuery/jquery.jqplot.min.css" /> <script> jQuery( function() { jQuery . jqplot( 'jqPlot-sample', [ [ [ '4月', 65 ], [ '5月', 72 ], [ '6月', 74 ], [ '7月', 63 ], [ '8月', 85 ], [ '9月', 90 ] ] ], { animate: true, seriesDefaults: { renderer: jQuery . jqplot . BarRenderer, }, axes: { xaxis: { renderer: jQuery . jqplot . CategoryAxisRenderer, } } } ); } ); </script> <!-- jQueryグラフ表示部 ここまで --> html部分 <div id="jqPlot-sample" style="height: 300px; width: 300px;"></div>

  • jQueryの導入方法について

    jQueryの導入が上手くいかず、全く動かなくて困っております。 サイト（http://labs.opentone.co.jp/?p=4923）から説明があったURLから実装に必要なjQueryをダウンロードしました。 ・jquery.flexslider.js ・flexslider.css そして下記コードを入力しました。 <link rel="stylesheet" href="flexslider.css" type="text/css"> <script src="jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="jquery.flexslider.js"></script> さきほど取得した画像をスライドショーを表示させたい場所に下記の通り指定します。 画像名を「sampleX.png」としています。 <div class="flexslider"> <ul class="slides"> <li><img src="images/sample1.png"></li> <li><img src="images/sample2.png"></li> <li><img src="images/sample3.png"></li> <li><img src="images/sample4.png"></li> <li><img src="images/sample5.png"></li> </ul> </div> 最後にflexfliderの関数を呼び出してスライドショーを実行させます。 $("document").ready(function(){ $('.flexslider').flexslider(); }); 以上のことを行ってjQueryらしい動作どころか画像すら表示されませんでした。（画像パスは入力し直しています） 他にダウンロードするものやコードを書かなければならないことなど、動作に必要なものについて教えて頂けませんでしょうか。 ※上記以外のことは一切行っておりません 何卒よろしくお願い致します。

    • ベストアンサー
    • CSS
  • タブ切り替えが出来るjavascriptを使用しています。

    タブ切り替えが出来るjavascriptを使用しています。 http://5am.jp/jquery/jquery_ui_tabs/ ここのサイトを参考にしてタブ切り替えが動くところまで行きましたが、 どうにかして、別ページからリンクをクリックした時に、特定のタブへ直接飛ぶようにしたいと思っています。 <script type="text/javascript"> 　$(function() { 　　$('#ui-tab > ul').tabs({ fx: { opacity: 'toggle', duration: 'fast' } }); 　}); </script> ヘッダーにある上記のjavascriptを少し編集すればできそうな気がするのですが、 もうお手上げになっちゃいました。 申し訳ないのですが、どなたか教えていただければと思います。 よろしくお願いします。

  • Javascriptの丸括弧の意味

    jQueryを勉強しなくてはならないのですが、JavaScriptの文法で疑問があるのでお尋ねします。 以下のURLで、気になる書式があります。 http://d.hatena.ne.jp/watanata2000/20100307/1267956738 > (function($) { > $.fn.foo = function(arg) { > // 処理 > }; > })(jQuery); この、最後の行の (jQuery) は何なのでしょうか？なぜこんなものが必要なのでしょうか？ functionの定義なら、中括弧だけで済むはずです。 また、次のようなサンプルもあります。 http://developer.yahoo.com/yui/examples/datatable/dt_basic.html この中の「JavaScript:」の24行目。 > }(); となっています。 なんとなく予想してみると、関数を定義して、その引数を決めているようなイメージを持っているのですが、その考えが正しいかどうかが解りません。 もし解説が難しいのであれば、解説してあるドキュメントなどを教えて頂けないでしょうか。 本をおすすめ頂けたりすると、とても助かります。 宜しくお願いします。

  • jQuery.jsを使ったhtml外部読み込み

    教えてください。 現在Jqueryを使用して外部htmlを読み込ませようとしていますが、 うまくいきません・・・ ■本体html <head> <script src="js/jquery-1.8.3.min.js"></script> </head> <body> <script type="text/javascript" src="sample.js"></scrip> <div id="sample"></div> </body> ■sample.js // JavaScript Document $(function(){ $("#sample").load("sample.html"); }); ■読み込ませるsample.html　特に設定なし このような感じですが、全然読み込めません。。。 javascriptを外部リンクにしているのは、読み込むhtmlが複数ある為、 headの見栄えが悪くなるからという個人的な意見です・・・ 済みませんがお知恵をお貸しください！！

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する