私はweb制作をはじめて3年たらずのwebデザイナーです。
プログラムはまったくと言っていいほど書けないので、アニメーションなどを実装したいときはwebで拾った著作権的に大丈夫なものを使いまわしています。
ほとんどjqueryライブラリを使ったものです。
最近はそのソースも少しは読めるようになり、少し手を加えられるようになりました。
そこで、かなり根本的な疑問がわいてきたのです。
◆JavaScriptライブラリってそもそもなにが書いてあるものなのでしょうか?
※JavaScriptライブラリとはで調べたのですが、難しい言葉が多くて・・・
(jqueryとは具体的にどんなものが書いてあるものなのか。)
◆jqueryのアドオンとかjqueryのプラグインとか書いてあるのをよく見かけますが、これはなんのでしょうか?アドオンとプラグインは違うものなのでしょうか?
◆jqueryを読み込んで実行するためのスクリプトをソースに追加すれば意図した動きになりますよね。(アコーディオンメニューなど)
↓こういうもの===========
<script type="text/javascript">
$(function(){
// ここにコードを書いていく。
});
</script>
これは「jqueryライブラリを使用して作ったプログラム」という言い方であっているのでしょうか?
それともこのソースに追加するスクリプトのことをアドオンというのでしょうか?
無知で恥ずかしいのですが、この辺のことをきっちり理解できれば、もう少し自分のできる範囲が広がるのではないかと思い、質問しました。
よろしくお願いします。
No.2ベストアンサー
- 回答日時:
> ◆JavaScriptライブラリってそもそもなにが書いてあるものなのでしょうか?
ライブラリの中身見てみれば分かりますが
JavaScriptが書かれています。
その意味では、ただのJavaScriptプログラムなのですが、
他のプログラムに使ってもらう為に機能をひとまとめにしたプログラムは
特にライブラリと呼ばれます。
jQueryであれば、あなたが質問文中でも使用している
$関数の実装などが書かれています。
具体的に何を書いてあるか知りたければ例えば以下が参考になります。
(ちょっと古いですが。)
特集:jquery.jsを読み解く|gihyo.jp … 技術評論社
http://gihyo.jp/dev/feature/01/jquery
jQueryはJavaScriptで書かれているので、
jQueryを使って実現できる機能は
別にjQueryを使わなくても実現可能です。
ただし、jQueryを使わない場合は、jQueryの中に書かれていたことも
自力で書かなければいけませんからその分面倒になります。
No.1
- 回答日時:
javascriptに限らず、プログラム言語はいくつかの階層に分かれています。
1.言語が備えた機能
例えばjavascriptが標準で持っている命令や関数です。
よく使われるのだとalert()とかlocation.hrefとか。
2.言語の機能拡張
1では不十分だったり、あると便利な機能を追加するための拡張です。
これを一般にライブラリといいます。
(1にしてもコア+ライブラリで構成されている場合がほとんどですけど)
jQueryは基本的にこの階層のソフトです。
中身は何かと言うと、やっぱり命令や関数が書いてあります。
・プラグイン/アドオン
こういう言い方ってあまり他の言語では言わない気がしますが、
基本的にはこの階層と同じです。
言語の拡張機能って、1の標準機能だけでできているわけではなく、
他の拡張機能を利用して作られていたりします。
つまりjQueryのプラグインとかアドオンとかいわれるものは、
jQueryの機能を利用して作られた拡張機能、ということです。
3.実際に動作させるプログラム
実際にブラウザなりOSなりが動作させるためのプログラムです。
ここでは1の標準的な機能に加え2を追加でよみこめば2の機能も利用して
プログラムすることができます。
Javasriptの例で具体的に説明すると、
<script type="text/javascript">
$(function(){
// ここにコードを書いていく。
});
</script>
だけだとは1のJavascriptの標準機能でしかプログラムを書くことは出来ません。
単なるJavascriptプログラムです。
jQueryの機能を使ってプログラムを書くには、
<!--jQueryの読み込み-->
script src=jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
// ここにコードを書いていく。
});
</script>
というようにjQueryのファイルを読み込んでやる必要があります。
(他の言語でも"import hogehgoe"とか"include stadio.h"みたいに似たようなことします)
このように書いた上でjQueryの機能を使ってプログラムすれば、
「jQueryを利用して作成したプログラム」です。
で、jQueryのアドオン/プラグインの場合も
<!--jQueryの読み込み-->
script src=jquery-1.7.2.min.js" type="text/javascript"></script>
<!--jQueryプラグインjQplotの読み込み-->
<script src="jquery.jqplot.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
// ここにコードを書いていく。
});
</script>
というようにファイルを読み込ませてやることで機能を使えるようになります。
ただjQueryプラグインはjQueryの機能を利用しているので、
<!--jQueryプラグインjQplotの読み込み-->
<script src="jquery.jqplot.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
// ここにコードを書いていく。
});
</script>
このようにjQueryを読み込むのを忘れると動作しません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
- JavaScript jQueryローディングアニメーションのコードの以下のURL内参考サイトで提示されている 3 2023/07/03 18:29
- その他(プログラミング・Web制作) Pythonのライブラリ、randomについて 3 2022/09/20 14:30
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript 【Google Apps Script】「ライブラリ」が追加できなくて困っています。 1 2022/11/10 13:29
- Instagram HTML5の廃止とJavaScript 2 2022/04/13 21:05
- HTML・CSS アドバイスを下さい。 1 2022/10/08 01:18
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
base64encodeでの文字化けについて
-
文字サイズの大中小について
-
map とlightbox
-
javascript外部読み込みの際の引数
-
jQuery-datepicker on IE8
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
function の return 値を表示し...
-
JavascriptとJqueryを混在し記述
-
jQueryでdivをクリックし別窓で...
-
(Javascript)印刷するファイル...
-
JavaScriptでiframeの内容を「...
-
相対パスと絶対パスの速度
-
bodyにidをつける理由は何ですか?
-
以下の内、どれでも良いので可...
-
外部ファイル名を変数で指定で...
-
サブウィンドウの大きさを複数...
-
複数のJavascriptを1つのscrip...
-
Dreamweaver で 外部JSを読み込...
-
Safariで<iframe>のinnerHTMLを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
複数のjavascriptを使うと動か...
-
jqueryでのkeydownイベント発生...
-
Jqueryの干渉について
-
Base64に変換したHTMLの<script...
-
プラグイン無しでContactform7...
-
jQuery-datepicker on IE8
-
サイトにアクセスした際、数秒...
-
jQuery が動作しません。
-
javaスクリプトについて質問で...
-
jQueryでloadした要素の操作が...
-
jqueryについて(Lightboxとbxs...
-
scrollsmoothly.jsが動かない
-
JavaScriptで背景や文字色を色→...
-
jQuery UIのdraggableについて
-
colorboxの直接呼び出し方法に...
-
「jquery.csv2table.js」から生...
-
●jQuery;スクロールでついてく...
-
jQueryのdraggable縦書き出来ま...
-
Camera slideshowの使い方について
おすすめ情報