- ベストアンサー
JQuery などの Javascript ライブラリを Google
JQuery などの Javascript ライブラリを Google ライブラリからロードするメリット・デメリット教えて。
- JavaScript
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- mtaka2
- ベストアンサー率73% (867/1179)
関連するQ&A
- javascriptとjQueryについて
javascriptの基礎部分を学びその後、jQueryを学習しました。 ある程度jQueryはできるようになりました。 しかしjQueryはjavascriptのライブラリでjavascriptを簡単に書けるということなのでjavascriptも深いところまで学習すべきか迷っています。 jQueryを学習したのならjavascriptは深いところまでしなくてもいいのでしょうか？ やはり使用用途で学習するべきとか変わってくるものなのでしょうか？ もし変わってくる場合、こういうことがしたいならjQueryではできないからjavascriptも学習すべきなど簡単な例など出せれたらよろしくお願いします。 現在はPHPとmySQLを学習しています。 質問文が下手で伝わりにくいかもしれないですがよろしくお願いします。
- 締切済み
- JavaScript
- javascriptライブラリについて
知り合いから、javascriptのライブラリjQueryって結局何？ と質問されました。 jQueryがライブラリと言う言葉は知っているようなのですが、 「子ノードの追加等の命令が、jQueryの関数で定義されていて、jQueryで定義された関数を呼び出すことで、いつもより短い命令で子ノードの追加ができる、関数とかが集まったもの。」 と説明したのですが、いまいちのようでした。 もう少し、ライブラリについていい説明ができないかと方法を探しております。 ライブラリについて、良い説明方法がありましたら、 ご教授おねがいします。 知り合いは、javascriptの基礎は出来るレベルです。(for とかif。getelement類)
- ベストアンサー
- JavaScript
- javascriptとjQueryについて
初心者の質問で申し訳ないのですが回答してもらえるとうれしいです。 つい先日、書店に行ったとき新刊でjavascriptの入門書みたいな本がでておりふと疑問に思ったことがあります。 javascriptのライブラリの一つでjQueryという誰でも簡単にjavascriptと同じ動作ができるものがあるのになぜjavascriptを学んでもらうための本が今更出ているのだろうと思いまいした。 たしかにjQueryももとをたどればjavascriptといえると思うのですがそれなら初めからjQuery入門書をだしたほうがいいのではないかと思います。 私自身まだまだ無知なので本当はこういうことというのがありましたら教えてください。
- 締切済み
- JavaScript
- ajaxとjQueryとjavascriptの関係
ajaxとjQueryとjavascriptの関係についてよくわからないのですが ajaxとjQueryはjavascriptのライブラリーと言う事でしょうか？ ライブラリーの意味もよくわかってませんが。
- ベストアンサー
- JavaScript
- Googleがホストしているライブラリを調べる方法
jQueryなどのライブラリを自サイトで使用する際、そのソースを自サイトに配置した上で以下のように指定して読み込む事が基本だと思います。 <script type="text/javascript" src="/js/jquery.js"></script> 最近、Googleなどが提供しているライブラリを借りてくれば、自サイトに配置せずに済むという事を覚えたのでそれを使って、以下のように書いています。 <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.7");</script> このように書けば良い、と解説されている記事を読んだからですが、他にもよくjQuery.UIなどを使う場合の記述も書かれています。 このように、解説しているものを見つけた場合は、これもホストされているのだなと使えるようになりますが、自分でGoogle内でどのライブラリが提供されているのかを調べる方法は検索したのですが見つけられませんでした。 ここに書かれている、こうすれば調べられるという方法があれば、教えていただけませんでしょうか。 よろしくお願いします。
- ベストアンサー
- JavaScript
- JavaScriptライブラリってそもそも・・・
私はweb制作をはじめて3年たらずのｗｅｂデザイナーです。 プログラムはまったくと言っていいほど書けないので、アニメーションなどを実装したいときはwebで拾った著作権的に大丈夫なものを使いまわしています。 ほとんどjqueryライブラリを使ったものです。 最近はそのソースも少しは読めるようになり、少し手を加えられるようになりました。 そこで、かなり根本的な疑問がわいてきたのです。 ◆JavaScriptライブラリってそもそもなにが書いてあるものなのでしょうか？ ※JavaScriptライブラリとはで調べたのですが、難しい言葉が多くて・・・ （jqueryとは具体的にどんなものが書いてあるものなのか。） ◆jqueryのアドオンとかjqueryのプラグインとか書いてあるのをよく見かけますが、これはなんのでしょうか？アドオンとプラグインは違うものなのでしょうか？ ◆jqueryを読み込んで実行するためのスクリプトをソースに追加すれば意図した動きになりますよね。（アコーディオンメニューなど） ↓こういうもの＝＝＝＝＝＝＝＝＝＝＝ <script type="text/javascript"> $(function(){ // ここにコードを書いていく。 }); </script> これは「jqueryライブラリを使用して作ったプログラム」という言い方であっているのでしょうか？ それともこのソースに追加するスクリプトのことをアドオンというのでしょうか？ 無知で恥ずかしいのですが、この辺のことをきっちり理解できれば、もう少し自分のできる範囲が広がるのではないかと思い、質問しました。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 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ライブラリは同ページで二つ同時には動かないんでしょうか？ また、書き方が間違っていますでしょうか？ 宜しくお願い致します。
- 締切済み
- JavaScript
- jqueryはJavaScript？
jqueryとJavaScriptの関係がよくわからないのですが JavaScriptというカテゴリーの中にjqueryが入ってるのですか？
- ベストアンサー
- JavaScript
- jquery自体をJavaScriptで読み込む
以下のようなものを想定して、jquery.js という中身がjqueryでないものから jqueryの実態を読み込みをさせようとしているのですが、うまくいきません。 ・jquery 2以降は、IE8以前をサポートしなくなるので、useragentで 読み込むjqueryを選択したい。 ・現在、CGIスクリプト上で、jqueryの読み込みを判断しているが、できれば 外部JavaScriptで巨大なjqueryの読み込みの判断をさせたい。 ・キャッシュされたとしても、ライブラリであることから、圧縮して７０ｋバイトと あまりにも巨大である ・(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 よろしくお願いします。
- ベストアンサー
- JavaScript
- javascriptライブラリの使い方
aa.js bb.js cc.js の3つのjavascriptを使ったサイトを作成中です。 ヘッダーに <script src="aa.js" type="text/javascript"></script> <script src="bb.js" type="text/javascript"></script> <script src="cc.js" type="text/javascript"></script> と記載し、「aa.js bb.js cc.js 使う前提のスクリプト」をサイト上に記載しているのですが、aa.js bb.js cc.js のそれぞれが重いため、サイト記載のスクリプトがaa.js、bb.js、cc.jsより先に読み込まれてしまい、思ったような表示が出来ません。 (cc.jsが読み込まれないままの状態でサイトのスクリプトを読み終わってしまう) そこで調べてみると、下記のようなライブラリを発見しました。 http://notnil-creative.com/blog/archives/1361 このライブラリ(script.js)を使うと、通常は以下のように書くJavascriptの読み込みが、 <script src="jquery.js"></script> <script src="my-jquery-plugin.js"></script> <script src="my-app-that-uses-plugin.js"></script> 下記のように書くことができるそうです。 $script('jquery.js', function () { $script('my-jquery-plugin.js', function () { $script('my-app-that-uses-plugin.js') }) }) この書き方で、ページのレンダリングを阻害せず、非同期にJavascriptを読み込むことができ、なおかつ「jQueryが読み込まれてからjQueryプラグインを読み込み、そのあとウェブサイト用のスクリプトを読み込む」というような依存関係のある複数のJavascriptファイルの読み込みにも対応できちゃいます。 という優れものであり、私の要求にぴったりと思いました。 早速、http://notnil-creative.com/blog/archives/1361のページからscript.jsをダウンロードしたのですが、使い方がわかりません。 例ではヘッダーに $script('jquery.js', function () { $script('my-jquery-plugin.js', function () { $script('my-app-that-uses-plugin.js') }) }) と記載すればOKと書いてあります。 ただ、この記入方法で動くようにするためには、$scriptがscript.jsに連動していることを記載すべき だと思いますが、javascriptでそのような例を見たことがなく困惑しています。 このスクリプトの使い方(ヘッダーの記入方法)について、ご教授頂けませんでしょうか? 宜しくお願い致します。
- 締切済み
- JavaScript
お礼
＞他のサイトで読み込んだときのキャッシュが使われます（サーバーがそれようの設定になっている必要があります）ので、再読み込みの時間やデータ通信量（通信料）を減らせます。 この部分ですが、一般ユーザの環境において、JQuery では体感できるほどのスピード差ってあるものでしょうか？