私は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ランキング
-
jqueryでのkeydownイベント発生...
-
マウスオーバー+クリカブルマッ...
-
jqueryを2つ設置した事で片方...
-
jsファイルで配列を定義し、j...
-
外部JSファイルで値を受け取る方法
-
jQueryの基本的なことについて...
-
bxslider、画像が3枚以上になる...
-
CKeditorについて
-
lightbox2 表示の不具合
-
ワードプレスでjQuery 右から飛...
-
あなたのXAMPPのdashboard内のj...
-
HTMLでサブフレームから親のス...
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
javascriptファイルは1つに統...
-
JavaScriptでiframeの内容を「...
-
JavascriptとJqueryを混在し記述
-
ブラウザの「戻る」ボタンを押...
-
ウィンドウ名の設定
-
他のフレームのスクリプトを実...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
複数のjavascriptを使うと動か...
-
jqueryでのkeydownイベント発生...
-
Jqueryの干渉について
-
Base64に変換したHTMLの<script...
-
プラグイン無しでContactform7...
-
jQuery-datepicker on IE8
-
サイトにアクセスした際、数秒...
-
jQueryでloadした要素の操作が...
-
javaスクリプトについて質問で...
-
jqueryについて(Lightboxとbxs...
-
jQuery が動作しません。
-
jQuery UIのdraggableについて
-
scrollsmoothly.jsが動かない
-
jQueryのタブにスクロールバー...
-
画像をランダムにフェードイン
-
音楽再生用jQueryプラグイン「j...
-
colorboxの直接呼び出し方法に...
-
jQueryのdraggable縦書き出来ま...
-
Camera slideshowの使い方について
おすすめ情報